Курс разработан для практикующих разработчиков, которые хотят повысить свой профессиональный уровень. Он подойдёт для работающих людей, у которых мало времени.
После завершения курса вы узнаете особенности и тонкости работы с фреймворком 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.
Подробнее:
Скачать:
Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.
