[javascript.ru] Курс по Vue.JS
Программа
Курс состоит из трёх частей:
- В первой части мы разберём все основные части Vue, которые используются везде и всюду.
- Во второй части изучим, как использовать компонентный подход при реализации приложений, узнаем какие возможности предоставляет Vue, а также познакомимся с официальным роутингом для Vue.
- В третьей части изучим, как использовать сторонние плагины в своих приложениях, как быстро и удобно можно создавать собственные компоненты-обёртки для повторного использования. Познакомимся с реализацией единого хранилища Vuex и разберем каким образом Vue можно подружить с Server-side rendering (SSR).
Знакомимся с Vue, разберёмся как его можно подключать, каким образом можно начать использовать в уже существующих приложениях. Изучим какие возможности предоставляет Vue по отслеживанию изменений в данных, как работать с условиями, циклами, стилями. Познакомимся как отслеживать события на элементах и как работать с формами.
- Vue, принцип работы реактивности
- Подключение, варианты сборок, vue-devtools
- Экземпляр Vue: его свойства, хуки жизненного цикла
- Синтаксис шаблонов, работа с атрибутами
- Работа с условиями и циклами
- Работа с классами и стилями
- Вычисляемые свойства, отслеживание
- События
- Работа с формами
- Получение доступа к DOM-элементу
Углубляемся в изучение компонентного подхода в Vue, как создавать компоненты, как их использовать, как передавать данные и отслеживать произошедшие в них события. Познакомимся с роутингом на Vue и плюсами использовании шага сборки с помощью Webpack. Разберемся как в проектах использовать сторонние плагины, а также как создавать собственные компоненты-обёртки для удобного использования плагинов и переиспользования.
- Vue-router
- Однофайловые компоненты и их возможности
- Слоты в компонентах
- Использование сторонних vue/js-плагинов
- Создание собственных обёрток над jq/js-плагинами
Пробежимся по возможностям которые предоставляет Vue для расширения приложений (анимации, разработка собственных плагинов). Рассмотрим каким образом можно реализовать единое хранилище для Vue, что делать если потребуется серверный рендеринг для приложения Vue.
- Анимации
- Vuex
- SSR + Vue