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

[Уилл Скарлет]

Автор: Дмитрий Лаврик
Название: Vue.js Интенсивный курс для программистов (2020)

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

Цель курса
Убрать зависимость от jQuery и изучить один из самых мощных и трендовых инструментов в мире js. Angular, React и Vue - три головы современного Змея Горыныча в javascript, каждая из которых так или иначе основана на компонентном подходе.
Vue проще, чем Angular и React, при этом Vue не уступает им в производительности и возможностях.
СТАРТ 8 ОКТЯБРЯ

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

30 апреля, 20:00 — урок 1

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

7 мая, 20:00 — урок 2

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

11 мая, 20:00 — урок 3

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

14 мая, 20:00 — урок 4

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

18 мая, 20:00 — урок 5

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

21 мая, 20:00 — урок 6

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

25 мая, 20:00 — урок 7

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

28 мая, 20:00 — урок 8

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

Подробнее:

Скачать: