Курс по Vue.js

Блок 1

Vue, основы и использование в существующих приложениях

Знакомимся с Vue, разбираемся как его подключать и начинать использовать в существующих приложениях.

Разбираемся каким образом работает реактивность данных, что за возможности есть у Vue для отслеживания изменений в них. Изучаем как работать с условиями, циклами, стилями, событиями и формами.

Изучаем работу с компонентами: как их создавать, как использовать, как передавать в них данные и отслеживать возникающие события. Рассматриваем динамическое переключение компонентов.

• Vue, принцип работы реактивности.
• Варианты подключения и сборок, Vue-devtools.
• Синтаксис шаблонов, работа с атрибутами.
• Экземпляр Vue, свойства, методы и хуки жизненного цикла.
• Вычисляемые свойства компонента, отслеживание данных.
• Работа с условиями, циклами.
• Работа с классами и стилями.
• Обработка событий.
• Работа с формами.
• Компоненты: как создавать, как использовать, как передавать в них данные и отслеживать возникающие события.
• Динамическое переключение компонентов.

Блок 2

Vue-router, однофайловые компоненты и реализация SPA с шагом сборки Webpack

Изучаем Vue-router — библиотеку для роутинга Vue: как работать с маршрутами, хуки и где они пригодятся.

Начинаем использовать Vue CLI и сборку с помощью Webpack и однофайловых компонентов: как использовать шаблонизаторы, препроцессоры, локальные стили.

Разбираемся как использовать сторонние плагины, как создавать собственные компоненты-обёртки для них.

• Vue CLI, какие возможности предоставляет модульная архитектура новой версии.
• Vue-router, работа с маршрутами, как передавать параметры, хуки маршрутизации.
• Однофайловые компоненты и их возможности.
• Асинхронная загрузка компонентов.
• Использование слотов в компонентах.
• Использование сторонних плагинов и создание компонентов-обёрток для них.
• Как получить доступ к DOM-элементу.

Блок 3

Пути дальнейшего развития приложения

Изучаем каким образом можно реализовать единое хранилище состояния с помощью Vuex.

Рассмотрим какие есть способы реализации серверного рендеринга для Vue и другие продвинутые темы.

• Vuex, когда необходим, как мутировать состояние и как его получать, работа с формами.
• Способы реализации SSR в Vue.
• Тестирование компонентов.
• Деплой.
• Практические рекомендации по написанию хорошего кода на Vue.