phone_picture

Цель курса

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

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

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

13 февраля, 20:00 — урок 1

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

17 февраля, 20:00 — урок 2

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

20 февраля, 20:00 — урок 3

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

24 февраля, 20:00 — урок 4

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

27 февраля, 20:00 — урок 5

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

3 марта, 20:00 — урок 6

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

10 марта, 20:00 — урок 7

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

13 марта 20:00 — урок 8

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Попробуйте Vue.js

Если вы хотите познакомиться со Vue,

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

Это поможет вам понять идеи фреймворка, а также почувствовать, достаточно ли начальных знаний в javascript для понимания материала.

В вводном курсе используется менее популярное Options Api, но это не имеет значения, так как главное – понять саму идею фреймворка: реактивные данные и их проекция на шаблон.

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

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

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

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

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

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

Нормальное владение javascript, а также понимание тем из моего бесплатного вводного курса по vue. Если youtube не работает, есть запасной вариант.

Почему 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.