[HTML academy] Онлайн‑курс Vue.js для опытных разработчиков [2020]

[Root]

---

HTML academy. Онлайн‑курс Vue.js для опытных разработчиков.

Курс разработан для практикующих разработчиков, которые хотят повысить свой профессиональный уровень. Он подойдёт для работающих людей, у которых мало времени.
После завершения курса вы узнаете особенности и тонкости работы с фреймворком VueJS, его отличия от других фреймворков, и научитесь работать с ним, даже если раньше никогда его не использовали.

Почему курс профессиональный
На этом курсе вы научитесь делать настоящие проекты, такие же по уровню сложности, как в индустрии. И будете делать их правильно, чтобы после обучения выдавать результат высокого уровня, за который компании готовы платить.

Раздел 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.

Подробнее:

https://htmlacademy.ru/intensive/vue

Скачать:

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.