Автор: Дмитрий Лаврик
Курс скачан из открытых интернет-источников. Авторские права на продукты принадлежат только их владельцам. Основная цель сайта — это предоставление пользователям бесплатного материала для самостоятельного обучения. Если вы заметили нарушение своих авторских прав, то вы можете связаться с нами для удаления вашего продукта с нашего сайта по ссылке>>>>>
С Уважением,
Администрация проекта learn-free.site «Учитесь бесплатно»
ОПИСАНИЕ
Цель курса: изучить новейшую версию одного из самых мощных и трендовых инструментов в мире 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
ВНИМАНИЕ!
СКАЧИВАЙТЕ КУРС СРАЗУ