phone_picture

Цель курса

Изучить один из самых мощных и трендовых инструментов в мире javascript.
Angular, React и Vue - три головы современного Змея Горыныча в javascript, каждая из которых так или иначе основана на компонентном подходе.

Vue проще, чем Angular и React, при этом Vue не уступает им в производительности и возможностях.

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

9 марта, 19:30 — урок 1

  • Начало работы с Vue
  • Сборка проекта с Vite
  • Single file components
  • Работа с шаблоном и основные директивы
  • Options Api vs Composition Api
  • Ref, computed, methods, watch

12 марта, 19:30 — урок 2

  • Нюансы реактивности данных
  • Жизненный цикл компонента
  • Работа с template refs
  • Работа с формами
  • Работа с классами и стилями
  • Понимание атрибута key

16 марта, 19:30 — урок 3

  • Переход к компонентному подходу
  • Взаимодействие компонентов
  • Однонаправленный поток данных
  • Передача входных параметров
  • Входные параметры и атрибуты
  • Порождение и отслеживание событий

19 марта, 19:30 — урок 4

  • Нюансы общения компонентов
  • Понимание схемы обновления данных
  • Валидация входных параметров
  • Передача объекта vs отдельные свойства
  • Передача контента через слот
  • Именованные слоты

23 марта, 19:30 — урок 5

  • Transition и TransitionGroup
  • Работа с CSS: style, scoped, module
  • Навигация в Single Page Application
  • Подключение Vue Router
  • Роутинг с API History
  • Именованные маршруты

26 марта, 19:30 — урок 6

  • Управление состоянием приложения
  • Проблемы взаимодействия компонентов
  • Проброс props и events сквозь уровни
  • Механика provide / inject
  • Эволюция Flux-архитектуры
  • Начало работа с Pinia

30 марта, 19:30 — урок 7

  • Pinia и модульность хранилища
  • Создание модулей каталога и корзины
  • Обработка асинхронных действий
  • Анализ серверной части приложения
  • Взаимодействие с API

2 апреля 19:30 — урок 8

  • Асинхронные действия и адекватный UI
  • Доработка тренировочного SPA
  • Обобщение изученного материала
  • Сборка кода в production
  • Подведение итогов

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

Дмитрий Лаврик

Профессиональный веб-разработчик

Опыт работы в сфере разработки сайтов более 15 лет. Ориентируется во всех вопросах создания сайтов, от вёрстки до backend-а.

Опытный преподаватель

Начиная с 2011 года, под его руководством тысячи учеников прошли путь от новичков до успешных веб-программистов. Если вы ещё не знакомы с Дмитрием, рекомендуем заглянуть на его youtube-канал, где вы найдете много полезных видео и сможете узнать стиль преподавания Дмитрия.

Дмитрий Лаврик

Что вы получите

8 онлайн уроков

По понедельникам и четвергам с 19:30 МСК. Продолжительность каждого занятия около двух часов. На уроках разбираются домашние работы учеников и новый материал.

Видеозаписи всех уроков

Если вы по какой-то причине не смогли посетить урок, не переживайте, спустя пару часов после окончания занятия он доступен в записи в хорошем качестве :)

Материалы и исходники

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

Домашние задания

После каждого урока выдаётся домашнее задание, которое нужно сделать для закрепления пройденного материала. Плохие оценки не ставим – только конструктивные комментарии :)

Обратную связь от преподавателя

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

Доступ в закрытую группу

Во время прохождения курса все участники тусуются в рамках закрытой площадки, где помогают друг другу, а также задают вопросы преподавателю и получают ответы на них.

Осмыслите Vue.js

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

посмотрите ролик, расположенный рядом

Это поможет вам прочувстовать дух фреймворка, понять насколько большую дорогу предстоит пройти, а также построить план на изучение Vue.

Если первый ролик вдохновит, а не испугает, то остальные ещё два видео ждут вас в этом плейлисте.

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

Скидка на раннюю запись!

18 000 руб. 12 600 руб.

 
Способы оплаты

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

Какой начальный уровень знаний необходим

Нормальное владение javascript, а также понимание тем из вводного курса по Vue. Там Options Api, но это даже проще для понимания основных идей.

Почему Vue, а не React?

Vue не уступает React, при этом он проще для освоения. React с большей вероятностью сломает человека, впервые увидевшего компонентный подход.

Какая версия Vue используется

Самая свежая - Vue 3.5. Однако в базовом курсе нет планов изучать все новинки, используем только те, которые дают выгоду здесь и сейчас.

Будут ли записи уроков

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

Options Api или Composition Api

Composition. Options Api сейчас почти нигде не увидишь, разве что в старых проектах на Vue 2. Тем не менее, мельком посмотрим и на него.

Насколько глубоко изучается Composition Api

На уровне основных инструментов. Более сложные темы, которые раскрывают всю суть Composition Api, рассматриваются на курсе Vue Level 2.