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