Фреймворк Vue.js

Партнёр: Creonit

Курс для практикующих веб- и frontend-разработчиков. Расширьте свои компетенции, изучив трендовый фреймворк Vue.js

Длительность 3 месяца
Онлайн в удобное время
Обучение на практике
Доступ к курсу навсегда

Кому подойдёт этот курс

Практикующие JavaScript-разработчики

Вы освоите работу с фреймворком Vue.js, увеличите круг своих компетенций и задач, которые можете выполнять на проекте — станете более конкурентоспособным сотрудником.
Frontend-разработчики

Vue.js — один из самых популярных фреймворков в мире. Вы научитесь создавать сайты и приложения на Vue, работать с библиотекой Vuex и интегрироваться с API — и станете более востребованным специалистом.

Чему вы научитесь

Работать с объектами, массивами, циклами реактивности и компонентами.
Использовать Webpack.
Использовать Vuex для управления данными.
Работать с системой управления версиями Git.
Создавать сайты и одностраничные приложения на Vue.js.
Интегрировать проект с API, чтобы в динамике получать и отправлять данные на сервер.
Делать развертку проекта из NPM.
Готовить проект для продакшна и публикации.

Основы Vue
1. Введение. Что такое Vue.
2. Онлайн-сервисы для работы с кодом. Настройки окружения в codepen.io для Vue.
3. Обзор возможностей Vue.
4. Классы и стили. Анимации.
Создание проекта
1. Установка проекта через Vue CLI.
2. Структура проекта на Vue.
3. Работа с системами контроля версий: решения на рынке. Удалённые репозитории.
4. Работа с системами контроля версий. Установка и работа с Git.
5. Подготовка среды для работы над проектом.
6. Разбираем проект-пример.
Каталог товаров
1. Компонент в одном файле.
2. Состояние. Работа с циклами.
3. Выводим список товаров.
4. Основы компонентов. Входные параметры.
5. Делаем компонент для товара.
Пагинация и фильтрация
1. Инструмент разработчика Vue.
2. Вычисляемые свойства, события, методы и наблюдатели.
3. Организуем пагинацию.
4. Модели (V-Model) и наследование компонентов.
5. Организуем фильтрацию.
Страница товара
1. Роутинг. Страница ошибок.
2. Делаем страницу товара.
3. Вывод цены с использованием фильтра.
Корзина
1. Паттерн управления состоянием Vuex.
2. Слоты.
3. Организуем добавление товаров в корзину.
4. Организуем список товаров в корзине.
Работа с API. Список товаров
1. Обзор REST API (HTTP).
2. Обзор технологии XHR. Инструменты для работы с асинхронностью. Обработка ошибок и исключений.
3. Выводим список товаров и пагинацию из API.
4. Прелоадеры и обработка ошибок.
5. Фильтр из API. Состояние «Товары не найдены».
6. Выводим страницу товара через API.
7. Выводим корзину и добавляем товары из API.
Работа с API. Оформление заказа
1. Работа с формами.
2. Делаем страницу оформления заказа.
Деплой
1. Сборка для продакшна.
2. Публикация на GitHub.