Vue 3. Интенсивный курс для программистов [Дмитрий Лаврик]

Robot · 28 Мар 2022

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

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

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

Урок 1

Начало работа с Vue
Вывод данных в теги и в атрибуты
Упрощённая структура экземпляра Vue
el, data, computed, methods, watch
Основные директивы
Тонкости работы с событиями

Урок 2

Правила реактивности данных
Жизненный цикл экземпляра Vue
Служебные свойства и методы
Шаблоны и свойство template
Работа с классами и стилями
Работа с формами

Урок 3

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

Урок 4

Нюансы общения компонентов
Валидация входных параметров
Передача объекта vs отдельные свойства
Сборка проекта с Vue-cli
Single file components
Подключение сторонних модулей

Урок 5

Переключение компонентов
Component и Keep-alive
Передача контента слотами
Transition и transition-group
Жизненный цикл анимации
Видео по фильтрам и примесям

Урок 6

Проблемы общения компонентов
Управление состоянием приложения
Осознание Flux-архитектуры
Один объект, описывающий состояние
Обновление состояния
Работа Vuex

Урок 7

Vuex и модульность склада
Создание модулей товаров и корзины
Асинхронные действия
Vue Router
Роутинг с API History
Именованные пути

Урок 8

Анализ серверной части приложения
Взаимодействие с API
API и webpack.devServer.proxy
Асинхронные действия и адекватный UI
Обобщение изученного материала
Сборка кода в production