Frontend-разработчик с нуля до PRO от Skillbox

С нуля изучите JavaScript, TypeScript и другие трендовые технологии разработки веб-приложений. Соберёте портфолио, научитесь работать в команде и начнёте карьеру frontend-разработчика.
  • Сертификат об обучении
  • Помощь с трудоустройством
170 100 ₽
283 500 ₽

Актуальная стоимость обучения.

Данные обновлены 29 сентября 2022 г.

Рассрочка: 5002 ₽ / мес.

  • Сертификат об обучении
  • Помощь с трудоустройством
Перейти на страницу курса
Важно. Итоговая цена на странице курса может отличаться.

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

Ознакомьтесь с программой курса «Frontend-разработчик с нуля до PRO» от Skillbox

Основные курсы

Веб-вёрстка. Уровень 1

  • Введение.
  • Базовый HTML.
  • Базовый CSS.
  • Работа с макетом.
  • Layout. HTML-разметка.
  • Layout. Flexbox.
  • Layout. Стилизация.
  • Продвинутый HTML.
  • Продвинутый CSS.
  • Сетки.
  • Адаптивность. Десктоп и планшет.
  • Адаптивность. Мобильные устройства.
  • JavaScript для верстальщика.
  • Доступность.
  • Кросс-браузерность.
  • База знаний.
  • Работа с хостингом.
  • Анимация.

Javascript. Уровень 1

  • Введение.
  • Переменные и работа с числами.
  • Строки, boolean и условные операторы.
  • Массивы и циклы.
  • Функции.
  • Объекты.
  • Введение в DOM.
  • Константы, области видимости и замыкания.
  • Преобразования и нестрогие сравнения.
  • Общение с сервером, async/await.

Веб-вёрстка. Уровень 2

  • Вёрстка HTML-писем.
  • SVG.
  • Анимация на JS.
  • Оптимизация и процесс загрузки.
  • Сборщики.
  • Препроцессоры и постпроцессоры.
  • CSS Grid.
  • CMS.
  • Будущее вёрстки.

JavaScript. Уровень 2

  • Обработка событий и пользовательский ввод.
  • Модули.
  • Event loop и асинхронная разработка.
  • Методы объекта и прототипы.
  • Обработка ошибок.
  • События.
  • ООП и его реализация в JavaScript.
  • Функциональное программирование.
  • Тестирование.
  • npm, package.json.

Node

  • Введение.
  • Подготовка рабочей среды.
  • Hello, world!
  • Решаем базовые задачи.
  • Асинхронный код.
  • Express.js.
  • Базы данных, реляционные БД.
  • Базы данных, нереляционные БД.
  • CLI-программы.
  • Углубляем теорию + продвинутые понятия.
  • Real-time & WebSockets.
  • Pro tips.

TypeScript, часть 1

  • Введение.
  • Компиляция и примитивные типы.
  • Применение типов.
  • Типизация ООП.
  • Дженерики.
  • Утилитарные типы.
  • Дополнительные типы.

Курс по выбору

Vue.js

  • Введение.
  • Основы Vue.
  • Создание проекта.
  • Каталог товаров.
  • Пагинация и фильтрация.
  • Страница товара.
  • Корзина.
  • Работа с API. Список товаров.
  • Работа с API. Оформление заказа.
  • Деплой.

React.js

  • Введение в React.
  • Создание проекта.
  • TypeScript (Предложение).
  • Компоненты на примере новостной карточки Reddit.
  • Hooks и Функциональное программирование.
  • Больше о компонентах и введение в тестирование компонентов.
  • Работа с публичным API на примере Reddit.
  • API + контекст.
  • Портал и форма.
  • Введение в Redux на примере новостной ленты.
  • Использование Redux-Thunk на примере бесконечной ленты.
  • Формы на примере комментариев и карточки поста.
  • Сайдбар + роутинг.
  • NextJS.
  • Бонус: Mobx.

Основные курсы после выбора специализации

Typescript под Vue/React/Angular

  • Продвинутые тайпгарды на дженериках и интерфейсах.
  • Ещё чуть-чуть про ООП.
  • tsconfig.
  • Декораторы.
  • Миксины.
  • Неймспейсы.

Next под Vue/React

Angular

  • Введение в Angular.
  • Создаём UI Kit.
  • Каталог товаров.
  • Машрутизация.
  • Сервисная архитектура в Angular.
  • HTTP Advanced.
  • RXJS: Поиск товаров.
  • Формы в Angular.
  • Страница товара.
  • Улучшаем приложение.
  • RXJS & Components Advanced: корзина товаров.
  • Тестирование.
  • Способы организации обмена данными.
  • Дополнительные идеи.

TypeScript Pro

  • SOLID.
  • Сложные типы.
  • Строковые типы для разбора строк.
  • Абстрактные алгебраические типы.
  • Тестирование типов.
  • DDD.
  • Чистая архитектура.
  • Чистая файловая структура.

Ionic

Electron

Дополнительные курсы

Системы контроля версий, знакомство с git

Работа с командной строкой Bash

Figma

Photoshop для веб-разработчика

Английский для IT

Универсальные знания программиста

Карьера и развитие программиста

Дипломные проекты

Фрагмент интернет-магазина

Вы сверстаете небольшой трёхстраничный сайт.

Интернет-магазин на Vue.js

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

Командный дипломный проект

CRM-система

Подробная информация о курсе

Трудоустройство
Помощь с трудоустройством
Город
Онлайн
Начальный уровень
Можно изучать с нуля
Формат обучения
Онлайн
Сертификат
Есть
Инструменты на курсе
Adobe Photoshop
Figma
HTML5
JavaScript
React
Redux
RxJS
TypeScript
Поделись курсом с друзьями

Преподаватели на курсе

Тимофей Тиунов — преподаватель на курсе Frontend-разработчик с нуля до PRO от Skillbox
Тимофей Тиунов

Системный архитектор Goods.ru

Сергей Корниенко — преподаватель на курсе Frontend-разработчик с нуля до PRO от Skillbox
Сергей Корниенко

Системный архитектор Goods.ru, спикер курса по JavaScript

Максим Васянович — преподаватель на курсе Frontend-разработчик с нуля до PRO от Skillbox
Максим Васянович

Стаж 6 лет, практикующий фрилансер, ментор блока «Веб-вёрстка»

Павел Бондарович — преподаватель на курсе Frontend-разработчик с нуля до PRO от Skillbox
Павел Бондарович

Стаж 10 лет, технический директор Creonit digital production

Максим Савченко — преподаватель на курсе Frontend-разработчик с нуля до PRO от Skillbox
Максим Савченко

Frontend-тимлид Creonit digital production

Александр Кузнецов — преподаватель на курсе Frontend-разработчик с нуля до PRO от Skillbox
Александр Кузнецов

Frontend-разработчик в ТАСС

Ольга Климонова — преподаватель на курсе Frontend-разработчик с нуля до PRO от Skillbox
Ольга Климонова

Ведущий разработчик ТАСС

Евгений Миротин — преподаватель на курсе Frontend-разработчик с нуля до PRO от Skillbox
Евгений Миротин

Стаж 10 лет, Software Development Engineer в Play North. Блок «Node.js»

Глеб Михеев — преподаватель на курсе Frontend-разработчик с нуля до PRO от Skillbox
Глеб Михеев

Технический директор в Beta, руководитель программного комитета конференции FrontendConf

Алексей Авдеев — преподаватель на курсе Frontend-разработчик с нуля до PRO от Skillbox
Алексей Авдеев

Стаж 14 лет, ведущий frontend-разработчик в ООО «АЙТУТИМ»

Александр Поздняков — преподаватель на курсе Frontend-разработчик с нуля до PRO от Skillbox
Александр Поздняков

Стаж 10 лет, Angular Developer в Insilico Medicine

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

  • Всё обучение онлайн. Все курсы Skillbox заранее записаны. Изучать можно в любое время.

  • Доступ навсегда. После окончания обучения вы всегда сможете вернуться к лекциям.

  • Преподаватели-эксперты. Лекции на курсах ведут крутые специалисты из больших компаний.

  • Настойчивые менеджеры. Cтуденты отмечают агрессивную рекламу перед покупкой курсов.

  • Навязывание рассрочки. Первые 6 месяцев бесплатно — на деле это кредит с отсрочкой.

  • Отзывы о Skillbox

    Взгляните, что студенты и выпускники говорят про Skillbox

    • Я выбрала курс «Анимация интерфейсов», потому что мне было интересно подробно изучить эту тему. Понравился подход преподавателей, то, как они объясняют материал. После обучения у меня увеличилась скорость работы, да и сам подход сменился. В будущем планирую найти работу получше, ...

      Показать отзыв полностью
    • Начала проходить курс «Рекламная графика 1.0» по совету, и не жалею. Понравилось качество материалов, хотя порой бывало сложно. Мои работы объективно улучшились, это поможет мне в будущем.

    • Решила попробовать курс «Рекламная графика 1.0», понравились стиль и формат подачи материала, построение курса, отсутствие строгих сроков. Наконец занялась тем, что нравится. В будущем планирую закончить курс и найти работу, где смогу применить полученные навыки.

    • Курс «Анимация интерфейсов» шел в пакете с основным. Понравилось то, насколько удобно сделаны модули, и ты видишь свой прогресс, а еще очень качественная подача материала. Как и в других курсах, в общем-то, Skillbox держит марку!

    • Курс «Анимация интерфейсов» шел в пакете «Дизайнер PRO» и оказался полезным для работы. Впечатлили великолепная подача информации и очень интересные домашние задания. В будущем планирую сменить профессию и заниматься анимацией.

    • Я записалась на курс «Анимация интерфейсов», потому что хочу развиваться в профессии. Очень понравились сам контент и форма подачи. Во время обучения я узнала новые программы. В будущем планирую заниматься графическим и веб-дизайном.

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

    • Выбрал курс «Анимация интерфейсов», потому что мне не хватало навыков. И сейчас по мере прохождения я использую полученные знания и умения в работе. В будущем планирую завершить этот курс, также «Рекламную графику». Еще интересует «UX-аналитика».

    • Закончил курс «Анимация интерфейсов» для работы. Раскрыл многие моменты и нюансы прототипирования, познакомился с новыми интерфейсами и инструментами. Удивила обратная связь, очень быстро. Но мне не хватило практики, хотелось бы больше задач и разборов. После окончания курса мне ...

      Показать отзыв полностью
    • 156 отзывов о Skillbox
      Мы ежедневно собираем, публикуем и обновляем отзывы об онлайн-курсах на просторах Интернета.
      Все отзывы о Skillbox →
    Frontend-разработчик с нуля до PRO
    • Skillbox
    • 170 100 ₽