Специализация
Frontend-разработчик

Получите перспективную творческую профессию в IT
Оставьте заявку, чтобы получить место на курсе со скидкой
Наши менеджеры свяжутся с вами в ближайшее время
12 : 10 : 44 : 16
40%
скидка
дней
часов
минут
секунд
Формат обучения
Онлайн в удобное время
Старт следующего потока
7 месяцев (или 300 часов)
Скоро
Длительность обучения

Медианная зарплата frontend-разработчика

*данные взяты с сайта
доступно прямо сейчас*
3026 вакансий
120 000 ₽
Если английский — это основной язык современного мира, то JavaScript — это основной язык современного интернета. На нем написано большинство ресурсов, на которые вы заходите каждый день.

Почему frontend-разработчик?

Первое место на графике популярности языков по данным Github
Frontend-разработка сейчас и несколько лет назад — совершенно разные вещи. Это связано с тем, что технологии во фронтенде обновляются каждые полгода, надо постоянно учиться. 5 лет назад можно было свободно устроиться джуном, зная только HTML и CSS и совсем чуть-чуть JS. Сегодня надо уже хорошо знать JS и желательно иметь представление о каком-нибудь фреймворке.
А через 5 лет порог входа в профессию вырастет еще в 2−3 раза.

Михаил Князев
Senior Frontend Developer
Только до конца месяца — купите любой курс
по программированию от SkillFactory со скидкой
40%
стартуйте в удобное время и получайте подарки от Центра карьеры —
секретные вебинары для выпускников
Обучение в SkillFactory
Цель специализации «Frontend-разработчик» — дать системную подготовку и полный набор базовых знаний и умений для того, чтобы заниматься практической разработкой визуальной части веб-приложений. Начинающий должен превратиться из новичка в уверенного разработчика уровня Junior.

Выпускники смогут самостоятельно:
  • Создавать адаптивные веб-сайты с использованием CSS, Flexbox
  • Разрабатывать интерактивные веб-сайты и приложения на JavaScript и HTML
  • Писать сложные компоненты на React и интерфейсы с авторизацией и подключением к backend


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

Получите полную программу специализации «Frontend-разработчик»

Теория и тренажеры

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

Синтаксис включает правила написания кода:
— HTML: разметка страниц
— CSS: стили и расположение элементов
— JavaScript: логика и взаимодействие элементов
— React: популярная библиотека под JS

Чтобы закрепить результат, важно практиковать теорию на большом количестве задач — для этого в программе курса «Frontend-разработчик» используются тренажеры.

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

Реальные проекты

Вас ждут пять увлекательных проектов на JavaScript

Сайт, слайдер и канбан-доска

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

1 проект
Сайт-визитка. Вы создадите свой первый полноценный сайт, используя инструменты верстки — HTML и CSS.

2 проект
Верстка лендинга по макету. Чтобы основательно закрепить навыки в HTML и CSS, вам будет предложен макет веб-сайта, сделанный в Figma.

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

4 проект
Канбан-доска на React. В четвертом проекте, основываясь на макете из Figma, вы реализуете веб-приложение, которое представляет собой задачник со статусами каждой задачи. Приложение будет развернуто с использованием Create React App.

5 проект
Финальный проект: клиентская часть веб-приложения для учета краж в сервисе проката велосипедов с подключением по API.

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

2. Javascript

1. Веб-верстка

Вы научитесь:
• создавать страницы на чистом HTML
• позиционировать элементы на странице с помощью CSS
• применять семантическую верстку
• использовать средства разработчика в браузере
• верстать адаптивные веб-страницы на Flexbox
• загружать свой код на GitHub
Вы научитесь:
• писать простые программы на Javascript
• применять ООП в Javascript
• создавать сложные скрипты с обработкой событий
• работать с форматом JSON
• использовать препроцессоры CSS
• работать по методологии БЭМ
1 месяц
Устройство веба и основы HTML
CSS и верстка на Flexbox
Работа с Git
2 месяца
Синтаксис языка Javascript
Объекты, EventLoop
Модель DOM и сборщики (Webpack)
ООП в Javascript
Типизация
Вы научитесь:
• разрабатывать приложения на React
• использовать продвинутый API
• писать свои компоненты на React
• создавать приложение на Angular
• создавать приложение на Vue.js
• использовать анимацию на CSS или на React
• применять библиотеку Redux на приложении React
Разработка на React.js
Обзор Angular
Обзор Vue.js
Redux

3. React и другие фреймворки

3 месяца
2 тренажера: HTML и CSS
70 задач на верстку
2 проекта: сайт-визитка и верстка лендинга по макету

Тренажер по Javascript
76 задач на Javascript
Проект: слайдер на сайте
Тренажер по React.js
45 задач по React.js
Проект: канбан-доска на React

4. Архитектура приложений и бекенд

1 месяц
15 задач по Node, Redux, React
Финальный проект: клиентская часть для учета краж в сервисе проката велосипедов с подключением по API
Вы научитесь:
• подключать приложение к базе данных
• разворачивать приложение на Node.js
• писать unit-тесты
Подключение к базе данных
Node.js

Тестирование приложений

5. Карьерный трек

Бонусные модули
Имитация реального технического собеседования на позицию junior-разработчика
Вы научитесь:
• составлять резюме и сопроводительное письмо
• готовиться к собеседованию
• адаптироваться к работе в команде
• оформлять свой профиль на фриланс-биржах
• искать заказы на биржах и общаться с заказчиками
Командная работа
Помощь и советы по трудоустройству
Работа на фрилансе
Получить полную программу курса
Как устроено обучение на всех наших курсах
Образовательная траектория включает в себя четыре важных аспекта
Проекты
Наши студенты с нуля учатся работать в GitHub. По каждому проекту студент получает подробную обратную связь от ментора.
Поддержка
Наши заботливые кураторы на платформе Slack всегда ответят на любой организационный вопрос по поводу занятий, напомнят о дедлайне и поинтересуются, как у вас дела.
Менторы
Наши менторы — программисты с многолетним опытом, которые готовы помогать студентам в ходе всего обучения на курсе. Поддержка задает направление обучению и помогает найти точки роста. Только с обратной связью от профессионала возможно качественное обучение.
Карьерный трек
Для наших студентов мы подготовили учебный блок, благодаря которому они смогут успешно начать карьеру. При помощи Центра карьеры вы преодолеете страх первого собеседования, качественно оформите резюме и подготовите портфолио.
Команда курса
Наталья Крестинина
Frontend-разработчик в EPAM Systems, преподаватель в Webpurple, ментор в RSSchool, автор раздела ReactJS.
Богдан Коновченко
Senior Frontend в Radario, автор раздела JavaScript.
Сергей Михайлов
Руководитель разработки The Makers, 10 лет в отрасли, разработчик тренажеров.
Дарья Короткова
Ведущий инженер в газовой сфере. Опыт работы в ИТ более 7 лет. Стек: PHP, mySQL, JS-технологии. Разрабатывала системы для опроса телеметрии, систему для оценки качества сварки судостроительной технологии и различные сайты на популярных CMS системах.
Дмитрий Бондарчук
Lead Software Engineer в EPAM
к.ф.-м.н. в области NLP (natural language processing).
Юлия Токаревская
Frontend-разработчик с опытом 7 лет. Работает в компании Emplifi
В команде разрабатывала платформы для управления и анализа контента в соцсетях, платформы для службы поддержки, криптовалютной биржи.
Стек: Javascript, React.js, Redux-Saga, Typescript

Запишитесь на курс
Беспроцентная рассрочка на 12 мес. от наших партнеров
2 500
₽/мес.
4 166 ₽/мес.
У меня есть промокод
Сможете начать поиск работы после 4 месяцев обучения
Получите поддержку менторов с опытом работы более 3 лет
Войдете в коммьюнити из 700+ студентов и выпускников
01
02
03
04
Соберете портфолио с 5 проектами верстки и JavaScript
12 : 10 : 44 : 16
40%
скидка
дней
часов
минут
секунд
В честь акции дарим 14-недельный курс

«Soft Skills для digital-менеджеров»
Все, кто купит любой курс SkillFactory, получат в подарок бесплатный доступ еще к одному, на котором вас научат управлять командой и своим тайм-менеджментом, противостоять рабочему стрессу и делать так, чтобы вас слушали.
Курс Frontend-разработчик
+Figma
Запишитесь сейчас по выгодной цене
Ваш e-mail
Ваше имя
Ваш телефон
Промокод
Курс Frontend-разработчик
Запишитесь на курс сейчас
Ваш e-mail
Ваше имя
Ваш телефон
Промокод
Обновление в программе курса в 2020 году
  • Полностью обновили блок про API браузера: Drag & Drop SVG Canvas, Geolocation, Notification, Screen size Event Source, WebSocket
  • Добавили новый раздел «Инструменты для автоматизации»: Dev server + hot reload, Разница prod и dev-окружения, Контракты и mock server Pre-коммит хуки, БЭМ, минификаторы
  • В раздел HTML добавили темы про iframe и accessibility
  • В разделе по CSS добавили @-rules, Progressive enhancement и graceful degradation
Говорят эксперты
Посмотрите вебинар Михаила Князева о входе в профессию фронтенд-разработчика, где он рассказывает, как найти первый проект, чего не стоит бояться при смене профессии и каких сотрудников сейчас ждет рынок программирования.

Frontend-разработка в 2020 году: как построить успешную карьеру с первого захода?

Отзывы студентов курса
Учиться интересно на 100%: мне нравится, как изложена программа, я обращаюсь к материалу по несколько раз и каждый раз вычитываю что-то новое. Нравится участие менторов в процессе обучения, а их быстрая реакция на вопросы приободряет.
Елена Грибачёва
Замечательно подобрано соотношение материала и практики, специалисты курса всегда готовы прийти на помощь, вебинары проводятся в доступной форме.

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

Анжелика Кузьминская
Стала студенткой курса недавно, но дружественная атмосфера, возможность проходить курс в любое удобное время делает обучение очень гибким. Материал описан вполне подробно, здорово, что есть тренажеры и проверочные тесты после каждого блока, которые позволяют закреплять материал. Некоторые знания, полученные на первых этапах курса, мне уже помогли в решении задач по моей основной работе.
Виктория Лысенко
Меня зовут Алексей. Мне 49 лет. Несмотря на свой возраст, я принял решение осваивать новую профессию — программиста. Поначалу с азов, которые дают пропуск в мир фронтенд development. Очень долго выбирал курсы, ведь их так много… В конце концов остановился на SkillFactory и ни разу не пожалел об этом! Информация дается дозировано, многие вещи надо самому осмыслить, чтобы понять.

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




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

Как получить скидку на обучение?

Обучение за счет работодателя
Для запроса документов забронируйте курс через форму и напишите на почту info@skillfactory.ru
Реферальная программа
Вы можете получить скидку 20%, пригласив друзей на наши курсы
Программа лояльности
После оплаты одного из курсов вы получаете скидку на другой курс
Репост
Поделитесь ссылкой на курс в своем блоге в соцсетях и получите дополнительную скидку 5%

Часто задаваемые вопросы

Где нужен фронтенд-разработчик?
Сейчас на HeadHunter открыто более 4000 вакансий фронтенд-разработчиков, включая топовые компании. Кроме того, вы сможете брать полноценные проекты, сайты, приложения, интерфейсы на фриланс-биржах.
Почему стоит начать с фронтенд-разработчика?
На рынке вакансий во всех сферах наблюдается спрос на специалистов, которые способны взять в реализацию полноценный проект. В программировании это фронтенд, бэкенд, фулстэк разработчики. Причем спрос на фронтенд-разработчиков самый максимальньный и продолжает расти.

Начать свой путь в программирование именно с фронтенд-разработчика — правильное решение. Это полноценная специальность с минимальным порогом входа в профессию. Вам понадобится меньше времени на обучение, сразу после которого вы сможете брать реальные web проекты и решать рабочие задачи.
7 месяцев — это не мало?
Мы не растягиваем ожидание новой профессии на год и больше, а делаем все, чтобы вы как можно быстрее начали работать по новой специальности. Секрет в том, что в процессе обучения мы используем различные форматы: тренажеры, тесты, регулярные домашние задания, вебинары.
Что потребуется для успешного обучения?
Мы обучаем с нуля. Вам потребуется только ноутбук с установленными инструментами (мы дадим инструкцию и поможем с установкой), около 7-10 часов в неделю и желание получить новые знания.
А что после?
После обучения у вас будет необходимый набор знаний и навыков, чтобы сразу брать проекты на фрилансе. В портфолио появится 3 полноценных проекта, которые вы сможете представить работодателю. Персональный ментор проконсультирует вас по дальнейшему карьерному росту, подскажет, где и как брать проекты, как проходит собеседование и тестовое задание.
Чем вы лучше бесплатных курсов?
Основной ответ такой — наша специализация не является заменой бесплатным онлайн-курсам. Напротив, онлайн-курсы — это очень хорошо и полезно. Но у наших курсов есть системность, фокус на практике, помощь преподавателя и поддержка группы.

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

Если вы столкнетесь с проблемой при выполнения задания, вам всегда будет  кому обратиться: вы сможете получить совет от одногруппников и помощь ментора в закрытом сообществе в Slack.
Можно ли проходить курс быстрее?
Да, можно. Программа разработана с учетом того, что на обучение студент в среднем выделяет 10 часов в неделю. Это комфортный темп освоения материала и практики, особенно для тех, кто работает на текущей работе. Но если у вас есть возможность уделять курсу больше времени, вы сможете проходить модули программы в своем темпе.