Frontend

Курс в записи · 6 недель

Frontend

За 6 недель освоишь HTML, CSS, JavaScript, TypeScript и React, сверстаешь адаптивный сайт и доведёшь его до полноценного приложения

Mock-интервью
Теория + практика
Проект в портфолио
Пингвин курса по Frontend-разработке
Практика: 12+ часов
Лекции: 40+ часов
Проект: продуктовый сайт
ДЗ: проверка куратором
1000+
учеников готовились на нашем курсе
5 лет
помогаем строить карьеру в IT и бигтехе
94%
участников рекомендуют наши курсы
95
тысяч рублей средняя зарплата после курса
Курс подойдет, если ты
Начать карьеру во Frontend
Начинающий Frontend-разработчик
Только выходишь на рынок и хочешь понять, что должен знать frontend-разработчик: HTML, CSS, адаптивную вёрстку, JavaScript, TypeScript, React и работу с бэкендом.
Перейти во Frontend
Переходишь во Frontend из другой сферы
Уже работаешь в IT или только учишься программированию и хочешь получить понятный маршрут: от вёрстки до React-приложения, которое можно показать работодателю.
Собрать первый продуктовый сайт
Хочешь собрать первый проект
Тебе интересна разработка интерфейсов, но пока непонятно, как перейти от отдельных уроков к полноценному сайту с логикой, типизацией, React и связкой с бэкендом.
Цена за Frontend
10 950 ₽ 6 950 ₽
Больше скидок:
При покупке с другом -500 ₽
Уже брали курсы -500 ₽
Frontend + Backend
21 900 ₽ 12 900 ₽
Больше скидок:
При покупке с другом -1000 ₽
Уже брали курсы -1000 ₽
До конца скидки: 00:00:00
Действует только для подписчиков нашего канала
Подписаться
Почему выбирают нас?

Мы готовим к первому офферу!

  • Мы даем материал с запасом: HTML, CSS, адаптивная вёрстка, JavaScript, TypeScript, React, Redux, MobX и работа с бэкендом
  • Все закрепляем на практике: студенты верстают сайт, добавляют интерактивность, мигрируют проект на TypeScript и переносят его на React
  • Если что-то будет непонятно, на помощь придет куратор: объяснит сложную тему, подскажет, где пробел, и поможет не застрять
  • В конце курса у тебя будет продуктовый сайт интернет-магазина, который можно показать в портфолио и обсудить на собеседовании
Альтернативы
⛔Самообучение

Материалы по frontend-разработке разрознены: отдельно вёрстка, отдельно JavaScript, отдельно React, а как собрать всё в продукт — часто непонятно

⛔Менторы

Час с сильным разработчиком стоит дорого, а базовые темы всё равно приходится закрывать самостоятельно

⛔Другие курсы

Часто дают набор уроков без цельного проекта, мало объясняют архитектуру и не показывают, как довести сайт до React-приложения

Наш курс
⚡От вёрстки до React

Ты проходишь полный маршрут: HTML/CSS, адаптивность, JavaScript, TypeScript, React и стейт-менеджеры.

⚡Практика на проекте

Весь курс строится вокруг продуктового сайта, который постепенно усложняется и становится сильной работой в портфолио

⚡Поддержка и фидбэк

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

Как проходит обучение
Шаг 1
Теория
Получаешь лекции по HTML, CSS, Flex, адаптивной вёрстке, JavaScript, TypeScript, React и архитектуре frontend-приложений
Узнать подробнее
Шаг 2
Практика
Решаешь задачи, реальные кейсы. Задаешь вопросы преподавателю на семинаре. Получаешь фидбэк по ДЗ
Программа курса
Шаг 3
Мок-собес
Разбираешь типичные frontend-вопросы, тренируешь объяснение решений и получаешь обратную связь по слабым местам
Записаться
Шаг 4
Упаковка
Рассказываем, как описать frontend-проект в резюме, как показывать код и как говорить о своём опыте на собеседовании
Разбор резюме
Программа интенсива
1
HTML, CSS и адаптивная вёрстка
  • Введение в HTML и CSS
  • Семантическая структура страницы
  • Вёрстка резиновых сайтов
  • Адаптивная вёрстка с помощью Flex
2
Мобильная вёрстка и JavaScript
  • Мобильная вёрстка
  • Адаптация интерфейса под разные экраны
  • Введение в JavaScript
  • Базовая логика интерактивных элементов
3
JavaScript и архитектура MVP
  • Оживление сайта с помощью JavaScript
  • Работа с событиями и состоянием интерфейса
  • Создание архитектуры на JavaScript
  • Паттерн MVP для frontend-проекта
4
TypeScript и миграция проекта
  • Введение в TypeScript
  • Типизация данных и функций
  • Миграция с чистого JavaScript на TypeScript
  • Как типизация помогает поддерживать большой проект
5
React и проектирование приложений
  • React и основы проектирования приложений на нём
  • Компоненты, props и состояние
  • Работа с бэкендом
  • Перенос проекта на React
6
Стейт-менеджеры: Redux и MobX
  • Зачем нужен state management
  • Redux: базовые сущности и сценарии использования
  • MobX: реактивное состояние
  • Как выбирать подход к управлению состоянием
Как доводим до оффера
ШАГ 1

База для frontend-собесов

Теория закрепляется на задачах и вопросах, которые дают начинающим frontend-разработчикам на собеседованиях

  • HTML, CSS и адаптивная вёрстка
  • JavaScript и архитектура интерфейса
  • TypeScript и React
  • Redux, MobX и работа с состоянием
Подробнее
ШАГ 2

Pet-проект курса

В конце курса ты применишь все полученные знания на практике и соберёшь собственный продуктовый сайт интернет-магазина

  • Сначала верстаем сайт на чистом HTML и CSS
  • Оживляем его JavaScript и делаем код гибким
  • Подключаемся к бэкенду
  • Мигрируем проект на TypeScript
  • Переносим проект на React и знакомимся с ним
Подробнее
ШАГ 3

Выводим на рынок

После окончания обучения помогаем подготовить резюме, объяснить проект и уверенно пройти первые frontend-собеседования

  • Помощь с резюме
  • Разбор проекта для портфолио
  • Тренировка самопрезентации
  • Mock-интервью и фидбэк
Подробнее

Сотни отзывов от наших учеников

Junior Frontend Т-Банк
105 000₽/месяц

До курса я знал немного HTML и CSS, но вообще не понимал, как из этого получается нормальный frontend-проект. Больше всего помогло то, что мы шли последовательно: сначала вёрстка, потом JavaScript, потом TypeScript и React. В итоге на собеседовании я уже мог объяснить, как устроен мой проект и почему я принимал те или иные решения.
До курса я знал немного HTML и CSS, но вообще не понимал, как из этого получается нормальный frontend-проект. Больше всего помогло то, что мы шли последовательно: сначала вёрстка, потом JavaScript, потом TypeScript и React. В итоге на собеседовании я уже мог объяснить, как устроен мой проект и почему я принимал те или иные решения.
Егор

Frontend Developer ВК
111 000₽/месяц

Самым полезным оказался pet-проект. До этого у меня были только маленькие учебные куски кода, а после курса появился полноценный сайт: адаптивная вёрстка, логика на JavaScript, миграция на TypeScript и React. На собеседовании по проекту задавали вопросы, и мне было что рассказать. Это сильно добавило уверенности.
Самым полезным оказался pet-проект. До этого у меня были только маленькие учебные куски кода, а после курса появился полноценный сайт: адаптивная вёрстка, логика на JavaScript, миграция на TypeScript и React. На собеседовании по проекту задавали вопросы, и мне было что рассказать. Это сильно добавило уверенности.
Даниил

Стажер Яндекс
97 000₽/месяц

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

Junior React Сбер
121 000₽/месяц

Курс оправдал ожидания. Раньше я мог сверстать страницу, но не понимал архитектуру и постоянно путался, где должна жить логика. Здесь стало понятнее, как разделять код, как думать про состояние, зачем нужен TypeScript и почему React-проект нужно собирать не как набор случайных компонентов. После курса стало проще читать чужой код и отвечать на вопросы.
Курс оправдал ожидания. Раньше я мог сверстать страницу, но не понимал архитектуру и постоянно путался, где должна жить логика. Здесь стало понятнее, как разделять код, как думать про состояние, зачем нужен TypeScript и почему React-проект нужно собирать не как набор случайных компонентов. После курса стало проще читать чужой код и отвечать на вопросы.
Николай

Frontend Авито
126 000₽/месяц

От курса получил именно то, что хотел: не просто набор видео по React, а понятную дорожную карту frontend-разработчика. Особенно полезными были темы про TypeScript и работу с бэкендом, потому что на собеседованиях постоянно спрашивали не только про компоненты, но и про то, как приложение живёт в реальном продукте.
От курса получил именно то, что хотел: не просто набор видео по React, а понятную дорожную карту frontend-разработчика. Особенно полезными были темы про TypeScript и работу с бэкендом, потому что на собеседованиях постоянно спрашивали не только про компоненты, но и про то, как приложение живёт в реальном продукте.
Семён

Junior Frontend WB
101 000₽/месяц

Главный плюс курса — ощущение, что тебя ведут по маршруту, а не просто дают отдельные темы. Было много практики, и именно на проекте стало видно, где я реально не понимаю CSS, JavaScript или React. После курса стало проще читать вакансии, понимать требования и показывать свой код без ощущения, что это просто учебная поделка.
Главный плюс курса — ощущение, что тебя ведут по маршруту, а не просто дают отдельные темы. Было много практики, и именно на проекте стало видно, где я реально не понимаю CSS, JavaScript или React. После курса стало проще читать вакансии, понимать требования и показывать свой код без ощущения, что это просто учебная поделка.
Константин
Больше отзывов можно найти в telegram
Перейти к отзывам
Пингвин
Вопросы и ответы
Сколько длится интенсив?
Интенсив рассчитан на 6 недель, но проходить материалы можно в своём темпе
Как долго доступны материалы?
365 дней со дня добавления на курс
Нужна ли сильная техническая база?
Нет. Достаточно базового интереса к разработке: HTML, CSS, JavaScript, TypeScript и React будем собирать в понятную систему на курсе
Нужно знать языки программирования?
JavaScript пригодится, но если с ним есть пробелы — поможем закрыть базу
Когда будут проходить семинары?
Курс доступен в записи, поэтому можно заниматься в удобном темпе
Можно смотреть семинары в записи?
Да. Записи всех семинаров доступны!
Что делать, если я что-то не пойму?
Просто писать куратору, и он всё объяснит!
У меня есть ещё один вопрос!
Тогда просто напиши вот сюда
С этим курсом часто покупают:

Осенний курс подойдёт 11-классникам, которые хотят подготовиться к олимпиадам РСОШ и поступить в топовые вузы без ЕГЭ. Подробнее

Готов стать Frontend-разработчиком?
Ждем тебя на курсе!

Оставьте заявку удобным способом — в Telegram, ВКонтакте или на электронной почте. Мы свяжемся с тобой, ответим на все вопросы и поможем выбрать подходящий формат подготовки

Оставить заявку
выбери удобный способ связи
Telegram ВКонтакте Электронная почта