Образовательная платформа
Изображение для плашки НГ Участвует в новогодней распродаже Скидки до 60%
действуют 0 дней 00:00:00

Оставьте заявку и узнайте у менеджера про скидку на курс и подарки от партнёров

Записаться на курс

ПЕРВЫЙ ПЛАТЕЖ ЧЕРЕЗ ШЕСТЬ МЕСЯЦЕВ

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

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

С нуля изучите JavaScript, TypeScript, Ionic и другие трендовые технологии разработки веб-приложений. Соберёте портфолио, научитесь работать в команде и начнёте карьеру frontend-разработчика.

Компаниям не хватает фронтендеров

По данным rabota.by:

Что даёт профессия frontend-разработчика

Кому подойдёт этот курс

Учитесь первые 6 месяцев бесплатно

Расходы за первые 6 месяцев обучения берёт на себя Skillbox. В это время вы посещаете лекции и воркшопы, прокачиваете навыки, находите себе работу и начинаете зарабатывать.

  • Без переплат по процентам
  • Без оплаты первого взноса
  • Для граждан Беларуси
  • Надёжные банки-партнёры
Учитесь первые 6 месяцев бесплатно

Чему вы научитесь

  1. Верстать веб-страницы и письма с помощью HTML и CSS
  2. Работать с фреймворками: Angular, React.js, Vue.js
  3. Работать с TypeScript
  4. Программировать на JavaScript
  5. Применять алгоритмы и структуры данных
  6. Создавать десктопные приложения на Ionic/Electron
  7. Разрабатывать серверные приложения на Node.js
  8. Работать с Git

Как проходит обучение

  1. Изучаете тему

    В курсе — практические видеоуроки.

    Изучаете тему

  2. Выполняете задания

    В том темпе, в котором вам удобно.

    Выполняете задания

  3. Работаете с преподавателем

    Закрепляете знания и исправляете ошибки.

    Работаете с преподавателем

  4. Защищаете дипломную работу

    И дополняете ею своё портфолио.

    Защищаете дипломную работу

Уровни обучения

Программа

Вас ждут онлайн-лекции и практические задания на основе реальных кейсов.

  • 120 модулей
  • 500 уроков

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

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

      1. Введение.
      2. Базовый HTML.
      3. Базовый CSS.
      4. Работа с макетом.
      5. Layout. HTML-разметка.
      6. Layout. Flexbox.
      7. Layout. Стилизация.
      8. Продвинутый HTML.
      9. Продвинутый CSS.
      10. Сетки.
      11. Адаптивность. Десктоп и планшет.
      12. Адаптивность. Мобильные устройства.
      13. JavaScript для верстальщика.
      14. Доступность.
      15. Кросс-браузерность.
      16. База знаний.
      17. Работа с хостингом.
      18. Анимация.

  2. Javascript. Уровень 1

      1. Введение.
      2. Переменные и работа с числами.
      3. Строки, boolean и условные операторы.
      4. Массивы и циклы.
      5. Функции.
      6. Объекты.
      7. Введение в DOM.
      8. Константы, области видимости и замыкания.
      9. Преобразования и нестрогие сравнения.
      10. Общение с сервером, async/await.

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

      1. Вёрстка HTML-писем.
      2. SVG.
      3. Анимация на JS.
      4. Оптимизация и процесс загрузки.
      5. Сборщики.
      6. Препроцессоры и постпроцессоры.
      7. CSS Grid.
      8. CMS.
      9. Будущее вёрстки.

  4. JavaScript. Уровень 2

      1. Обработка событий и пользовательский ввод.
      2. Модули.
      3. Event loop и асинхронная разработка.
      4. Методы объекта и прототипы.
      5. Обработка ошибок.
      6. События.
      7. ООП и его реализация в JavaScript.
      8. Функциональное программирование.
      9. Тестирование.
      10. npm, package.json.

  5. Node

      1. Введение.
      2. Подготовка рабочей среды.
      3. Hello, world!
      4. Решаем базовые задачи.
      5. Асинхронный код.
      6. Express.js.
      7. Базы данных, реляционные БД.
      8. Базы данных, нереляционные БД.
      9. CLI-программы.
      10. Углубляем теорию + продвинутые понятия.
      11. Real-time & WebSockets.
      12. Pro tips.

  6. TypeScript, часть 1

      1. Введение.
      2. Компиляция и примитивные типы.
      3. Применение типов.
      4. Типизация ООП.
      5. Дженерики.
      6. Утилитарные типы.
      7. Дополнительные типы.

Выбор направления

  1. Vue.js

      1. Введение.
      2. Основы Vue.
      3. Создание проекта.
      4. Каталог товаров.
      5. Пагинация и фильтрация.
      6. Страница товара.
      7. Корзина.
      8. Работа с API. Список товаров.
      9. Работа с API. Оформление заказа.
      10. Деплой.

  2. React.js

      1. Введение в React.
      2. Создание проекта.
      3. TypeScript (Предложение).
      4. Компоненты на примере новостной карточки Reddit.
      5. Hooks и Функциональное программирование.
      6. Больше о компонентах и введение в тестирование компонентов.
      7. Работа с публичным API на примере Reddit.
      8. API + контекст.
      9. Портал и форма.
      10. Введение в Redux на примере новостной ленты.
      11. Использование Redux-Thunk на примере бесконечной ленты.
      12. Формы на примере комментариев и карточки поста.
      13. Сайдбар + роутинг.
      14. NextJS.
      15. Бонус: Mobx.

  3. Typescript под Vue/React/Angular

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

  4. Next под Vue/React

  5. Angular

      1. Введение в Angular.
      2. Создаём UI Kit.
      3. Каталог товаров.
      4. Машрутизация.
      5. Сервисная архитектура в Angular.
      6. HTTP Advanced.
      7. RXJS: Поиск товаров.
      8. Формы в Angular.
      9. Страница товара.
      10. Улучшаем приложение.
      11. RXJS & Components Advanced: корзина товаров.
      12. Тестирование.
      13. Способы организации обмена данными.
      14. Дополнительные идеи.

  6. TypeScript Pro

      1. SOLID.
      2. Сложные типы.
      3. Строковые типы для разбора строк.
      4. Абстрактные алгебраические типы.
      5. Тестирование типов.
      6. DDD.
      7. Чистая архитектура.
      8. Чистая файловая структура.

  7. Ionic

  8. Electron

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

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

      1. Работаем с Git на своём компьютере.
      2. Работаем с удалённым репозиторием.
      3. Командная работа в Git.
      4. Сравнение версий и отмена изменений.
      5. Инструменты и правила работы с Git.
      6. В результате. Научитесь вести контроль версий ваших проектов в Git. Этот навык поможет вам совместно работать в команде.

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

      1. Что такое командная строка.
      2. Работа с файлами и папками.
      3. Авторизация и права доступа.
      4. Процессы, сервисы и задачи.
      5. Конфигурация и инструменты.
      6. Написание скриптов на Bash.
      7. Использование Bash на примере настройки веб-сервера.
      8. В результате. Научитесь управлять файловой системой компьютера при помощи командной строки. Ускорите работу и будете меньше времени тратить на рутину.

  3. Figma

      1. Введение в Figma. Обзор возможностей.
      2. Работа с графикой.
      3. Редактор Figma — модульные сетки и монтажные области.
      4. Создание и настройка компонентов, работа с эффектами.
      5. Создание вложенных компонентов. Auto Layout.
      6. Организация рабочего пространства компонентов и стилей. Командная работа, контроль версий и передача макетов в разработку.
      7. Прототипирование.
      8. Figma Animate.
      9. Бонус-модуль. Обзор и применение Figma plugins.
      10. В результате. Познакомитесь с графическим редактором, в котором вам будут присылать макеты для вёрстки. Научитесь извлекать цвета, шрифты, стили и даже попробуете себя в роли веб-дизайнера.

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

      1. Введение в Photoshop.
      2. Инструменты.
      3. Работа с файлами и изображениями
      4. Принципы работы со слоями и масками.
      5. Бонус-модуль. Выделения и маски.
      6. Работа со слоями.
      7. Эффекты.
      8. В результате. Научитесь основам работы в редакторе Photoshop.

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

      1. Терминология.
      2. Чтение документации и библиотек.
      3. Общение на форумах.
      4. Ресурсы технологических новостей
      5. Произношение слов.
      6. Коммуникация.
      7. Акценты.
      8. Просмотр видео оригиналов.
      9. В результате. Научитесь общаться и искать информацию на английском языке.

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

      1. Как стать первоклассным программистом.
      2. Вёрстка email-рассылок. Советы на реальных примерах.
      3. The state of soft skills.
      4. Как мы создавали карту развития для разработчиков.
      5. Как эффективно работать с почтой.
      6. Повышение своей эффективности.
      7. Спор о первом языке программирования.
      8. Саморазвитие: как я не усидел на двух стульях и нашёл третий.
      9. Data-driven-подход к продуктивности — инсайты из данных миллиона людей.
      10. Протокол HTTP.
      11. Введение в алгоритмы.
      12. В результате. Получите полезные навыки, которые пригодятся вам на новой работе.

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

      1. Что нужно работодателю.
      2. Как создать резюме и искать работу.
      3. Как успешно пройти собеседование.
      4. Как пройти испытательный срок.
      5. В результате. Получите полезные советы по дальнейшему развитию карьеры.

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

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

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

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

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

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

  4. CRM-система

Уже прошли какие-нибудь курсы?

Скажите об этом менеджеру — за этот курс платить не придётся!

Спасибо!

Ваша заявка успешно отправлена

Преподаватели

Глеб Михеев

Глеб
Михеев

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

Тимофей
Тиунов

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

Сергей
Корниенко

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

Максим
Васянович

Практикующий фрилансер, ментор блока «Веб-вёрстка»
Ольга Климонова

Ольга
Климонова

Ведущий разработчик ТАСС
Александр Кузнецов

Александр
Кузнецов

Frontend-разработчик в ТАСС
Алексей Авдеев

Алексей
Авдеев

Ведущий frontend-разработчик в ООО «АЙТУТИМ»
Павел Бондарович

Павел
Бондарович

Технический директор Creonit digital production
Максим Савченко

Максим
Савченко

Frontend-тимлид Creonit digital production
Евгений Миротин

Евгений
Миротин

Software Development Engineer в Play North. Блок «Node.js»
Александр Поздняков

Александр
Поздняков

Angular Developer в Insilico Medicine

Год английского языка

Выполните 3 практических задания из первого курса и получите доступ к урокам и материалам онлайн‑школы КЭСПА на год.

Предложение действует для пользователей Skillbox, которые купили любую профессию с 1 августа 2021 года.

Вас ждут:

  • методика ускоренного запоминания слов и грамматики;
  • персональная программа обучения, которая поможет заговорить по‑английски с нуля;
  • 4 индивидуальные сессии по 25 минут с преподавателями, чтобы улучшить произношение.

Ваше резюме после обучения

Андрей Семёнов
  • Должность Фронтенд-разработчик
  • Зарплата от: 2 400 BYN

Профессиональные навыки:

  • Адаптивная вёрстка сайтов и писем
  • Работа с TypeScript
  • Уверенное знание JavaScript и ООП
  • Разработка серверных приложений на Node.js
  • Работа в системе контроля версий Git
  • Разработка десктопных приложений на Ionic/Electron
  • Знание React.js/Angular/Vue.js
  • Понимание алгоритмов и структур данных в проектах

Диплом Skillbox

Подтвердит, что вы прошли курс, и станет дополнительным аргументом при устройстве на работу.

Диплом Skillbox
  • Старт курса: 5 декабря
  • Осталось: 9 мест

Стоимость обучения

Рассрочка без переплат
  • 133 BYN /мес
  • 242 BYN /мес
Изображение для плашки НГ Участвует в новогодней распродаже Скидки до 60%
действуют 0 дня 00:00:00

Оставьте заявку и узнайте у менеджера про скидку на курс и подарки от партнёров

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