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

Изучите JavaScript и TypeScript
Выполните 13 проектов в портфолио
Оставить заявку
Наш менеджер расскажет про программу, преподавателей
  • Курс по фронтенду для новичков и тех, кто уже в теме
  • Глубокое изучение фреймворков — React в связке с Next. js
  • Знания уровня middle
09 : 10 : 44 : 44
Скидка действует
Цена на курс вырастет с 1 октября

Курс «Frontend-Разработчик с нуля до PRO»

Можно с нуля
Рекомендуемая длительность:
14 месяцев
Формат обучения:
онлайн в удобное время
Присоединитесь к новому потоку или начните учиться в удобное время
Старт:
скоро
Фронтенд-разработка основана на трех китах — HTML (разметка страницы), CSS (стили) и JavaScript (собственно, сам язык программирования).

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

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

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

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

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

Почему JavaScript и TypeScript?

JavaScript на первом месте по популярности языков по данным Github

После наших курсов студенты в среднем зарабатывают 1 000 000 ₸

Senior-специалист
в иностранной компании
Middle-специалист
8 000 $
Junior-специалист
1 000 000 ₸
Senior-специалист
frontend developer junior
400 000
*По данным hh.kz
1 500 000 ₸
Чтобы посмотреть как устроена работа в большой IT-компании
Чтобы быстрее влиться в среду
Чтобы расти в карьере и работать из любой точки мира

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

Для новичков
Наш курс рассчитан на обучение с нуля. Программированию можно научиться, даже если у вас нет опыта в IT или технического образования.
Для всех, кто думает о будущем
Новая IT-специальность даст опору в быстро меняющемся мире. Мы дадим основы и поможем вам стать увереннее в своих компетенциях.
Для фрилансеров
Прокачивайте свои навыки и берите крупные, сложные заказы. Растите — увеличивайте заработок и пополняйте портфолио интересными проектами.
Наши курсы ориентированы на тех, кто работает и хочет сам регулировать нагрузку. Занимайтесь без отрыва от работы и выделяйте на учебу столько времени, сколько есть прямо сейчас, — 15 минут или 2 часа в день.

Занимайтесь в своем темпе

Для развития навыков у нас есть 5 видов практики: тренажёры, тесты, домашние задания, проекты и хакатоны. Разнообразие форматов помогает усваивать знания максимально эффективно.

80% обучения — практика в разных форматах

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

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

Менторы и координаторы помогут дойти до конца

Теория разбита на короткие блоки, после которых обязательно идёт практика.

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

20% обучения — интересная и важная теория

Учитесь в любое время и в любом месте с мобильного, планшета или ноутбука

Формат обучения

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

Верстка веб-страниц

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

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

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

Программирование на JavaScript

3 месяца
JavaScript используют для создания фронтенда — страниц сайта, которые открываются в браузере.

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

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

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

TypeScript и инструменты для разработки

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

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

Разработка с помощью React.js

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

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

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

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

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

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

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

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

1 месяц
Умение программировать — это хард скилы. Для успешной работы нужны еще софт скилы.

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

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

Верстка веб-страниц

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

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

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

Программирование на JavaScript

3 месяца
JavaScript используют для создания фронтенда — страниц сайта, которые открываются в браузере.

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

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

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

TypeScript и инструменты для разработки

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

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

Разработка с помощью React.js

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

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

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

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

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

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

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

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

1 месяц
Умение программировать — это хард скилы. Для успешной работы нужны еще софт скилы.

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

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

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

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

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

Сертификат о прохождении онлайн-курса
Он позволит чувствовать себя увереннее при трудоустройстве — работодатели отметят подтверждение квалификации официальным документом
Сертификат может быть дублирован на английском языке

Реальные истории наших пользователей

Узнайте, как преобразилась их жизнь
Екатерина Тарасевич
Санкт-Петербург
Всем привет, меня зовут Екатерина. Мне 29 лет. И я живу в городе Санкт-Петербурге.
Александр Журавлев
Минск
Всех приветствую. Меня зовут Александр. Я живу в городе Минске. Больше 20 лет я работаю врачом.
Марина Чигарева
Москва
Здравствуйте. Я Марина. Живу в Москве. Работаю главным бухгалтером.
Дмитрий Анпилогов
Саратов
Всем привет. Я Дмитрий из города Саратова. Уже 25 лет директор турагентства.
Валентин Шунайлов
Челябинск
Добрый день. Меня зовут Валентин. Я из города Челябинска.
Долговская Виктория
Каменск-Уральский
Добрый день, меня зовут Виктория. В настоящий момент я проживаю в городе Каменск-Уральский.
Валентин Ветюков
Всем привет. Меня зовут Валентин. Живу и работаю в Москве.
Москва
Антон Пальшин
Калининград
Всем привет. Меня зовут Антон. Живу в Калининграде. Работаю комплектовщиком.
Николай Шумаков
Москва
Привет. Меня зовут Николай, и я являюсь студентом Skillfactory по программе фронтенд-разработчик.
53 года, Москва
Привет. Меня зовут Алексей Журавлев. Я генеральный директор агентства Универсальный менеджмент.
Татьяна Мирко
30 лет, Москва
Добрый день. Я маркетолог. Учусь в Skillfactory по специальности фронтенд-разработчик.
Ника Гвенетадзе
Москва
Привет, меня зовут Ника. Живу я в Москве, а работаю руководителем производства.
Андрей Шевченко
34 года, Рига
Всем привет. Меня зовут Андрей. Живу в Риге. Работаю специалистом по кибербезопасности.
Ольга Шутылева
Харьков
Привет. Меня зовут Ольга. Живу в Харькове. Работаю на госслужбе.
Аркадий Хазанов
Набережные Челны
Привет. Меня зовут Аркадий. Я бариста.
Александра Быстрова
Привет. До начала обучения в Skillfactory я работала в сфере коммуникаций и клиентского сервиса.
27 лет, Москва
Сергей Димов
34 года, Абакан
Привет. Меня зовут Сергей. Я учусь в Skillfactory на курсе full-stack разработчик на JavaScript вот уже 2 месяца.
Артем Белоконский
Киев
Добрый день. Меня зовут Артем Белоконский. Я из Украины, из Киева.
Максим Якимов
Привет. Меня зовут Максим. Я изучаю курс «фронтенд-разработчик».
Марина Кононенко
Привет. Я Марина, и я учусь на курсе по фронтенд-разработке от Skillfactory.

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

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

Проекты

Менторы

Поддержка

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

Спикеры и менторы

  • Юлия Токаревская
    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).

Стоимость онлайн-курса

при рассрочке на 24 месяца без первоначального взноса и переплат
34 596 ₸/мес
57 658 ₸/мес
-40%

Получите доступ

  • Освоите верстку веб-страниц

  • Изучите программирование на JavaScript

  • Познакомитесь с языком программирования TypeScript и инструментами для разработки

  • Научитесь разрабатывать приложения на React

  • Узнаете архитектуру приложений и бэкенд

  • 13 проектов в портфолио

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