Профессия «Фронтенд-разработчик»

Старт — 12 декабря

Длительность — 1 год и 4 месяца

Гарантия трудоустройства

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

Знаем, выбирать непросто

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

Оставьте телефон и почту и мы свяжемся с вами. Если не хотите ждать звонка — напишите нам в Telegram или WhatsApp.


*Обязательное поле

Этапы обучения и трудоустройство

Готовим востребованных разработчиков

Ваша подготовка будет проходить в два этапа

Первый этап

Профессиональная триада

Профессиональное обучение

Это серьёзное обучение, которое длится 10 месяцев и построено на базе профессиональной триады «критерии-проекты-наставники».

Вы получите навыки решения типовых задач фронтенд-разработчика и научитесь делать настоящие проекты, такие же по сложности, как в индустрии. И будете делать их правильно, на высоком профессиональном уровне.

Учебные проекты

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

Проект «Седона»

Сайт туристического городка

Проект «Девайс»

Интернет-магазин гаджетов

Проект «Глейси»

Интернет-магазин мороженого

Проект «Кэт энерджи»

Интернет-магазин фитнес еды для котиков

Проект «Мишка»

Интернет-магазин игрушек ручной работы

Проект «Кексобукинг»

Сервис для размещения объявлений о сдаче недвижимости

Проект «Кекстаграм»

Сервис для загрузки и просмотра изображений

Сайт с фотографией каньона на фоне
Сайт в желтых тонах
Сайт в розовых тонах
Сайт в белых тонах с зелёными акцентами и котиками
Сайт в белых тонах с бирюзовыми акцентами
Сайт с картой Токио и фильтрами поиска жилья
Сайт с открытым окном наложения фильтров на фотографию котенка

Второй этап

Лига А.

Производство

Чтобы конкурировать с разработчиками, одних знаний недостаточно — нужна практика. Поэтому после обучения вас ждёт небольшой экзамен, который покажет, какие навыки стоит подтянуть. Дальше — несколько проектов в команде с тестировщиком, менеджером и тех. лидом для прокачки скорости и качества работы. Последняя часть практики — оплачиваемая стажировка в «Лиге А.» с реальными заказами, сроками и первыми заработанными деньгами в новой профессии. Вы научитесь оценивать задачи и будете верстать быстро и без ошибок.

«Центр карьеры»: поможем найти работу по душе

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

  1. 1

    Вы получите опыт работы уже во время обучения

    После учёбы вас ждёт «Акселератор». Там мы измерим качество кода и скорость вашей работы и подскажем, как стать лучше. После этого — стажировка в «Лиге А.», работа в команде над реальными проектами и пара красивых строчек в резюме.

  2. 2

    Составите классное резюме и сопроводительное письмо

    Мы поможем вам найти работу после стажировки в «Лиге А.». Расскажем, как составить понятное резюме, которое подчёркивает ваши сильные стороны, научим писать сопроводительные письма и поможем с первым откликом на вакансию.

  3. 3

    Найдёте вакансию на удалёнке или в офисе

    После обучения вы получите доступ к вакансиям и стажировкам от наших партнёров, которые ищут джунов с небольшим опытом. Мы поможем выбрать подходящую вакансию и откликнуться — а дальше всё зависит только от вас.

Наши выпускники уже работают в IT

В компаниях, о которых вы точно слышали.

  • Сбербанк.
  • Яндекс.
  • Ozon.
  • Epam.
  • Тинькофф.
  • Avito.
  • Selectel.
  • Movavi.
  • Tilda Publishing.
  • Ostrovok.ru.
  • Wrike.
  • ЮMoney.

Отзывы выпускников

  • Андрей ПаньковАндрей Паньков

    После прохождения тренажёров от Академии передо мной встал выбор: проходить профессиональные курсы по отдельности, чтобы было время на отдых, или пойти на первый поток профессии «Фронтенд-разработчик». И я решил перезагрузить свою жизнь, сделав выбор в пользу программы профессии.

    С первого же лайва понял, что не ошибся. Нового материала много, несмотря на пройденные тренажёры. Всё очень интересно и преподнесено в хорошей, доступной манере.

    «HTML и CSS. Профессиональная вёрстка сайтов» дался мне довольно легко, так как свободного времени у меня было достаточно, да и материал усваивался хорошо. В связи с этим к наставнику обращался нечасто, и ему оставалось только принимать мои практические задания.

    На втором курсе информации стало больше и уровень сложности вырос: препроцессоры, автоматизация, адаптивность, работа с консолью и ещё много классного, интересного и важного. Кажется, теперь я уже начал понимать куда попал — всё серьёзно. Тут уже наставнику не пришлось оставаться в стороне. Он помогал советом, с ревью кода и морально поддерживал. В результате успешная защита и 100% выполненных критериев.

    Оставался последний курс «JavaScript. Профессиональная разработка веб-интерфейсов». До этого момента с JavaScript знаком был совсем немного, да и первые тренажёры по нему в Академии только начали появляться. Было сложно, в середине курса начал отставать, думал, что до защиты не дотяну. В общем, не раз приходилось проходить «5 стадий принятия». Но благодаря моему упорству и усилиям наставника всё получилось. Полученные знания улеглись в голове, я догнал программу и получил от наставника допуск на защиту в срок. Проект защитил на 100% с третьей попытки, чего сам от себя не ожидал, учитывая обстоятельства.

    Радости не было предела, цель достигнута. За полгода интенсивного обучения получилось заложить прочный фундамент знаний и умений в новой профессии. После выпуска нужно было набраться опыта реальной разработки. Посмотрел все варианты. Решил, что лучшим будет стажировка в «Лиге А.». На этом этапе вёрстка уже не вызывала проблем.

    Первый проект и первые сложности. В реальности всё бывает не так идеально, как в макетах Академии, но это тоже ценный опыт. Ты быстро приспосабливаешься, продолжаешь учиться. Оказалось интересно работать в команде с другими выпускниками и вместе решать поставленные задачи. С каждым новым проектом на стажировке осознавал, как быстро расту. Но понимаю, что это только начало. Впереди много неизученных технологий и новых интересных задач. Огромное спасибо HTML Academy за полученные знания и возможность развиваться.

  • Артем МакаровАртем Макаров

    Три курса подряд — это интересное и напряжённое путешествие. Вспоминаю его и понимаю, что с головой погружаясь в вёрстку и думать ни о чём другом не можешь в этот период. Это очень круто и интересно, навыки после учёбы на хорошем уровне и работать комфортно.

    Стажировка в «Лиге А.» хороша, так как верстаешь очень много, и работа доходит до автоматизма.

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

    И всё это однозначно того сто́ит, но останавливаться нельзя, нужно развиваться дальше!

  • Анастасия ЗарученкоАнастасия Зарученко

    Получилось так, что я выиграла грант на программу профессии с последующей стажировкой в «Лиге А.». Обучение длилось полгода, начальные навыки у меня были, так что «HTML и CSS. Профессиональная вёрстка сайтов» прошёл быстро и легко, сдала с первой попытки. В итоге ещё оставалось время до следующего курса.

    Второй уровень вёрстки был тяжелее, так как объём работы увеличился, а времени было немного. Но и его сдала успешно, хоть и не с первой попытки. Мне очень повезло с наставницей, которая была со мной на первых двух интенсивах. Она не только дала какие-то новые знания, но и поделилась жизненным опытом.

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

    Так как «JavaScript. Профессиональная разработка веб-интерфейсов» был сложным для меня, чтобы успешно его окончить, я ушла с работы. Уже после защиты, в середине июля, я занималась какими-то маленькими проектами по вёрстке для знакомых, чтобы не потерять навык, и ждала начала стажировки. А в начале сентября мы приступили к первому проекту и успешно его сдали.

    Особых трудностей в работе не возникало, но, начиная работать, нужно быть готовым к тому, что макеты будут кривоваты, стайлгайда может не быть или быть частично, а на некоторые вопросы клиент ответит не сразу. Но менеджеры справляются со своей работой хорошо, так что всё это мелочи. Работы может быть много, и, собираясь стажироваться, нужно понимать, сколько вы можете уделять работе времени. Я иногда сидела по 9–10 часов подряд за работой. И это не очень хорошо, поэтому нужно учиться правильно распределять своё время.

    В общем, прежде чем идти на профессию нужно оценивать сколько времени для обучения есть и есть ли возможность что-то изменить, чтобы это время появилось.

  • Андрей ГорбачАндрей Горбач

    Моя история ничем не примечательная: как и многие, я начал с тренажёров. Спустя некоторое время увидел, что Академия сделала программу профессии «Фронтенд-разработчик». Она меня заинтересовала, поэтому я поднакопил денег и решил: «Всё, пора!»

    Так я попал на второй поток программы, уделяя учёбе максимум времени. Занимался каждый день, старался перед выполнением задания посмотреть демки, перечитать материалы и лишь тогда начать делать задания по личному проекту. Помню, как начинал зимой, и тут, бац, уже лето прошло.

    Спустя месяц после защиты третьего курса я попал в «Лигу А.». Там было всё: вёрстка, написание и подключения слайдеров, карты и много гугления. Тестирование и правки после тестировщика. Дедлайны и сдача. После сдачи проекта, наконец, приходит понимание, как всё это выглядит в реальности.

    В Лиге я научился многому и понимаю, что хочу узнать ещё больше. Жаль, что в сутках нет 36 или даже 48 часов.

Эти и другие истории выпускников читайте в нашем блоге.

Как проходит обучение на курсе

10 месяцев обучения и 6 месяцев производства

Что вас ждёт на обучении

Подходит ли вам этот курс

Ориентировочная зарплата выпускника

Сколько я буду получать

180 000 ₽

Значение зарплаты взято из исследования компании «Хабр Карьера».

Появились вопросы?

Программа курса

1,5 месяца

Подготовка к профессии

Модуль предназначен, чтобы подготовить полных новичков к успешному освоению профессиональных навыков Фронтенд-разработчика.

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

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

На курсе вы изучите базовые конструкции языков HTML, CSS и JavaScript, разберётесь с тегами и их параметрами, CSS-свойствами, селекторами и каскадностью, изучите команды JavaScript, переменные условия, циклы и попробуете себя в роли фронтендера.

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

Подробнее

Вы научитесь создавать разметку по методологии БЭМ, использовать препроцессоры, строить адаптивные сетки, работать с адаптивной и ретиновой графикой, использовать инструменты автоматизации и настраивать сборку проекта для публикации.

Подробнее

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

Подробнее
1 месяц

Подготовка вёрстки для cистем управления контентом (CMS)

Вёрстка — это один из начальных этапов работы над продуктом. Чаще всего следующим этапом является интеграция вёрстки в систему управления контентом (CMS). Во время интеграции из вёрстки делают шаблоны, в которые CMS подставляет содержание. При этом содержание меняется самим клиентом, поэтому важно делать вёрстку таким образом, чтобы её было удобно интегрировать в CMS.

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

Вёрстка React-компонентов

Вёрстка с нуля в экосистеме React и создание интерактивных React компонентов.

  • Принципы работы одностраничных приложений (SPA) и их основные отличия от статичных сайтов. Краткий обзор инструментов для создания SPA
  • Экосистема React и структура проекта для вёрстки в этой экосистеме
  • Синтаксис JSX, работа с компонентами, использование моков для имитации работы с данными
  • Организация стилей в React, CSS-in-JS
  • Работа со state и props для демонстрации состояний страниц
6 месяцев

Производство

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

Затем мы начнём работать над этими показателями в акселераторе. Вы будете выполнять проект за проектом в составе небольшой команды (вы в роли разработчика, а также тестировщик и менеджер), а мы будем помогать, давать обратную связь, измерять ваши показатели и показывать вам, как быстро они растут.

После акселератора произойдёт плавный переход к оплачиваемой стажировке в «Лиге А.». Мы постепенно погрузим вас в команду и процессы Лиги, проведя от небольших вводных задач до полноценных проектов.

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

Подробнее

Рекомендованные для прохождения курса программы *

Операционная система
  • Windows 10 x64
  • Mac OS 11 Big Sur и новее
  • Ubuntu 20.04 и новее
Браузер
  • Браузер, основанный на Blink: Chrome, Яндекс.Браузер, Opera, Edge — последняя версия
  • Mozilla Firefox последняя версия
  • Apple Safari 15.2 и новее
Система контроля версий
  • Git
  • Git bash для Windows
Среда разработки
  • Node.js LTS
  • npm (версия, которая поставляется вместе с Node.js)

* Мы рекомендуем такое окружение, потому что проверили на нём все учебные задачи и убедились, что с таким набором программ всё работает без ошибок.

Появились вопросы?

Стажировка — ваш первый опыт работы по новой специализации

После обучения вы пройдёте стажировку в «Лиге А.» — фронтенд-аутсорсе от создателей Академии. Там вы будете делать проекты для реальных заказчиков и получать за них оплату.

Примеры проектов, которые вы будете делать на стажировке

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

По нашим программам учат вузы

Лучшие технические вузы страны выбрали наши курсы и учат по ним своих студентов.

Сертификат

Электронный сертификат после прохождения профессии

Образовательная деятельность осуществляется на основании государственной лицензии № 3026 от 6 июня 2017 года.

Вторая попытка — бесплатно

Если по каким-то причинам вы не закончите обучение с первого раза, есть вторая попытка. Вам будут доступны все учебники, чат, лайвы с авторами, грейдирование и «Акселератор».

Сертификат профессии «Фронтенд-разработчик»

Загружаем…

Cтажировка с персональным обучениемХит

Это самый эффективный способ начать карьеру разработчика и с первого дня учёбы набирать опыт работы в реальной IT‑компании. К завершению учёбы вы станете востребованным разработчиком с годом коммерческого опыта.

Подробнее

Узнать больше про индивидуальный формат


*Обязательное поле