мета курсу
Прибрати залежність від jQuery і вивчити один з найпотужніших і трендових інструментів в світі js. Angular 2, React і Vue - три голови сучасного Змія Горинича в javascript, кожна з яких так чи інакше заснована на компонентному підході.
Vue простіше, ніж Angular і React, при цьому Vue не поступається їм в продуктивності і можливостях.
Програма курсу
29 Листопада, 20:00 — урок 1
6 грудня, 20: 00-урок 3
Прибрати залежність від jQuery і вивчити один з найпотужніших і трендових інструментів в світі js. Angular 2, React і Vue - три голови сучасного Змія Горинича в javascript, кожна з яких так чи інакше заснована на компонентному підході.
Vue простіше, ніж Angular і React, при цьому Vue не поступається їм в продуктивності і можливостях.
Програма курсу
29 Листопада, 20:00 — урок 1
- підключення vue
- ідеї реактивності даних
- простий приклад зі змінною і V-model
- виведення даних в теги і в атрибути
- спрощена структура екземпляра Vue
- el, data, computed, methods, watch
- основні директиви
- життєвий цикл екземпляра Vue та його події
- службові властивості з $
- шаблони і властивість template
- Робота з класами і стилями
- Директива v-for
- детальний розбір подієвої моделі
- модифікатори подій
6 грудня, 20: 00-урок 3
- перехід до компонентного підходу
- Глобальна та локальна реєстрація компонентів
- Передача вхідних параметрів
- композиція компонентів
- незручності при описі властивості template
- перехід до нормальної системи з webPack
- розташування компонентів в окремих файлах
- спілкування компонентів один з одним
- односпрямований потік даних
- відстеження і породження подій
- зберігання даних в одному об'єкті
- Передача контенту слотами
- перемикання компонентів
- Component і Keep-alive
- створення своїх директив
- глобальні та локальні директиви
- фільтри, створення своїх фільтрів
- міксини: глобальні та локальні
- Transition і transition-group
- життєвий цикл анімації
- керування станом програми
- усвідомлення Flux-архітектури
- один об'єкт, що описує стан
- оновлення стану
- асинхронні дії
- Vuex-патерн управління станом
- додавання асинхронності в додаток
- Vue Resourse
- Single Page Application
- аналіз серверної частини програми
- Vue Router
- Роутинг з API History
- узагальнення вивченого матеріалу
- розбір фінальних проектів учнів
- збірка коду в production
- Vue і валідність коду
- Vue в Single Page Application
- Vue при вбудовуванні в багатосторінковий сайт
https://privatelink.de/?http://js.dmitrylavrik.ru/vue/