Освойте профессию Frontend разработчика всего за 183 дня вместе с GoIT

Онлайн курсы
HTML/CSS + JavaScript

После его окончания вы будете полностью готовы к старту успешной карьеры Frontend разработчика

Старт следующего потока - 27 ноября

Почему многие так стремятся попасть в IT?

Высокий уровень зарплат

Начинающий Frontend разработчик может рассчитывать на ЗП от $400. Старший специалист - от $1900, а опытный Team Lead в среднем получает $3500.

Возможность работать удаленно

Сфера IT предполагает возможность работы из любой точки мира. Гибкий график и ориентация на результат позволят вам выбрать наиболее приемлемый режим.

Комфортные условия труда

Комфортные офисы класса А, зоны отдыха, компенсация спорта, медицинская страховка, обучение по специальности, высокий уровень менеджмента и управления проектами в командах.

Развивающаяся отрасль

IT рынок во всем мире растет. Это самая быстрорастущая отрасль экономики (около 8% в 2018 году). Как следствие - постоянная нехватка кадров в компаниях и большие перспективы карьерного роста.

IT компания

  • Работа в современном офисе с высокой зарплатой.
  • Слаженные команды, работающие на результат.
  • Постоянное обучение и поддержка более опытных коллег.
  • Большой потенциал карьерного роста.

Где вы хотите работать после окончания курса?

Наведите курсор, чтобы раскрыть возможности

FreeLance

  • Работа из любой точки мира.
  • График занятости вы выбираете себе сами.
  • Интересные проекты, бросающие вызов вашим способностям и навыкам.
  • Уровень дохода зависит лишь от вашей способности организовать свою работу.

Кто такой Frontend Developer?

Это программист, который создает пользовательские интерфейсы приложений, веб-сервисов и сайтов.

Пользовательский интерфейс - это все то, что вы видите на экране своего компьютера, когда просматриваете какой-либо сайт.

Эта специальность идеально подойдет тем, кто...

  • Приходит в неистовство от сайтов, на
    которых все криво и постоянно что-то не
    работает. И хочется все срочно исправить
    и сделать проще и удобней.
  • Хочет делать плоды трудов программистов, архитекторов, дизайнеров, копирайтеров доступными и комфортными для использования конечными пользователями.
  • Любит, когда результат работы можно "пощупать", показать друзьям и родителям. Отвечать на вопрос "Чем ты занимаешься целыми днями?" тут очень просто.
  • Готов уделять внимание каждой мелочи, доводя продукт до совершенства. При этом познать дзен HTML, CSS, JavaScript, наблюдая как любое изменение в коде влияет на конечный вид продукта.

Чем же, по факту, занимаются FE разработчики?

Вот 4 стандартных этапа типичного проекта

  • Получают и внимательно анализируют:

    # дизайн-макет будущего сайта (картинку того, как он должен выглядеть);

    # сопроводительное техническое задание по его запланированной функциональности (как все должно работать).

  • “Разрезают” дизайн на логические блоки и делают каркас будущего сайта с использованием языка разметки HTML.

    На этом этапе воссоздается запланированная структура сайта, но выглядит все пока что не очень.

  • Дорабатывают каркас, придавая сайту аккуратный и привлекательный вид с помощью языка стилей CSS.

    Теперь все красиво и выглядит, как надо. В принципе, можно запускать и так, но... пока что все неподвижно. А в наше время так не годится.

  • Добавляют динамики и интерактива в нужных местах, превращая с помощью языка JavaScript сайт в удобный и практичный инструмент.

    Тут уж можно в полной мере насладиться результатом работы и получить заслуженные почести за проделанную работу.

GoIT курс HTML/CSS + JavaScript

наиболее комплексный подход к подготовке frontend разработчиков

Обучение в 3-х
направлениях
  • Полный комплект технических навыков по HTML, CSS и JavaScript.
  • Личная эффективность и эффективная коммуникация в проектной команде.
  • Специализированный IT English.
1200

студентов прошло курсы GoiT
в 2017 году

Трудоустройство
  • Карьерный коучинг во время обучения.
  • Встречи и общение с HR'ами IT компаний в рамках сообщества.
  • Помощь рекрутеров GoIT в поиске работы после окончания курса.
567

студентов уже освоили специальность
Frontend developer с помощью GoIT

Поддержка
комьюнити
  • Уже с первых занятий вы ощутите ценность поддержки группы, преподавателей и менторов. А благодаря живым встречам получите 100% эффект от обучения.
  • Но даже после окончания курса вы становитесь частью сообщества GoIT, которое уже сейчас насчитывает тысячи IT специалистов.
230

студентов прошли курс
в предыдущем потоке

Займите свое место в группе прямо сейчас

Старт следующего потока уже 29 октрября

Наши живые и оффлайн события

отбор на курс есть и он сделан не "для галочки"

Что мы оцениваем при отборе?

Без базового английского в IT никуда. Он нужен для изучения учебных материалов, общения с коллегами и заказчиками из других стран.

Если ваш текущий уровень английского низкий - обучение на этом курсе будет для вас слишком сложным. Да и при трудоустройстве английский - обязательное условие.

Мы порекомендуем, что именно вам стоит подучить, чтобы ваше обучение и карьера в IT состоялись.

Есть множество базовых моментов, которые не рассматриваются в рамках этого курса. По ним мы разработали тест и бесплатный вводный курс.

Если вы “плаваете” в базовых технических моментах, мы вышлем вам материалы для самоподготовки, которые вам нужно будет изучить перед началом курса.

Специалисты в сфере IT получают свои зарплаты за тяжелый постоянный труд.

Мы хотим убедиться, что вы понимаете, куда вы идёте, и как это поможет вам достичь ваших истинных целей.

Как показывает практика, студенты в последствии очень благодарят за такую систему отбора, так как она выстроена в первую очередь с заботой о вас и ваших результатах.

Программа курса GoIT
HTML/CSS + JavaScript
состоит из 5 глобальных блоков

Каждый ее блок впитал многолетний опыт преподавателей и специалистов по обучению GoIT, а программа в целом уже получила высокие оценки

HTML/CSS

11 модулей

JavaScript

15 модулей

SoftSkills

4 модуля

Career Coaching

2 модуля

IT English

18 модулей

Детальное содержание каждого из блоков

Системы контроля версий
Научимся управлять результатами своей работы используя систему контроля версий Git и её веб-интерфейс GitHub. Создадим аккаунт и наш первый репозиторий.
Знакомство с HTML
Узнаем базовые теги и их атрибуты. Поговорим о семантичной верстке и научимся работать со спецификацией. Научимся создавать текстовые блоки, добавлять ссылки и размещать картинки. Познакомимся с редактором VSCode. Узнаем о различных графических форматах: их преимуществах и недостатках. Научимся работать с Photoshop. Создадим свою первую веб-страницу.
Основы CSS
Знакомимся с каскадными таблицами стилей. Учимся добавлять стили к HTML-документу и его отдельным элементам. Узнаем о каскаде, приоритетности и наследовании в CSS. Знакомимся с составляющими HTML-элементов. Поговорим о модели визуального форматирования. Изучим виды значений применяемые в CSS-свойствах и исследуем единицы измерения. Узнаем свойства влияющие на отображение текста. Научимся подключать кастомные шрифты.
Цвет. Генерируемое содержимое. Обтекание элементов
Узнаем о важности цвета для визуального восприятия. Разберемся с градиентами. Изучим различные способы использования фона и фоновых изображений. Познакомимся с возможностью создания содержимого на стороне стилей. Познакомимся с плавающими элементами. Научимся использовать псевдоклассы для обращения к определенным элементам коллекции. Затронем CSS-фильтры и CSS-счетчики.
Многослойность интерфейса
Изучим виды позиционирования элементов на странице и особенности их взаимодействия. Познакомимся с магией слоёв. Сверстаем модальное окно и выпадающее меню.
Flexbox
Выучим современную технологию позиционирования элементов в потоке документа.
Трансформации, переходы, анимации
Познакомимся с продвинутыми возможностями CSS для создания переходов и анимаций элементов.
Формы
Знакомимся с формами. Учимся делать семантическую верстку форм. Узнаем важность и тонкости атрибутов элементов форм. Сверстаем фильтр цены и научимся делать кастомное оформление элементов форм.
Адаптивная и отзывчивая верстка.
Знакомимся с медиаправилами. Учимся верстать страницу под различные устройства и ширины экрана. Узнаем о правилах адаптивной и отзывчивой верстки. Научимся писать Mobile-first CSS.
Адаптивная растровая графика. Векторная графика.
Учимся верстать отзывчивые изображения. Узнаем что такое ретина и как с ней бороться. Научимся работать с векторной графикой, создавать векторные спрайты. Узнаем как оптимизировать графику для веб.
Кроссбраузерность. Методологии верстки.
Познакомимся со специфичными для разных браузеров свойствами. Узнаем, как изменяется способ решения одной и той же задачи, в зависимости от требований к кросбраузерности. Научимся использовать методологию именования BEM.
Автоматизация и препроцессоры
Познакомимся с автоматизацией процесса верстки c Gulp. Научимся писать меньше получая больше используя CSS-препроцессор SASS.
Основы
Структура кода, кодстайл. Инструкции и выражения. Переменные, примитивные типы данных, основные операторы. Строки, чиcла, преобразование типов. Операторы сравнения, логические операторы. Ветвления. Циклы.
Массивы
Массивы, элементы, индексация, length. Методы массивов. Деструктуризация массивов и оператор rest.
Функции
Обьявление функции и функциональные выражения. Аргументы и параметры функции, параметры по умолчанию.Стек вызовов. Область видимости. Псевдомассив arguments. Стрелочные функции и их особенности.Понятие callback-функции. Замыкания. Рекурсия
Объекты
Свойства и методы объекта. Передача по ссылке и по значению. Перебор объектов. Слияние объектов. Деструктуризация обьектов.Контекст исполнения функции. Контекст в стрелочных функциях. Методы функций bind\call\apply. Создание объектов через new.
Декларативное и императивное программирование
Декларативное и императивное программирование. Чистота функций. Функциональные методы массивов. Цепочки вызовов методов массива.
Отладка кода и перехват ошибок
Дебаггер. try/catch. throw. Использование встроеных и создание кастомных ошибок.
Основы ООП
Основы ООП. Прототип объекта. Прототипное наследование. Конструкторы. ES6 Классы.
Объектная модель документа и браузера
DOM. Понятие DOM узла и элемента. Поиск, создание и добавление DOM-узлов. Оптимизация работы с DOM. BOM. Feature detection. Доступ к геопозиции. Google Maps API
События
Введение в события. Слушатели событий. Объект события. Фазы событий. Поведение по умолчанию. Делегирование событий. События мыши, клавиатуры, форм, touch. Применение техник throttling и debouncing.
Асинхронный JavaScript
Таймеры. Promise API. Протоколы передачи данных. JSON. AJAX. XHR. Fetch API. CORS. WebSockets.
Хранение данных на клиенте
Cookies. WebStorage. IndexedDB
Автоматизация
Автоматизация разработки. Node.js и пакетный менеджер npm. Настройка Gulp.
Модульность приложения
Знакомство с Webpack. Патерн модуля, CommonJS и ES6 модули
Архитектура приложений
Подходы с структурированию кода приложения: MV*
Тестирование
Основы тестирования. Test Driven Development и Behavior Driven Development. Jasmine, Mocha и Chai, Jest
Дополнительные материалы
Функции высшего порядка. Сложность функции. Частичное применение. Каррирование.Итераторы, генераторы, async/await. Proxy. Структуры данных. Паттерны проектирования. Безопасность. Многопоточность с webworkers и serviceworkers.
I. SELF-BUILDING
Общие цели вебинаров: сформировать навыки самоменеджмента и, как следствие,повысить личную эффективность участников тренинга.
Фундаментальные основы личной эффективности
Характер: корень эффективности. Континуум зрелости. Понятие парадигмы.
Навык 1: проактивность
Проактивность. Основное понятие. Использование парадигмы «я – продукт собственного выбора». Результаты проактивности: расширение влияния, повышение инициативности, развитие творческих сил и т.д.
Навык 2: мышление в стиле «выиграл/выиграл»
Различные стратегии взаимодействия. Стратегия win\win. Как самая продуктивная стратегия взаимодействия. Использование «стратегии win\win» в построении взаимоотношений. Работа по стратегии выиграл\выиграл при решении конфликтов.
Навык 3: умение слушать и слышать
Навык активного слушания. Использование активного слушания при решении проблемных ситуаций. Инструменты активного слушания. Помехи в использовании, их устранение.
Навык 4: «затачивание пилы»
Парадигма развития для поддержания эффективности 4 сферы развития человека. Создание плана развития каждой из сфер. Жизненное колесо баланса.
II. TIME MANAGEMENT
Общие цели вебинаров: дать участникам системный подход к планированию и выработать индивидуальную для каждого участника модель в модель управления.
Философия тайм-менеджмента
Время как физическая величина и его основные законы. Личные установки и их влияние на формирование реальности. Основные принципы управления временем. 4 основные сферы развития человека. Планирование каждой сферы.
Целеполагание и планирование
Цель как центральный элемент планирования. Критерии успешной постановки цели. Каскадирование цели на задачи. Диаграмма Ганта. Среднесрочное планирование. Недельное планирование, основные секреты. Ежедневное планирование. Электронные и бумажные ежедневники. Выбор наиболее подходящего инструмента планирования. Приоритезация задач. Матрица Эйзенхауэра.
Гибкость и самоконтроль
Правила внесения изменений в планы. Работа под давлением времени и обстоятельств. Искусство говорить «нет» себе и другим в процессе управления временем (алгоритм элегантного отказа).
Поглотители времени
Основные поглотители времени. Анализ своего времени на наличие основных поглотителей. Борьба с основными поглотителями времени. Учет времени. Тайминг задач. Важность критерия времени (соблюдение сроков) при достижении целей.
III. EFFECTIVE COMMUNICATION, ОНЛАЙН ПРОДАЖИ
Общие цели вебинаров: дать участникам легко применяемую на практике, эффективную модель общения с клиентами с использованием он-лайн платформ.
Основные принципы эффективных клиентоориентированных коммуникаций
Клиентоориентированное обслуживание и коммуникации. Основные понятия. Значение личных взглядов и установок в клиентоориентированной коммуникации. Позитивное мышление. Освоение алгоритма клиентоориентированной коммуникации (классическая схема, используемая в т.ч. в продажах: установление контакта, выявление потребностей, презентация, работа с возражениями, завершение продаж).
Стратегия переговоров
Пять коммуникативных стратегий при переговорных процессах («Уход», «Уступка», «Противостояние», «Компромисс» «Сотрудничество»). Определение стратегии переговоров для разных типов клиентов. Алгоритмы работы со стратегиями.
Создание атмосферы доверия между исполнителем и заказчиком. Позитивное первое впечатление
Методы создания благоприятного первого впечатления. Как создать доверительные отношения с клиентом. Раппорт (присоединение и ведение) Особенности дистанционного присоединения (телефон, скайп, он-лайн чаты). Основы бизнес-этикета. Устоявшиеся выражения и правила.
Выявление потребностей клиента
Этапы потребительского решения, инструменты влияния на принятие решения потребителя при работе с потребностями. Виды потребностей. Вопросы как главное оружие коммуникатора. Различные типы вопросов (открытые, закрытые) и их соответствующее применение. Техника SPIN - классическая британская техника работы с вопросами с целью убеждения клиента.
Эффективная презентация решения\продукта
Как сделать свою презентацию запоминающейся и понятной для клиента. Ключевые моменты в презентации. Создание портфеля плюсов продуктов. Принцип «свойства – выгоды» - презентация выгод для клиента. Питчинг презентация, блиц презентация. Основные приемы и методы
Работа с возражениями и сомнениями клиента
Понимание причины возражений. Стандартные возражения, что с ними делать. Айкидо возражений. Сила вопросов при работе с возражениями. Использование аргументации. Рефрейминг.
Завершение коммуникативного процесса
Сигналы клиента о готовности заключить сделку. Подготовка к переговорам о цене. Несколько техник проведения торгов и переговоров об условиях сделки. Философия кросс-продаж.
Идеальное CV
Как правильно составить резюме junior-специалиста, чтобы оно выделялось среди тысяч других, даже если совсем нет или очень мало коммерческого опыта.
Как найти работу
Где нужно искать вакансии, сайты трудоустройства. Как сделать так, чтобы ваше резюме дошло до адресата. Что делать, если не звонят. Как использовать Linkedin и нетворкинг для получения работы мечты.
Подготовка к интервью
Что хочет видеть в тебе рекрутёр, какие вопросы тебя ждут, как правильно подготовиться к разным типам вопросов, подчеркнуть свои сильные стороны и показать мотивацию. Как не растеряться на собеседовании. Симуляция интервью прямо на нашем занятии.
Как работать на фрилансе (Upwork.com)
Фрилансер-практик научит как правильно заполнять профиль на фриланс-бирже Upwork, находить правильные заказы, правильно писать заявки, чтобы вам отвечали. Уже на курсе вы получите свой первый заказ (скорее всего за рейтинг, ну а может быть и сразу за деньги).

Формат обучения заставит вас потрудиться,

освоить колоссальное количество материала и отработать его на практике

За 2 года экспериментов мы поняли, что стандартные лекции и домашние задания не эффективны и не дают желаемого результата.

С одной стороны студенты не успевают усваивать материал в полной мере, а с другой - не хватает времени, чтобы задать преподавателю все вопросы и разобрать проблемные моменты. Год назад мы начали все с чистого листа, взяв лучшие мировые практики дистанционного обучения.

Сейчас формат курсов GoIT — это
продуманная комбинация нескольких подходов

  • Самостоятельной работы

    над материалами с теорией в личном
    онлайн-кабинете: видео лекциями,
    электронными документами, пошаговыми
    инструкциями.

  • Встреч с преподавателями,

    все время которых посвящено ответам на вопросы и разбору сложных моментов в пройденном материале.

  • Тестов для самопроверки,

    которые помогают увидеть, насколько
    хорошо был усвоен материал, и открывают
    доступ к следующим занятиям.

  • Работа над реальными проектами.

    За время обучения Вы создаете 2 полноценных проекта в команде и еще 2 индивидуальных проекта. Тем самым Вы на практике проверите свои навыки и знания в IT и работе в команде.

  • Домашних заданий

    на отработку навыков по пройденному
    материалу. На каждое выполненное
    задание вы получите развернутую
    обратную связь от менторов.

Материалы по IT English

Материалы по SoftSkills

Теоретический модуль 1

Самостоятельная работа

Теоретический модуль 2

Самостоятельная работа

Ваша неделя вместе с

Онлайн-встреча с преподавателем

Выполнение домашнего задания

Работа над проектом

Менторы будут вдохновлять, делиться опытом и помогут дойти

до финала, взяв от курса максимум

  • Все наставники GoIT - это frontend разработчики middle+ уровня из ведущих IT компаний. Большинство из них в прошлом сами закончили этот курс и теперь с удовольствием делятся опытом и поддерживают новые поколения IT специалистов.
  • Они будут с вами на связи 24/7, помогая найти решения проблем и ответы на вопросы, которые от вас ускользают.
  • Именно они в процессе обучения помогут справиться с трудностями, расскажут о реалиях работы в IT сфере из собственного опыта, а также научат эффективному мышлению frontend разработчика, ориентированному на результат.
  • Система менторства GoIT - уникальная разработка на рынке. Она является неотъемлемой составляющей нашего подхода к обучению и обеспечивает высокий уровень подготовки учеников на выходе.

Выпускники GoIT сотрудничают с ТОПовыми IT-компаниями

Global-Logic
upwork
ciklum

8 возможностей GoIT Club

более 2000 IT специалистов

В момент окончания курса вы становитесь полноправным членом сообщества GoIT Club.

В него входят студенты и выпускники курсов, наставники, преподаватели, друзья и партнеры GoIT.

Это сотни IT специалистов и представителей IT сферы

8 возможностей
  • Помощь в трудоустройстве от специалистов GoIT
  • Отслеживание актуальных тенденций на рынке
  • Доступ к регулярным закрытым образовательным мероприятиям
  • Общение с HR’ами и рекрутерами ведущих IT компаний
  • Общение с более опытными коллегами и возможность поделиться собственными наработками
  • Расширенные возможности участия в общих фестивалях и конференциях GoIT и партнеров
  • Широкий спектр новых профессиональных знакомств и контактов
  • Скидки на все программы и мероприятия GoIT Club

Что говорят сами студенты после окончания курса

Почему оно того стоит

GoIT курс HTML/CSS + JavaScript - это...

Комплексная программа обучения

Полный комплект знаний и навыков, которые необходимы junior frontend разработчику для старта карьеры. Работодатели высоко ценят наш уровень подготовки и уверенно берут выпускников на работу.

Сообщество и дальнейшее развитие

Система наставничества, поддержка сообщества и уникальное отличие нашей системы обучения.

Помощь в трудоустройстве

Еще во время курса с помощью наставников и консультантов GoIT по развитию карьеры вы получите все необходимое для успешного поиска первого места работы в IT компании или первых заказов на Freelance. После окончания курса наши рекрутеры сделают все, чтобы вы получили хороший Job Offer.

В результате...

В результате, регистрируясь на этот курс, вы попадаете в окружение и систему подготовки, которая всего за несколько месяцев погрузит вас глубоко в сферу IT и обеспечит всем необходимым для дальнейшего успешного карьерного роста и развития.

Команда GoIT потратила годы, чтобы создать эту систему. Сотни историй успеха выпускников, высокие оценки экспертов и работодателей говорят о том, что она работает.

КУРС ОТ goit ЭТО:

Программа, качество которой подтверждено лучшими специалистами и работодателями
Удобный и эффективный online формат
Поддержка личного ментора и прямое общение с преподавателями
Поддержка после окончания и еще больше возможностей для роста
Помощь в трудоустройстве и карьерном росте
Железные гарантии

Комплексная программа курса включает развитие необходимых для трудоустройства

технических навыков, навыков работы в команде, умение заполнить резюме и проходить технические собеседования

super
Online

Все необходимое для обучения

Skills
Участие во всех занятиях Tech
Участие во всех занятиях Soft
Участие во всех занятиях English
Доступ ко всем видеозаписям
Ментор, помогающий во всех теоретических вопросах
Сareer
Участие во всех занятиях Career
Доступ ко всем видеозаписям
Включение в базу выпускников GoIT, которая доступна работодателям
Помощь в оформлении CV, LinkedIn профайла
Групповые собеседования по 10-15 человек через скайп