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

[Котофейкина]

Ссылка на картинку

Цель курса
Изучить новейшую версию одного из самых мощных и трендовых инструментов в мире 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