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

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

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

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

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

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

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

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

Почему JavaScript и TypeScript?

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

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

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

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

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

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

Занимайтесь в своем темпе
80% обучения — практика в разных форматах
Менторы и координаторы помогут дойти до конца
20% обучения — интересная и важная теория

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

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

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

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

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

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

Образовательная траектория включает в себя четыре важных аспекта
Наши студенты с нуля учатся работать в 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).



Записаться на курс
-45%
5 120 ₽/мес
9 309 ₽/мес
В рассрочку на 28 мес
Скидка по промокоду:
Кешбэк 30%: 43 008 баллов на Lerna
Профессия Frontend-разработчик PRO
Длительность: 14 мес
Старт курса: 25 ноября
Заполните контактные данные
Имя
Телефон
E-mail
Промокод
Название компании
Отправить заявку
success
error
warning

Наши студенты

  • Никита Ульшин
    Учился на специалиста по электронике, но всегда интересовался программированием. Теперь он руководит разработчиками в компании, которая применяет искусственный интеллект в гифтинге. Рекомендует начинать карьеру с фронтенда.
  • Диана Громова
    В детстве обожала химию и хотела связать с ней жизнь. Но в вузе, а потом и в магистратуре поняла, что наука — это не то, чем она должна заниматься, и нужно найти направление, которое позволяет создавать что-то новое. Она выбрала frontend-разработку. Диана рассказала, как долго шла к IT и что помогло ей не опускать руки при трудностях.
  • Марк Соболев
    Шесть лет служил в полиции, но после рождения дочери решил изменить жизнь. Теперь он frontend-разработчик в IT-компании и работает с интересными людьми. Марк рассказал, как писал код по ночам, а через три месяца в новой компании начал принимать решения и помогать новичкам.

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

О курсе
Результаты курса
Учитесь из любой точки в удобное время
Развивайте профессиональные навыки в онлайн-формате
Москва
Ереван
Алматы
Минск
Киев
Ташкент
Баку
Казань
Берлин
Тель-Авив
Лондон
Хельсинки
Варшава
Тбилиси
Прага
Франкфурт-на-Майне
Амстердам
Рига
Таллин
Вильнюс
Батуми
Гродно
Кишинев
Нур-Султан
Санкт-Петербург
Новосибирск
Одесса
Нижний Новгород
Харьков
Воронеж
Ростов-на-Дону
Екатеринбург
Уфа
Самара
Красноярск
Омск
Челябинск
Калининград
Пермь
Волгоград
Днепропетровск
Ставрополь
Краснодар
Ижевск
Саратов
Иркутск
Тюмень
Астрахань
Тольятти
Хабаровск
Ярославль
Владивосток
Сочи
Владимир
Рязань
Махачкала
Королёв
Архангельск
Мурманск
Грозный
Симферополь
Йошкар-Ола
Набережные Челны
Севастополь
Томск
Бишкек
Тула
Калуга
Ульяновск
Гомель
Барнаул
Тверь
Балашиха
Чебоксары
Смоленск
Иваново
Пенза
Чехов
Подольск
Донецк
Оренбург
Липецк
Курск
Кемерово
Мытищи
Петрозаводск
Люберцы
Новокузнецк
Брянск
Череповец
Сургут
Кострома
Химки
Одинцово
Киров
Белгород
Якутск
Тамбов
Видное