профессия lite

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

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

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

стоимость курса:
3725 ₽/мес1304 ₽/мес

обучение с консультациями наставника, выполнением индивидуального проекта и симулятором работы в веб-студии

цена выгоднее в 5 раз

Выгоднее курса «Фронтенд-разработчик» в других онлайн-школах в 5 раз*: стоимость обучения от 1863 рублей в месяц. Обучение на востребованную профессию веб-разработчика стало ещё доступнее.

еженедельные живые консультации с наставником

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

индивидуальный проект с глубоким разбором от наставника

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

симулятор веб-студии

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

помощь с трудоустройством

По окончании обучения наш Центр карьеры откроет вам доступные вакансии, а также поможет с резюме.

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

Раздел 1

~ 2 месяца

HTML и CSS. Профессиональная вёрстка сайтов

В программе модуля:

  • Введение
  • Разметка
  • Графика
  • Стилизация
  • Сетки на гридах
  • Сетки на флексах
  • Декоративные элементы
  • Оформление контента
  • Доступность и формы
  • Оживление интерфейса

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

Раздел 2

~ 2 месяца

HTML и CSS. Адаптивная вёрстка и автоматизация

В программе модуля:

  • Введение
  • Методологии вёрстки
  • Препроцессоры и автоматизация
  • Адаптивные сетки
  • Адаптивные декоративные элементы
  • Адаптивная графика
  • Векторная графика и оптимизация
  • Погружение в автоматизацию
  • Производительность вёрстки

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

Раздел 3

~ 2 месяца

Профессиональная разработка веб-интерфейсов

В программе модуля:

  • Знакомство с JavaScript
  • Основные возможности JavaScript
  • Объекты и массивы
  • Встроенные объекты и функции
  • Организация кода
  • DOM и события
  • Манипуляции с DOM
  • Работа с событиями
  • Внешние API и сторонние библиотеки
  • Сеть
  • Асинхронность. Работа с сетью
  • Обратная связь и оптимизация

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

Раздел 4

~ 1 месяц

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

В программе модуля:

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

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

Раздел 5

~ 1 месяц

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

В программе модуля:

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

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

Отдельный проект с разбором от наставника

Сверстаете индивидуальный проект и получите глубокое код-ревью (разбор проекта) от опытного наставника.

Аттестация

~ 2 недели

Грейдирование

Дадим задание сверстать проект и проверим насколько вы усвоили материал курса. Оценим по критериям качества и скорости, сравним со средними показателями выпускников Академии. При успешном прохождении вы получите сертификат.

Симулятор веб-студии

Всё как в настоящей веб-студии: вы выполните 3 рабочих проекта под присмотром личного проект-менеджера и тестировщика. Будут проверяться скорость вашей работы и соответствие критериям. Попробуйте себя в роли разработчика в команде уже во время обучения!

Узор

что будет на курсе

записи лайвов

Видеоматериалы с прямых эфиров, на которых преподаватели разбирают сложные моменты из теории и практики.

еженедельные живые консультации с наставниками

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

тренажёры

В комфортном для себя ритме обучаетесь на наших тренажёрах. Вся теория объясняется простым языком и тут же закрепляется на практике. Вы пишете код 80% своего времени.

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

Закрепление полученных знаний через выполнение учебных проектов. Код-ревью (глубокий разбор) вашего индивидуального проекта.

Поддержка 24/7

поддержка наставников

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

ваш сертификат после грейдирования

ваш сертификат после грейдирования

Образовательная деятельность осуществляется на основании государственной лицензии №4696 от 11.03.2022.

учитесь когда удобно

профессия
«Фронтенд-разработчик lite»
от HTML Academy

профессия
«Фронтенд-разработчик»
от других онлайн-школ, средние показатели *

цена

от 1304 ₽/мес.

от 9583 ₽/мес.

полный доступ к учебным материалам

формат уроков

записи актуальных лайвов + еженедельные живые консультации с наставником

живые лайвы с привязкой по времени

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

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

3-5 проектов

поддержка наставника

неограниченная помощь дежурного наставника 24/7 в учебном чате,
+ помощь коммьюнити,
+ еженедельные живые консультации наставника

10-30 часов консультаций с наставником

проверка домашних заданий

запись видеоразбора + глубокий разбор вашего индивидуального проекта от наставника

разбор от личного наставника

грейдирование

сертификат

симулятор веб-студии (производственная практика)

помощь с трудоустройством

у 3 из 5 онлайн-школ

отзывы выпускников профессии «фронтенд-разработчик»

9.5 / 10

средняя оценка курса
на основе 785 оценок студентов

аватар автора отзыва

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

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

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

аватар автора отзыва

Артём
Макаров

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

аватар автора отзыва

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

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

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

аватар автора отзыва

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

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

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

тут работают наши выпускники

компании о выпускниках академии

лого компании ibrush

Екатерина
Новографская

HR-generalist компании iBrush

Очень рада сотрудничеству с HTML Academy. Менеджером, которая вела нашу компанию, была Анастасия. С ней мы все вопросы и процессы решали максимально оперативно, она всегда была на связи. Уже на второй день Анастасия прислала первого кандидата с нашим выполненным тестовым заданием (такую скорость работы я видела впервые!). В совокупности тестовое задание прислали 8 кандидатов. На двоих мы остановили свой выбор. Один из них уже вышел к нам в штат. Очень приятно иметь дело с настоящими профессионалами!

лого компании asanov

Сергей
Асанов

руководитель Asanov Agency

HTML Academy де-факто стала стандартом качества для входа в профессию. Все фронтендеры и верстальщики, пришедшие в Asanov Agency за последние три года, прошли школу HTML Academy. Ни у кого не было опыта работы, но у всех были базовые навыки и понимание современных технологий. Спасибо за подготовку кадров, рад нашему сотрудничеству.

лого компании uchi

Uchi.ru

Благодаря HTML Academy быстро и легко закрыли две вакансии младших JavaScript-разработчиков — они появляются у нас нечасто. Коллеги уже на следующий день после запроса скинули список кандидатов, готовых пообщаться и пройти технические интервью. Кандидаты были хорошо подготовлены (совсем не нулевые младшие специалисты), показали ожидаемый нами уровень на практике — и мы закрыли позиции за неделю или даже меньше без дополнительных ресурсов. Готовы рекомендовать сотрудничество.

лого компании uchi

Назир
Хасавов

основатель и арт-директор NKHStudio

Очень рады сотрудничеству с HTML Academy, которые на протяжении почти года помогают нам закрывать позиции фронтенд- и React-разработчиков. Кандидаты показывают высокую заинтересованность в работе и отличный результат уже с первого месяца. Это в разы удобнее других известных площадок по поиску кандидатов и, главное, абсолютно бесплатно. Планируем сотрудничество с HTML Academy на постоянной основе.

лого компании uchi

Дарья
Постолаки

компания Tribuna.com

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

лого компании uchi

Наталья
Лебедева

HR outsi. de

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

лого компании uchi

Никита
Кулижников

Руководитель группы разработки и администрирования информационных систем, M18

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

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

Обязательно обратимся в Академию, когда откроется ещё одна вакансия.

лого компании uchi

Анастасия
Седова

HR-generalist компании HTDev

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

HTML Academy эту задачу успешно выполнила.

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

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

Искренне благодарим вас за содействие и надеемся на дальнейшее сотрудничество!

лого компании uchi

Мальцева
Татьяна

менеджер по персоналу Bike Center

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

cтоимость обучения

в рассрочку

в месяц
3725 ₽*1304 ₽
скидка 65%новогодние скидки!
  • на 24 месяца
  • без процентов и переплат

целиком

89 400 ₽*31 290 ₽
скидка 65%новогодние скидки!
  • полная стоимость
  • единовременная оплата

Загружаем…