Придбаний [Skillbox] JavaScript-фреймворк Vue.js [Павел Бондарович, Максим Савченко]

[Gadzhi]

[Skillbox] JavaScript-фреймворк Vue.js [Павел Бондарович, Максим Савченко]



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

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

Скрытое содержимое.

https://skillbox.ru/course/vue-js/

Спойлер: Информация

Основы 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.