Профессия
Получите перспективную творческую профессию
Изучите JavaScript и TypeScript
Выполните 13 проектов в портфолио

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

Отправьте заявку, чтобы забронировать место на курсе
Наш менеджер скоро свяжется с вами и ответит на все вопросы
У меня есть промокод
  • Курс по фронтенду для новичков и тех, кто уже в теме
  • Глубокое изучение фреймворков — React в связке с Next. js
  • Знания уровня middle
Курс по фронтенду для новичков и тех, кто уже в теме
Глубокое изучение фреймворков — React в связке с Next. js
Знания уровня middle
09 : 10 : 44 : 44
Скидка действует
Цена на курс вырастет с 1 октября
Длительность:
15 месяцев
Формат обучения:
онлайн в удобное время
Старт:
скоро
Фронтенд-разработка основана на трех китах — HTML (разметка страницы), CSS (стили) и JavaScript (собственно, сам язык программирования).

Помимо этого, программисты используют фреймворки (готовые шаблоны для кода), которые позволяют работать быстрее и эффективнее.

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

Вы изучите также Next.js, который помогает React работать быстрее и упростит вашу жизнь как разработчика.

Кто такой frontend-разработчик

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

Почему JavaScript и TypeScript?

JavaScript на первом месте по популярности языков по данным Github
После наших курсов студенты в среднем зарабатывают 190 000 ₽
Развивайте навыки и растите в цене
Senior-специалист
в иностранной компании
Middle-специалист
Junior-специалист
Senior-специалист
8 000 $
280 000 ₽
190 000 ₽
90 000 ₽
*По данным hh.ru и indeed.com

Для кого этот курс?

Наш курс рассчитан на обучение с нуля. Программированию можно научиться, даже если у вас нет опыта в IT или технического образования.
Для новичков
Прокачивайте свои навыки и берите крупные, сложные заказы. Растите — увеличивайте заработок и пополняйте портфолио интересными проектами.
Для фрилансеров
Новая IT-специальность даст опору в быстро меняющемся мире. Мы дадим основы и поможем вам стать увереннее в своих компетенциях.
Для всех, кто думает о будущем
Инженерная школа с рейтингом
4,7
по отзывам студентов
SkillFactory — узкоспециализированная школа: мы учим Data Science, аналитике данных и программированию.
Многолетний фокус на инженерных специальностях помогает наращивать экспертизу и постоянно совершенствовать наши курсы.
8,82
В среднем студенты оценивают качество наших учебных материалов на 8,82 балла
9,1
Наши выпускники оценивают менторскую поддержку на 9,1 балла.
4,7
4,6
4,5
4,6
79
%
Сравнятор

Ваш путь во frontend-разработку

Этот маршрут уже проверен и обкатан на тысячах студентов. У вас точно получится!
Приняли решение учиться программированию
Начали учиться на курсе «Frontend-разработчик»
Сделали итоговый проект для портфолио
Разработали карьерную стратегию и резюме вместе с Центром карьеры
Натренировались проходить технические интервью с помощью Центра карьеры
Нашли работу мечты и приняли оффер!
Учитесь в любое время и в любом месте с мобильного, планшета или ноутбука
Занимайтесь в своем темпе
Наши курсы ориентированы на тех, кто работает и хочет сам регулировать нагрузку. Занимайтесь без отрыва от работы и выделяйте на учебу столько времени, сколько есть прямо сейчас, — 15 минут или 2 часа в день.
80% обучения — практика в разных форматах
Для развития навыков у нас есть 5 видов практики: тренажёры, тесты, домашние задания, проекты и хакатоны. Разнообразие форматов помогает усваивать знания максимально эффективно.
Фокус на подготовке к трудоустройству
Вы тренируетесь на кейсах компаний, а также делаете проекты для реальных заказчиков в команде. Помогаем оформить резюме и подготовиться к собеседованиям.

Лучших студентов рекомендуем по накопленной базе работодателей. На стажировках в компаниях-партнёрах вы отработаете навыки и пообщаетесь с потенциальными работодателями.
20% обучения — интересная и важная теория
Теория разбита на короткие блоки, после которых обязательно идёт практика.

Вы смотрите короткие видео, изучаете текстовые материалы и приступаете к заданиям, чтобы закрепить знания.
Менторы и координаторы помогут дойти до конца
Все менторы — опытные практики из IT-индустрии. Они дают качественную обратную связь на задания, отвечают на вопросы и помогают студенту достичь своих целей во время обучения. Выпускники оценивают менторскую поддержку на 9,1 балла из 10.

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

Эффективный формат онлайн-обучения

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

3 месяца
Верстка веб-страниц
3 месяца
Верстка веб-страниц
Практика:
— 2 тренажера: HTML и CSS
— 70 задач на верстку
— 3 проекта: сайт-визитка, верстка лендинга по макету, верстка мобильной версии
Чтобы стать фронтенд-разработчиком, нужно изучить основу основ — HTML и CSS. С их помощью вы будете верстать веб-страницы.

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

С этими навыками вы сможете брать заказы на фриланс-биржах, работать с GitHub и сохранять там свои проекты.
— Создавать страницы на чистом HTML
— Позиционировать элементы на странице с помощью CSS
— Применять семантическую верстку
— Использовать средства разработчика в браузере
— Верстать адаптивные веб-страницы на Flexbox и Grid
— Использовать файлы формата SVG
— Работать в GitHub
Вы научитесь:
Практика:
— 2 тренажера: HTML и CSS
— 70 задач на верстку
— 3 проекта: сайт-визитка, верстка лендинга по макету, верстка мобильной версии
Чтобы стать фронтенд-разработчиком, нужно изучить основу основ — HTML и CSS. С их помощью вы будете верстать веб-страницы.

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

С этими навыками вы сможете брать заказы на фриланс-биржах, работать с GitHub и сохранять там свои проекты.
— Создавать страницы на чистом HTML
— Позиционировать элементы на странице с помощью CSS
— Применять семантическую верстку
— Использовать средства разработчика в браузере
— Верстать адаптивные веб-страницы на Flexbox и Grid
— Использовать файлы формата SVG
— Работать в GitHub
Вы научитесь:
3 месяца
Программирование на JavaScript
3 месяца
Программирование на JavaScript
Практика:
— Тренажер по Javascript
— 76 задач на Javascript
— Проекты: слайдер с фото, мини-игры на JS и на JS + Canvas API
JavaScript используют для создания фронтенда — страниц сайта, которые открываются в браузере.

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

Для этого вам понадобится узнать, что такое объектно-ориентированное программирование, и научиться применять ООП в JavaScript.

Познакомитесь с темами уровня middle — Canvas API и анимация. Освоите тестирование кода.
— Писать простые программы на JavaScript, разбираться в типах данных
— Применять ООП в JavaScript
— Создавать сложные скрипты с обработкой событий
— Работать с форматами XML и JSON
— Пользоваться различными API в браузере
— Реализовать анимацию на JS
— Писать юнит-тесты
Вы научитесь:
Практика:
— Тренажер по Javascript
— 76 задач на Javascript
— Проекты: слайдер с фото, мини-игры на JS и на JS + Canvas API
JavaScript используют для создания фронтенда — страниц сайта, которые открываются в браузере.

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

Для этого вам понадобится узнать, что такое объектно-ориентированное программирование, и научиться применять ООП в JavaScript.

Познакомитесь с темами уровня middle — Canvas API и анимация. Освоите тестирование кода.
— Писать простые программы на JavaScript, разбираться в типах данных
— Применять ООП в JavaScript
— Создавать сложные скрипты с обработкой событий
— Работать с форматами XML и JSON
— Пользоваться различными API в браузере
— Реализовать анимацию на JS
— Писать юнит-тесты
Вы научитесь:
3 месяца
TypeScript и инструменты для разработки
3 месяца
TypeScript и инструменты для разработки
Практика:
— 20 задач на TypeScript
— Проекты: книжный интернет-магазин на API, система комментариев на JS + Typescript
TypeScript — язык программирования, который основан на JavaScript, но дает больше возможностей в ООП и поэтому лучше подходит для больших проектов. В ближайшее время все крупные компании будут его использовать.

Вы освоите темы уровня middle: программирование на TypeScript одностраничных сайтов, упаковка проектов в Webpack, оптимизация созданного приложения.
— Писать программы на TypeScript
— Подключать TypeScript к проекту и настраивать
— Использовать препроцессоры CSS
— Работать с интерфейсами по методологии БЭМ
— Создавать SPA
— Настраивать сборку проекта на Webpack
— Использовать инструменты оптимизации приложений: svg-спрайты, мемоизация, Lighthouse
Вы научитесь:
Практика:
— 20 задач на TypeScript
— Проекты: книжный интернет-магазин на API, система комментариев на JS + Typescript
TypeScript — язык программирования, который основан на JavaScript, но дает больше возможностей в ООП и поэтому лучше подходит для больших проектов. В ближайшее время все крупные компании будут его использовать.

Вы освоите темы уровня middle: программирование на TypeScript одностраничных сайтов, упаковка проектов в Webpack, оптимизация созданного приложения.
— Писать программы на TypeScript
— Подключать TypeScript к проекту и настраивать
— Использовать препроцессоры CSS
— Работать с интерфейсами по методологии БЭМ
— Создавать SPA
— Настраивать сборку проекта на Webpack
— Использовать инструменты оптимизации приложений: svg-спрайты, мемоизация, Lighthouse
Вы научитесь:
3 месяца
Разработка с помощью React.js
3 месяца
Разработка с помощью React.js
Практика:
— Тренажер по React.js
— Проекты: виджет с прогнозом погоды, канбан-доска на React.js + Typescript, интернет-магазин на React + Next.js
Набор библиотек React вам понадобится, чтобы вывести вас на новый уровень профессионального программирования — сможете создавать модульные проекты, обрабатывать сложные события в браузере.

Помимо этого, вы изучите фреймворк Next.js, чтобы в связке React + Next.js разрабатывать многостраничные сайты.

Познакомитесь с фреймворками Angular и Vue.js. Это расширит ваши возможности по выбору проектов.
— Разрабатывать приложения на React
— Писать свои компоненты и хуки на React
— Создавать приложения на Angular и Vue.js
— Использовать Typescript в React-проектах
— Разрабатывать сайты на React + Next.js
— Применять библиотеку Redux на приложении React
Вы научитесь:
Практика:
— Тренажер по React.js
— Проекты: виджет с прогнозом погоды, канбан-доска на React.js + Typescript, интернет-магазин на React + Next.js
Набор библиотек React вам понадобится, чтобы вывести вас на новый уровень профессионального программирования — сможете создавать модульные проекты, обрабатывать сложные события в браузере.

Помимо этого, вы изучите фреймворк Next.js, чтобы в связке React + Next.js разрабатывать многостраничные сайты.

Познакомитесь с фреймворками Angular и Vue.js. Это расширит ваши возможности по выбору проектов.
— Разрабатывать приложения на React
— Писать свои компоненты и хуки на React
— Создавать приложения на Angular и Vue.js
— Использовать Typescript в React-проектах
— Разрабатывать сайты на React + Next.js
— Применять библиотеку Redux на приложении React
Вы научитесь:
2 месяца
Архитектура приложений и бэкенд
2 месяца
Архитектура приложений и бэкенд
Практика:
— Code challenge на реализацию API
— Финальный проект: киносайт на API
Сайт состоит из фронтенда и бэкенда. Фронтенд-разработчик должен разбираться в том, как устроен бэкенд — внутренняя работа программы на сервере.

Вы научитесь соединять фронтенд с бэкендом, для этого узнаете, что такое API и познакомитесь с Node.js. Знания закрепите на практике в виде code challenge.

Эти навыки вы примените для самостоятельного итогового проекта, который станет реальным доказательством ваших знаний.
— Подключать приложение к базе данных
— Разворачивать приложение на Node.js
— Проектировать и реализовывать Rest API
— Создавать документацию к своему API
Вы научитесь:
Практика:
— Code challenge на реализацию API
— Финальный проект: киносайт на API
Сайт состоит из фронтенда и бэкенда. Фронтенд-разработчик должен разбираться в том, как устроен бэкенд — внутренняя работа программы на сервере.

Вы научитесь соединять фронтенд с бэкендом, для этого узнаете, что такое API и познакомитесь с Node.js. Знания закрепите на практике в виде code challenge.

Эти навыки вы примените для самостоятельного итогового проекта, который станет реальным доказательством ваших знаний.
— Подключать приложение к базе данных
— Разворачивать приложение на Node.js
— Проектировать и реализовывать Rest API
— Создавать документацию к своему API
Вы научитесь:
1 месяц
Карьерный трек
1 месяц
Карьерный трек
Практика:
— Составление резюме, поиск вакансий или заказов
Умение программировать — это хард скилы. Для успешной работы нужны еще софт скилы.

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

Если планируете брать заказы на фрилансе, мы поможем вам освоить работу на фриланс-биржах.
— Составлять резюме и сопроводительное письмо
— Готовиться к собеседованию
— Адаптироваться к работе в команде
— Оформлять свой профиль на фриланс-биржах
— Искать заказы на биржах и общаться с заказчиками
Вы научитесь:
Практика:
— Составление резюме, поиск вакансий или заказов
Умение программировать — это хард скилы. Для успешной работы нужны еще софт скилы.

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

Если планируете брать заказы на фрилансе, мы поможем вам освоить работу на фриланс-биржах.
— Составлять резюме и сопроводительное письмо
— Готовиться к собеседованию
— Адаптироваться к работе в команде
— Оформлять свой профиль на фриланс-биржах
— Искать заказы на биржах и общаться с заказчиками
Вы научитесь:

Итоговый проект

Это сайт с системой поиска информации о фильмах и сериалах, где будет:

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

Реальные истории наших студентов

Узнайте, как преобразилась их жизнь
Отправьте заявку на бесплатную консультацию. Мы позвоним и расскажем подробнее о курсе
Присоединяйтесь!
30 лет, Москва
Татьяна Мирко
Набережные Челны
Аркадий Хазанов
27 лет, Москва
Александра Быстрова
Сергей Димов
34 года, Абакан
Артем Белоконский
Киев
Каменск-Уральский
Долговская Виктория
Москва
Валентин Ветюков
Калининград
Антон Пальшин
Москва
Николай Шумаков
Челябинск
Валентин Шунайлов
53 года, Москва
Москва
Ника Гвенетадзе
34 года, Рига
Харьков
Ольга Шутылева

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

Образовательная траектория включает в себя четыре важных аспекта
Наши студенты с нуля учатся работать в GitHub. По каждому проекту студент получает подробную обратную связь от ментора
Наши менторы — программисты с многолетним опытом, которые готовы помогать студентам в ходе всего обучения на курсе. Только с обратной связью от профессионала возможно качественное обучение.
Кураторы на платформе Slack ответят на любой организационный вопрос по поводу занятий, напомнят о дедлайне и поинтересуются, как у вас дела.
Проекты
Менторы
Поддержка
При помощи Центра карьеры вы преодолеете страх первого собеседования, качественно оформите резюме и подготовите портфолио.
Карьерный трек

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

Преподаватели и менторы
Юлия Токаревская
Frontend-разработчик с опытом 7 лет. Работает в компании Emplifi. Ведущий преподаватель курса.
В команде разрабатывала платформы для управления и анализа контента в соцсетях, платформы для службы поддержки, криптовалютной биржи.
Стек: Javascript, React.js, Redux-Saga, Typescript

Никита Боярских
Senior Software Developer. Стаж в IT составляет 5,5 лет. Работал в Яндекс, Marilyn, Slash.
Стек: HTML, CSS, JavaScript, TypeScript, React, Redux, Vue, Webpack, PostgreSQL, SQL, Docker, Kubernetes и др.
Никита Любицкий
Team Lead Frontend Developer в Звук. Проработал в IT 5,5 лет. Делал проекты в Ситимобил, Botmother.com. Один из создателей сервиса «Такси ВКонтакте», главных страниц в Ситимобиле и Звуке. 
Стек: HTML, CSS, JavaScript, TypeScript, React, Redux, MobX
Дмитрий Курманов
Senior Frontend Developer в SurveyJS — наборе js-библиотек для создания систем опросов. Стаж в IT — 10 лет. Разрабатывал микрофронтенды Unim на Svelte Kit.
Стек: HTML, CSS, JavaScript, TypeScript, testing tools
Наталья Крестинина
Frontend-разработчик в EPAM Systems, преподаватель в Webpurple, ментор в RSSchool.
Сергей Михайлов
Руководитель разработки The Makers, 10 лет в отрасли, разработчик тренажеров.
Дарья Короткова
Ведущий инженер в газовой сфере. Опыт работы в ИТ более 7 лет. Стек: PHP, mySQL, JS-технологии. Разрабатывала системы для опроса телеметрии, систему для оценки качества сварки судостроительной технологии и различные сайты на популярных CMS системах.
Дмитрий Бондарчук
Lead Software Engineer в EPAM
к.ф.-м.н. в области NLP (natural language processing).
Запишитесь на обучение и получите в подарок
курс «Алгоритмы и структуры данных»!
Длительность подарочного курса:
2 месяца
Акция действует
до 9 по 15 марта