Начните обучение прямо сейчас и двигайтесь с комфортной скоростью Курс подходит разработчикам, которые хотят повысить свой профессиональный уровень, даже если у них мало времени. Зачем изучать Vue.js Vue.js - фреймворк с открытым исходным кодом. Позволяет создавать пользовательские интерфейсы UI и одностраничные приложения любой степени сложности. Программа курса Раздел 1 Основы синтаксиса и базовых возможностей Vue.js В первом разделе мы разберём первоначальную настройку проекта, архитектуру, базовый синтаксис, строение компонентов и шаблонизатор Vue.js. --- Особенности фреймворка Vue.js. Сравнительный анализ с React и Angular 2+. --- Настройка проекта с использованием Vue CLI. --- Дерево компонентов. Однофайловые компоненты. --- Структура компонента Vue (Template, Script, Style). --- Условные операторы и работа со списками. --- Хуки жизненного цикла компонента. --- Работа с Vue DevTools. Раздел 2 Взаимодействие между компонентами Vue.js В разделе 2 мы рассмотрим передачу данных и взаимодействие между компонентами Vue.js. --- Виды и обработка событий. --- Виды взаимосвязей между компонентами. --- Слоты и динамический контент. Раздел 3 Углублённое понимание Vue.js В разделе 3 мы углубимся в работу фреймворка Vue.js, добавим автоматические лейауты и маршрутизатор. --- Как работает реактивность компонента? --- Свойства компонента (this свойства). --- Данные, вычисляемые свойства и методы компонента, миксины. --- Глобальный доступ к экземпляру Vue, плагины. --- Vue-директивы. --- Vue-маршрутизатор. Раздел 4 Подключение и использование Vuex В разделе 4 мы рассмотрим, как подключить хранилище Vuex к нашему приложению и как его использовать. --- Для каких целей нам нужно глобальное хранилище? --- Хранение данных. Vuex состояние. --- Вычисляемые свойства хранилища. Vuex-геттеры. --- Изменение состояния. Vuex-мутации. --- Работа с асинхронными задачами. Vuex-действия. --- Модули, плагины, Vuex this. Раздел 5 Работа с HTTP В разделе 5 мы избавимся от тестовых данных и реализуем взаимодействие с сервером. --- Создание и подключение API-сервиса. --- Создание и подключение сервиса для работы с токеном авторизации. --- Добавление middleware во Vue-маршрутизатор. Раздел 6 Анимации Vue.js В разделе 6 мы реализуем анимации для нашего проекта. --- Переходы и анимации. --- Жизненный цикл переходов и анимаций. --- Анимация списков. Раздел 7 Тестирование компонентов Vue.js В разделе 7 мы добавим модульное тестирование для компонентов. --- Обзор Jest и Vue Test Utils. --- Глупые и умные компоненты. mount vs shallowMount. --- Модульные тесты для компонентов. Раздел 8 Продвинутые техники Vue.js В разделе 8 мы разберём продвинутые техники Vue. --- Автоматизация Vue-маршрутизатора. --- Автоматизация подключения модулей Vuex. Раздел 9 Обзор Nuxt.js В разделе 9 сделаем обзор Nuxt.js. --- Рендеринг на стороне сервера и для чего это нужно. --- Различия между Nuxt.js и Vue.js. --- Маршрутизация Nuxt.js. --- Обзор fetch и asyncData.
