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

Старт — 22 мая

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

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

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

Запишитесь на консультацию

Мы поможем выбрать курс, ответим на все вопросы и расскажем о действующих скидках.


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

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

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

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

Первый этап

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

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

Это серьёзное обучение, которое длится 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 месяцев производства

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

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

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

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

155 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)

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

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

Статистика «Лиги А.»

Наши выпускники выполнили 768 проектов

на общую сумму39 638 225 ₽

Другие компании о Лиге

  • Лучший диджитал-продакшен России.

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

  • Веб-разработка и дизайн порталов и сайтов.

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

  • Диджитал-агентство полного цикла.

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

  • Разработка ИТ-решений для строительства.

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

  • Цифровые платформы и отраслевые ИТ-решения.

    Нетрика выражает благодарность Лиге за помощь в поиске специалиста на позицию HTML-верстальщика.

  • Лучший диджитал-продакшен России.

  • Веб-разработка и дизайн порталов и сайтов.

  • Диджитал-агентство полного цикла.

  • Разработка ИТ-решений для строительства.

  • Цифровые платформы и отраслевые ИТ-решения.

Отзывы компаний о выпускниках

В Авито нет верстальщиков, только фронтенд-разработчики разных уровней. Чтобы попасть к нам на работу младшим разработчиком, человек должен обладать определёнными навыками. Это уверенное владение базовыми технологиями: HTML, CSS и JavaScript, понимание того, как работает браузер, знание, как делать проекты кроссбраузерными, как работает API, DOM и другие важные основы. Кроме этого, мы ценим ответственность, умение играть в команде, желание развиваться и инициативность.

Мне, как наставнику на курсах и бывшей студентке, известны стандарты качества Академии и то, как строится работа. Всё максимально приближено к реальным условиям — используется система контроля версий Git, есть разбивка проекта на этапы (своеобразные итерации), обязательное ревью кода наставниками и неумолимый дедлайн. Большое внимание уделяется доступности интерфейсов, а это полезно для всей отрасли.

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

Яна Крикливая разработчик клиентской части, Авито

Авито

Авито Интернет-сервис для размещения объявлений о товарах, услугах, вакансиях и резюме на рынке труда.

Что касается вёрстки и создания веб-страниц, мы в команде трепетно относимся к семантической разметке и её пониманию, умению писать на чистом CSS и системному мышлению у разработчика. Страницы должны быть не только красивыми для пользователя, но и быстро загружаться, быть структурированными и, конечно, удобными для работы в команде. При нашем объёме проектов уделять этому внимание очень важно.

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

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

Сейчас в команде работает выпускник Академии Павел, и я им доволен. Необходимые базовые навыки, понимание семантики, работа с чистым CSS — всё это на хорошем уровне, а что касается JavaScript — он быстро ориентируется, если делал что-то похожее — вспоминает. Он был сразу готов взять и начать работать.

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

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

Сергей Чикирев Wrike Website Team Lead

Wrike

Wrike Популярный сервис для управления проектами и совместной работы.

Мы в Ostrovok.ru постоянно ищем талантливых ребят: наш продукт быстро развивается и лишние фронтендерские руки (желательно золотые) нужны всегда. Хорошего специалиста найти не так просто, поэтому мы уже несколько раз обращались к Академии, когда подбирали джуниоров.

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

Спасибо Академии за хорошо подготовленных специалистов.

Ostrovok.ru

Ostrovok.ru Интернет-сервис по бронированию более 900 000 отелей.

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

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

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

Валерия Шемякина Менеджер по обучению Ozon.

Ozon

Ozon Крупнейший российский интернет-магазин.

HTML Academy — лучшее, что происходило с ИТ-образованием в России.

Если вы боитесь, что не разберётесь или «программирование — это не для вас», то HTML Academy подойдёт вам идеально. Всегда будет у кого спросить и кто вас поддержит.

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

Андрей Ситник

Андрей Ситник Автор множества проектов с открытым исходным кодом. Создатель PostCSS, Autoprefixer и Logux_io.

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

В целом именно обучение на курсах Академии дало нашему сотруднику возможность развиваться как хорошему разработчику и профессионально подходить к решению проблем в работе.

ГиперМетод

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

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

NORDMOUNT

NORDMOUNT Внедрение, кастомизация и интеграция Salesforce на рынках США и западной Европы.

Сертификат

После прохождения профессии вы получите электронный сертификат

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

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

Выберите подходящий формат обучения

Формат обученияУскоренный форматМаксимальный формат
Длительность1 год 4 месяца2 года 2 месяца
Обучающая часть10 месяцев21 месяц
Производственная часть6 месяцев6 месяцев
Нагрузка20 часов в неделю10 часов в неделю
Выполненные проекты38
Работа с наставникомЕстьЕсть
Дедлайны по личным проектамЖёсткиеГибкие
Сроки производственного этапаФиксированные, сразу после грейдированияИндивидуальные, учитывая ваши планы и график
Мидл-компетенции
  1. Подготовка вёрстки для cистем управления контентом (CMS)
  2. Вёрстка React-компонентов
  1. Подготовка вёрстки для cистем управления контентом (CMS)
  2. Вёрстка React-компонентов
  3. CSS-анимация
  4. SVG-анимация
  5. Алгоритмы и структуры данных
Карьерные консультацииНетЕсть
Стоимостьсразу за весь курс 169 000 ₽
или ежемесячно от 8 890 ₽/мес.
сразу за весь курс 249 000 ₽
или ежемесячно от 13 100 ₽/мес.
Для когоДля тех, кто хочет получить серьёзный результат в интенсивном ритме. Подойдёт, если у вас много свободного времени или есть опыт вёрстки и программирования.Для тех, кто хочет прокачаться с нуля по максимуму и выйти уверенным айтишником. Подойдёт, если вы планируете совмещать учёбу и работу.

Зарегистрироваться и оплатить профессию
«Фронтенд-разработчик»

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

— Длительность 2 года 2 месяца.
— Нагрузка 10 часов в неделю.
— 8 выполненных проектов.

22 мая 2023 — 27 мая 2024

Осталось 2 места

249 000

Нажимая «Оплатить», вы даёте своё согласие на обработку персональных данных в соответствии с «Политикой конфиденциальности» и соглашаетесь с условиями договора.

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

После оплаты курса вам придёт письмо с инструкциями и ссылкой для доступа в интерфейс участника.

Если вы находитесь не в России, свяжитесь с нами для оплаты курса

  • У нас есть образовательная лицензия
  • Гарантия трудоустройства
  • Выдаём электронные сертификаты
  • Можно сделать налоговый вычет