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

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

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

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

Сможете претендовать на junior-позицию или выйти на фриланс через 6 месяцев

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

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

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

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

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

Документ

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

40%
с 05.10 по 08.10

В сезон шарфов и пальто

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Получите углублённые знания на расширенной программе

Освоите продвинутые возможности JavaScript

Познакомитесь с WebWorkers, TypeScript и DOM, отработаете навыки работы с HTML-формами и HTTP.

Изучите широкий функционал React

Поймёте, как работать с формами, событиями и состояниями. Вместе с преподавателем разберётесь в React Router, Redux Toolkit и Redux Saga.

Вы освоите современные инструменты frontend-разработчика

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

React и React Router  возможность работать над более интересными задачами

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Поможем найти ту самую работу
Поддерживаем от старта обучения до трудоустройства
Школа практики
Акселератор трудоустройства
Карьерный клуб
Энциклопедия трудоустройства
Практикуетесь, чтобы повысить шансы на интересную и высокооплачиваемую работу
  • Пройдёте практику в Нетологии или у нашего партнёра
  • Наработаете опыт при подготовке индивидуальных и командных проектов
Студенты с лучшими результатами смогут получить оплачиваемые проекты и офер от компании-партнёра
Практика
Организуем интенсив на 4 недели в группе с карьерным экспертом
  • Будете мониторить и откликаться на вакансии при нашей поддержке
  • Доработаете резюме и портфолио, а карьерный консультант даст рекомендации
  • Пройдёте тестовое собеседование — как при реальном трудоустройстве
  • Будете задавать вопросы эксперту на занятиях и в телеграм-чате, общаться в комьюнити
Интенсив
В нашем сообществе
более 3 500 участников
  • Участвуете в прямых эфирах, митапах, конкурсах и обсуждаете резюме друг друга — для его улучшения
  • Получаете карьерные советы и выбираете практику у партнёров Нетологии
  • Заводите полезные знакомства и реализуете вместе новые проекты, делитесь опытом
  • Первыми знакомитесь со свежими предложениями работодателей в закрытых каналах Нетологии
Сообщество
Изучаете курс от HR-экспертов и сборник полезных материалов
Узнаёте лайфхаки по поиску работы, получаете готовые шаблоны резюме и рекомендации по портфолио
Полезные материалы
2 300+
студентов успешно прошли практику у работодателя
4 000
партнёров предложили практику и сделали офер лучшим студентам
Наши студенты работают в ведущих компаниях
skyeng1Clamodaramblerraiffeisenvkozonagimakasperskyalfa2gisgettaic

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

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

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

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

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

Дипломный проект

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

Расширенная программа

Включает в себя все, что есть в базовой программе.

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

Продвинутый JavaScript: современные возможности языка

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

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

Тестирование и Contionuous Integration

Object, Reflection и Proxy

Promises, async/await, timers & event loop

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

Контейнеры и ArrayBuffer

Символы, итераторы, генераторы

Продвинутый JavaScript в браузере

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

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

Рабочее окружение, DOM, обработка событий

Работа с формами с сетью (HTML-формы, Drag and drop. Files, HTTP)

Geolocation, Notification, Media

RxJS
REST, Server-sent events, WebSockets
Анимация и CSS
Тестирование прототипа

WebWorkers, ServiceWorkers

Расширенный функционал React

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

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

Композиция и жизненный цикл компонентов. HTTP

hooks, Context API

Компоненты высшего порядка

Redux, Redux Toolkit, Redux Saga

Дипломный проект

Создадите SPA на React для сервиса покупки ж/д билетов, в котором в качестве API используете внешний сервер.

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

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

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

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

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

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

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

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

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

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

40%
с 05.10 по 08.10

В сезон шарфов и пальто

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

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

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

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

Развивайте навыки работы с кодом на тренажёре

Выполняйте простые задачи для закрепления теории

Пишите и запускайте код прямо в браузер

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

Задавайте вопросы по заданию — вам ответит эксперт или аспирант

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

40%
с 05.10 по 08.10

В сезон шарфов и пальто

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

все вопросы