Получить доступ
Эксклюзивный партнер
SkillFactory в Узбекистане
burger
Каталог Программирование Профессия Frontend-разработчик PRO
Frontend-разработчик PRO
Профессия
Получите перспективную творческую профессию
У меня есть промокод
  • Курс по фронтенду для новичков и тех, кто уже в теме
  • Глубокое изучение фреймворков — React в связке с Next. js
  • Знания уровня middle
Курс по фронтенду для новичков и тех, кто уже в теме
Глубокое изучение фреймворков — React в связке с Next. js
Знания уровня middle
09 : 10 : 44 : 44
Скидка действует
Цена на курс вырастет с 1 октября

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

Курс • с нуля
Изучите JavaScript и TypeScript
Выполните 13 проектов в портфолио
Длительность:
Формат обучения:
онлайн в удобное время
Старт:
16 сентября
14 мес
Фронтенд-разработка основана на трех китах — HTML (разметка страницы), CSS (стили) и JavaScript (собственно, сам язык программирования).

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

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

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

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

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

Почему JavaScript и TypeScript?

JavaScript на первом месте по популярности языков по данным Github
Чтобы посмотреть как устроена работа в большой IT-компании
Чтобы быстрее влиться в среду
Чтобы расти в карьере и работать из любой точки мира

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

Для новичков
Наш курс рассчитан на обучение с нуля. Программированию можно научиться, даже если у вас нет опыта в IT или технического образования.
Для всех, кто думает о будущем
Новая IT-специальность даст опору в быстро меняющемся мире. Мы дадим основы и поможем вам стать увереннее в своих компетенциях.
4,6
4,8
4,6
78
%
429 отзывов
290 отзывов
153 оценки
223 отзыва

Студенты рекомендуют нас

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

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

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

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

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

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

3 месяца

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

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

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

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

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

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

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

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

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

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

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

Вы освоите темы уровня middle: программирование на TypeScript одностраничных сайтов, упаковка проектов в Webpack, оптимизация созданного приложения.
— Писать программы на TypeScript
— Подключать TypeScript к проекту и настраивать
— Использовать препроцессоры CSS
— Работать с интерфейсами по методологии БЭМ
— Создавать SPA
— Настраивать сборку проекта на Webpack
— Использовать инструменты оптимизации приложений: svg-спрайты, мемоизация, Lighthouse
Вы научитесь:
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
Вы научитесь:
2 месяца

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Вы освоите темы уровня middle: программирование на TypeScript одностраничных сайтов, упаковка проектов в Webpack, оптимизация созданного приложения.
— Писать программы на TypeScript
— Подключать TypeScript к проекту и настраивать
— Использовать препроцессоры CSS
— Работать с интерфейсами по методологии БЭМ
— Создавать SPA
— Настраивать сборку проекта на Webpack
— Использовать инструменты оптимизации приложений: svg-спрайты, мемоизация, Lighthouse
Вы научитесь:
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
Вы научитесь:
2 месяца

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Проекты

Менторы