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

Получите перспективную творческую профессию в IT
Оставьте заявку, чтобы получить место на курсе со скидкой
Наши менеджеры свяжутся с вами в ближайшее время
Нажимая на кнопку, вы соглашаетесь с политикой конфиденциальности
Онлайн
в удобное время
10 августа
дата старта
6 месяцев (или 260 часов)
длительность обучения
Если английский — это основной язык современного мира, то JavaScript — это основной язык современного интернета, на нем написано большинство сайтов, на которые вы заходите каждый день.
Почему Frontend-разработчик?
Первое место на графике популярности языков по данным Github
Frontend-разработка сейчас и несколько лет назад — совершенно разные вещи. Это связано с тем, что технологии во фронтенде обновляются каждые полгода, надо постоянно учиться. 5 лет назад можно было свободно устроиться джуном, зная только HTML и CSS и совсем чуть-чуть JS. Сегодня надо уже хорошо знать JS и желательно иметь представление о каком-нибудь фреймворке.
А через 5 лет порог входа в профессию вырастет ещё в 2-3 раза.

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

Что смогут выпускники:
  • создавать адаптивные веб-сайты с использованием CSS, Flexbox
  • разрабатывать интерактивные веб-сайты и приложения на JavaScript и HTML
  • подключать веб-приложение к серверным данным с помощью Node.js
Получите полную программу специализации frontend-разработчик
Теория и тренажеры
В модулях курса вы изучаете правила и теорию, а на тренажерах отрабатываете практику
Как проходит обучение
Основа для программиста — это изучение базы, то есть синтаксиса языка. Не важно, какой язык программирования вы выбрали, перед написанием кода вам нужно будет углубиться в документацию и логику построения команд.

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

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

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

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

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

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

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

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

3. React и другие фреймворки
1,5 месяца
2 тренажера: HTML и CSS
40 задач на верстку
2 проекта: сайт-визитка и верстка лендинга по макету

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

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

5. Карьерный трек
Бонусные модули
Имитация реального собеседования на позицию junior-разработчика
Вы научитесь:
• составлять резюме и сопроводительное письмо
• готовиться к собеседованию
• адаптироваться работе в команде
• оформлять свой профиль на фриланс-биржах
• искать заказы на биржах и общаться с заказчиками
Работа в команде
Помощь и советы по трудоустройству
Работа на фрилансе

Получить полную программу курса
Инфраструктура всех наших специализаций
Наша образовательная траектория включает в себя четыре важных аспекта
Проекты
Наши студенты с первых шагов учатся работать в github. По каждому проекту студент получает подробную обратную связь от ментора.
Поддержка
Наши заботливые кураторы всегда ответят на любой организационный вопрос в Slack, напомнят о дедлайне и поинтересуются, как у вас дела.
Менторы
Наши менторы - программисты с многолетним опытом, которые готовы помогать студентам в ходе всего обучения на курсе. Поддержка помогает найти точки роста. Только с обратной связью от профессионала возможно качественное обучение.
Карьерный трек
Для наших студентов мы подготовили учебный блок, благодаря которому студенты преодолеют страх первого собеседования, качественно оформят резюме и подготовят портфолио.
Команда курса
Владимир Высокий

Руководитель команды frontend-разработки в Рамблере, эксперт, отвечает на вопросы.
Лиана Гукасян

Frontend-разработчик, фрилансер, ментор.
Павел Галкин

Тимлид в MoreCargo, разработчик плагина для Яндекс.Карт, разработчик тренажеров, ментор.
Наталья Крестинина
Frontend-разработчик в EPAM Systems, преподаватель в Webpurple, ментор в RSSchool, автор раздела ReactJS.
Богдан Коновченко
Senior Frontend в Radario, автор раздела JavaScript.
Сергей Михайлов
Руководитель разработки The Makers, 10 лет в отрасли, разработчик тренажеров.
Сергей Котов
Куратор курса, решает все вопросы.
Алина Лямзина
Педагогический дизайнер, методист.
Дмитрий Бондарчук
Lead Software Engineer в EPAM
к.ф.-м.н. в области NLP (natural language processing).
Куратор финального проекта
Запишитесь на два курса
на привлекательных условиях
Figma - удобный онлайн-сервис для работы с макетами страниц и баннеров, со встроенными стилями CSS. Изучение Figma помогает фронтенд-разработчику правильно коммуницировать с заказчиком и повышает скорость работы. Мы подготовили для вас такое предложение: запишитесь сразу на два курса по выгодной цене Frontend-разработчик + Figma.
Frontend-разработчик
HTML, CSS
Javascript, React
5 проектов по фронтенду
56175
руб
Frontend-разработчик
+ Figma
HTML, CSS
Javascript, React
5 проектов по фронтенду
Адаптивный прототип
в Figma
руб
97900
72250
72250
руб
Стоимость двух курсов по отдельности: 56175 руб +16075 руб. Экономия 25650 руб!
Запишитесь
на два курса
на привлекательных условиях
Курс Frontend-разработчик
+Figma
Запишитесь сейчас по выгодной цене
Ваш e-mail
Ваше имя
Ваш телефон
Курс Frontend-разработчик
Запишитесь на курс сейчас
Ваш e-mail
Ваше имя
Ваш телефон
Говорят эксперты
Посмотрите вебинар Михаила Князева о входе в профессию фронтенд-разработчика, где он рассказывает, как найти свой первый проект, чего не стоит бояться при смене профессии и кого сейчас ждет рынок программирования.

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

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


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


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

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




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

Подарок от EnglishDom — 1 месяц бесплатного премиум-доступа к ED Words!



Идеальный способ не забыть английский за лето - прокачивать его в приложении для тренировки слов ED Words.

В приложении есть 4 типа тренировок для запоминания слов, 3 уровня сложности и более 350 тематических наборов, которые придутся по вкусу каждому.

По промокоду summer_skills вы получите премиум-доступ на один месяц со дня активации.


Предложение действует до 01.09.2020

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

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

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

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