Каталог курсов
Избранное
Включает программу трудоустройства
Профессия

Frontend-разработчик

Научитесь проектировать интерфейсы сайтов и приложений, работать с HTML-вёрсткой и JavaScript

Выполните совместные проекты с дизайнерами — всё, как в реальной рабочей среде

Создадите портфолио из 16 проектов — учебные и реальные кейсы

Поможем подобрать обучение
Нажимая кнопку, принимаю условия политики и пользовательского соглашения
Когда
9 сентября 2024 — 11 августа 2025
Стартует завтра
Не подходит дата старта? Запишитесь сейчас, а учитесь со следующим набором

Длительность

от 11 месяцев — в зависимости от выбранного тарифа

Трудоустройство

Поможем найти работу
или стажировку

Документ

Диплом о профессиональной переподготовке 

40%
с 07.09 по 10.09

Пока настраиваемся на учёбу

Скидка уже включена в стоимость. Оплатите до 10 сентября, чтобы скидка не сгорела.

Условия акции

Внешний вид сайтов и приложений — это результат работы frontend-разработчика

Он создаёт пользовательские интерфейсы, переносит дизайн-макет в код и обеспечивает логичную работу контента и кнопок. Зарплаты frontend-разработчиков в первой половине 2024 года выросли на 13%, до 180 000 ₽.

Курс объединил последние тренды на рынке и практику

80% курса — практика

Попрактикуетесь на учебных проектах и реальных кейсах от работодателей и партнёров

Вебинары с экспертами

Frontend-разработчики из QIWI, Сбера, Еаптеки и Здравсити поделятся своим опытом

Совместные проекты с дизайнерами

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

Партнёр курса — биржа фриланса FL.ru

Узнаете, как выйти на фриланс, находить заказчиков и проекты

Возможности на расширенном тарифе

Индивидуальные встречи с экспертами

Получите 3 персональные встречи для обсуждения интересующих тем

Основы Figma и проектирования интерфейсов

Изучите работу с графикой и дизайн-макетами в Figma

Вы научитесь:

  • Верстать сайты на HTML и CSS. Узнаете о тонкостях адаптации лендингов под разные операционные системы и устройства

  • Разрабатывать веб-приложение на JavaScript, выстраивать взаимодействие с веб-сервером и реагировать на действия пользователя

  • Работать в React — популярной библиотеке для создания интерфейсов. Изучите компоненты, события и состояния и пользоваться React Router для создания онлайн-игры

Вы освоите расширенный набор инструментов

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

Освоите работу с React
и React Router

Это самые современные и востребованные инструменты frontend-разработки — они встречаются почти в каждой вакансии.

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

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

Неформальные встречи с практикующими frontend-разработчиками

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

Выполните 16 масштабных проектов для портфолио

Адаптивная вёрстка сайта
для разных устройств 

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

Другие проекты:

Вёрстка резинового макета сайта кинотеатра

Вёрстка адаптивного макета сайта туристического агентства

Разработка логики игры «Виселица»

Асинхронность в JavaScript

Изменение структуры HTML-документа

Работа с HTML-формами

Командный проект с дизайнерами по созданию сайта

Разработка сайта биржи по продаже криптовалюты

Разработка frontend-части сайта по бронированию авиабилетов

Проекты по React и продвинутому JavaScript: Props, модули и WebPack, React Router

Попрактикуетесь на проектах от партнёра курса ONLY

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

Программа обучения

73 часа теории, 324 часа практики

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

● Видеолекции в записи и вебинары с экспертами в прямом эфире 2 раза в неделю вечером по МСК

● Практические задания, тесты и записи вебинаров в личном кабинете

● Помощь кураторов и экспертов на протяжении всего обучения

Базовый тариф

Освоите все навыки, необходимые frontend-разработчику. Прокачаетесь в HTML-вёрстке, создадите свой первый сайт и приложение, освоите JavaScript и познакомитесь с библиотекой React.

HTML-вёрстка с нуля до первого макета

Итоговый проект — вёрстка сайта

Научитесь верстать сайты на HTML и CSS и вносить изменения в существующую вёрстку. По итогам модуля, который включает 8 занятий, вы самостоятельно сверстаете лендинг.

11 часов теории

48 часов практики

Введение в вёрстку

Контентные теги

Теги для вёрстки структуры контента

Позиционирование блочных элементов

Вёрстка форм

Нестандартные элементы форм

Всплывающие элементы

Позиционирование flex-элементов

Проект: вёрстка макета сайта

Пример готовой работы

Адаптивная и мобильная вёрстка

Итоговый проект — адаптивная вёрстка сайта

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

14 часов теории

51 час практики

Вёрстка резинового макета

Резиновые изображения

Введение в медиазапросы

Медиафункции

Особенности вёрстки на мобильных устройствах

Вёрстка адаптивного макета

Адаптивная типографика

Breakpoints

Адаптивные изображения

CSS Grid

Кроссбраузерность и доступность

Проект: адаптивная мобильная версия макета сайта

Пример готовой работы 

Основы программирования

Итоговый проект — игра на JavaScript

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

11 часов теории

48 часов практики

Базовые понятия.  Переменные и числа

Логический тип и ветвление

Строки. Алгоритмы. Как отлаживать код

Массивы и базовые методы работы с ними

Циклы

Ассоциативные массивы

Функция без параметров. Область видимости

Параметры и возвращаемое значение

Воркшоп: разработка логики игры «Виселица»

Проект: игра «Крестики-нолики» на JavaScript

Пример готовой работы

Git — система контроля версий

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

4 часа теории

3 часа практики

Знакомство с системой контроля версий Git

Работа с локальным репозиторием в Git

Работа с удалённым репозиторием через GitHub

Командная работа в Git и GitHub. Часть 1

Командная работа в Git и GitHub. Часть 2

Основы JavaScript

Итоговый проект — сайт-биржа по продаже криптовалюты

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

11 часов теории

48 часов практики

Основные понятия

Функции

Объекты

Классы

Обработка исключений и замыкания

Асинхронность

Функции декораторы, call, apply

Проект: сайт-биржа по продаже криптовалюты

Пример готовой работы     

Основы JavaScript в браузере для Frontend-разработчика

Итоговый проект — веб-менеджер личных финансов

Узнаете о дополнительных возможностях браузера — Web API. Подключите скрипт к HTML-документу и получите к нему доступ, чтобы сделать документ живым: изменять его и реагировать на действия пользователя.

11 часов теории

32 часа практики

Возможности JavaScript в браузере

Способы поиска нужного HTML-элемента

Объект события

DOM

Работа с HTML-формами

Изменение структуры HTML-документа

Асинхронные запросы

Хранение состояния на клиенте и отправка на сервер

Проект: веб-менеджер личных финансов

Пример готовой работы    

Продвинутый JavaScript и основы React

Итоговый проект — онлайн-игра «ходилка»

Научитесь использовать ESLint для автоматической проверки кода на наличие проблем. Добавите в ваши проекты Webpack для сборки модулей веб-приложения в единый JS-файл. Познакомитесь с React — библиотекой для создания пользовательского интерфейса приложения на JavaScript.

13 часов теории

40 часов практики

Блок 1. Организация работы в JavaScript

— Стандарты и рабочее окружение

— Модули и WebPack

— Unit-тестирование

— Работа с контейнерами

— TypeScript

Блок 2. Разработка веб-страниц в React

— Библиотека React, компоненты

— События и состояния

— Props

— Работа с формами

— React Router

— Разбор вопросов и домашних заданий

Проект: онлайн-игра «ходилка» в стиле фэнтези

Пример готовой работы

Расширенный тариф

Включает в себя всё, что есть в базовом тарифе.

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

Основы Figma

Получите необходимую базу для работы с графикой и дизайн-макетами в главном инструменте веб-дизайнеров — Figma.

15 часов теории

Управление интерфейсом Figma

Создание текстовых блоков, сетки и адаптивный дизайн

Применение компонентов, использование элементов из библиотек и UI-китов

Создание экранов мобильного приложения

Создание фрейма и объектов

Применение auto layout в дизайне макетов

Проектирование интерфейсов

Освоите базовые принципы UX-проектирования веб-интерфейсов. Разработаете прототипы разной степени детализации и адаптируете своё решение под разные устройства.

10 часов теории


Составление технического задания

Адаптивный дизайн

Дизайн интерактивного прототипа

Юзабилити в веб-дизайне
Разработка веб-сайтов
Анимационная архитектура
Тестирование прототипа

Консультации с экспертами

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

3 консультации по 30 минут

Бонусы от Нетологии

Больше полезных навыков — быстрее рост в доходе

Фриланс: первые шаги 

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

Английский язык для разработчиков

Разберётесь в технической лексике, коде и терминологии. Подготовитесь к собеседованию на английском языке.

Основы графического дизайна

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

Алгоритмы и структуры данных

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

40%
с 07.09 по 10.09

Пока настраиваемся на учёбу

Скидка уже включена в стоимость. Оплатите до 10 сентября, чтобы скидка не сгорела.

Условия акции
Как проходит обучение
.01

Изучаете материалы в личном кабинете

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

Преподаватели — эксперты ведущих компаний

Вашу квалификацию подтвердит официальный документ

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

Поможем найти
ту самую работу
Центр развития карьеры
помогает трудоустроиться студентам Нетологии
1
Научим составлять резюме и проходить интервью
Разберём ваш предыдущий опыт, определим сильные стороны и поможем составить успешное резюме. Научим презентовать себя и проведём тест-драйв интервью.
2
Поможем наработать практику и оформить портфолио
Приобретёте практический опыт и наполните портфолио ещё во время обучения. Разберёте тестовые задания от работодателей и сможете принять участие в их проектах.
3
Предложим стажировки и проекты от партнёров
Предоставим доступ к карьерной странице со стажировками и вакансиями от партнёров Нетологии. Будем делиться подборками с новыми интересными вакансиями.
header
Воркшопы и много практики
Вы сможете сформировать портфолио, выполняя задания компаний-партнёров Нетологии или проходя у них стажировки. Сфокусируетесь на практике, откликах и результате. Поработаете над реальными заданиями, защитите свои решения и получите развивающую обратную связь.
84%
студентов нашли работу с помощью Центра развития карьеры
4 075
компаний-партнёров в базе Нетологии для отработки практики
skyeng1Clamodaramblerraiffeisenvkozonagimakasperskyalfa2gisgettaic

Вернём деньги, если обучение не подойдёт

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

Подробные условия

Все уроки теперь и в мобильном приложении

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

  • Учитесь, где нравится 

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

  • Занимайтесь даже без интернета

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

  • Получайте подсказки по дедлайнам

    Приложение работает как помощник: напомнит про домашнюю работу или вебинар

  • Загружайте задания с телефона

    Удобно отслеживать статус практических работ и отвечать на комментарии преподавателя

Предложение для компаний

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

Оставьте заявку, и мы вышлем вам индивидуальное предложение.

40%
с 07.09 по 10.09

Пока настраиваемся на учёбу

Скидка уже включена в стоимость. Оплатите до 10 сентября, чтобы скидка не сгорела.

Условия акции
1
Запись на обучение
2
Выбор способа оплаты
3
Оплата
...
11 месяцев обучения, старт 9 сентября
Запишитесь или получите консультацию
Частями без переплат
3 451 ₽/месяц
5 752 на 36 месяцев
Одним платежом
со скидкой 5%
118 000
 ₽
207 100
-40%
акция действует
до 10 сентября
Нажимая кнопку, принимаю условия политики и пользовательского соглашения
Вернём деньги, если обучение не подойдёт
Возможность получить налоговый вычет — 13%
11 месяцев обучения, старт 9 сентября
Frontend-разработчик
Частями без переплат
3 451 ₽/месяц
5 752 на 36 месяцев
Одним платежом
со скидкой 5%
118 000
 ₽
207 100
-40%
акция действует
до 10 сентября
Вернём деньги, если обучение не подойдёт
Возможность получить налоговый вычет — 13%
Запишитесь или получите консультацию
Нажимая кнопку, принимаю условия политики и пользовательского соглашения

Отвечаем на вопросы

  • Я оплатил курс — что дальше?

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

  • Вы обучаете с нуля? Что я должен знать, чтобы начать учиться?

    Курс «Frontend-разработчик» подходит для тех, кто осваивает профессию с нуля. Вы начнёте обучение с основ и постепенно будете продвигаться к более сложным темам и задачам. Именно поэтому наши программы длятся не 1–2 месяца, а дольше. Ведь полноценно освоить новую профессию за пару месяцев невозможно, для этого нужно время, поддержка экспертов и много практики — как раз то, на чём мы делаем акцент на курсах.

  • Кому можно будет задавать вопросы во время обучения?

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

  • Кто будет проверять мои домашние задания?

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

  • Какие проекты я смогу создавать после курса?

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

  • Какие есть способы оплаты?

    У нас можно оплатить курс:

    — единоразово со скидкой 5% картой, СБП или через электронный кошелёк ЮMoney

    — единоразово со скидкой 5% картами иностранных банков

    — в рассрочку через Сбербанк, Т-Банк и другие банки-партнёры

    — частями через Яндекс Сплит

  • Как оформить рассрочку и на каких условиях её предоставляют?

    Рассрочку без переплат можно оформить через Сбербанк, Т-Банк и другие банки-партнёры на сроки от 6 до 36 месяцев. Решение о предоставлении рассрочки принимает банк. Если возникли проблемы с предоставлением рассрочки, попробуйте подать заявки в несколько банков. У нас большой выбор через наших партнёров-брокеров.

  • Что такое оплата частями?

    Оплата частями через Яндекс. Сплит — сервис, который помогает разбить стоимость покупки на равные части и выплачивать их в течение нескольких месяцев (от 2 до 24). Покупателю не нужно заключать кредитный договор. При использовании этого сервиса возможна переплата.

  • Что такое налоговый вычет на обучение и как его получить?

    Налоговый вычет предоставляется тем, кто учится платно или оплачивает учёбу ребенка. Вернуть можно до 13% расходов. При этом нужно официально работать и уплачивать подоходный налог.

    Льгота распространяется на обучение в заведении с образовательной лицензией. У Нетологии такая лицензия есть.

    Получить вычет можно в течение трёх лет после даты оплаты обучения. Например, в 2024 году можно вернуть деньги за 2021, 2022 и 2023 годы.

    Подробнее об оформлении налогового вычета читайте в нашей статье.

  • Как вернуть деньги, если мне не понравился курс?

    Для этого вам нужно связаться с координатором курса и оформить заявление на возврат.

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

  • Нужно ли будет оплачивать какие-либо сервисы и инструменты?

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

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

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

  • Могу ли я пройти обучение в ускоренном режиме или, наоборот, взять паузу?

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

  • Какая техника понадобится мне для учёбы и можно ли учиться с телефона?

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

  • Нужен ли английский для того, чтобы освоить ИТ-профессию?

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

  • Что делать, если учёба мне будет даваться тяжело и я отстану от группы?

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

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

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

  • Индустрия и технологии постоянно меняются. Обновляете ли вы содержание курса?

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

  • Смогу ли я уйти во фриланс после окончания курса?

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

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

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

все вопросы