Фреймворк Vue.js - дистанционный курс профессиональной переподготовки

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

Рубрики: IT

Избранное

Содержимое курса

Основы Vue

Введение. Что такое Vue.

00:00
Онлайн-сервисы для работы с кодом. Настройки окружения в codepen.io для Vue.

00:00
Обзор возможностей Vue.

00:00
Классы и стили. Анимации.

00:00

Создание проекта

Каталог товаров

Пагинация и фильтрация

Страница товара

Корзина

Работа с API. Список товаров

Работа с API. Оформление заказа

Деплой

Vue 3.0

Оценки и отзывы студентов

Пока нет отзыва

Содержимое курса

Основы Vue

Введение. Что такое Vue.

Онлайн-сервисы для работы с кодом. Настройки окружения в codepen.io для Vue.

Обзор возможностей Vue.

Классы и стили. Анимации.

Создание проекта

Установка проекта через Vue CLI.

Структура проекта на Vue.

Работа с системами контроля версий: решения на рынке. Удалённые репозитории.

Работа с системами контроля версий. Установка и работа с Git.

Подготовка среды для работы над проектом.

Разбираем проект-пример.

Каталог товаров

Компонент в одном файле.

Состояние. Работа с циклами.

Выводим список товаров.

Основы компонентов. Входные параметры.

Делаем компонент для товара.

Пагинация и фильтрация

Инструмент разработчика Vue.

Вычисляемые свойства, события, методы и наблюдатели.

Организуем пагинацию.

Модели (V-Model) и наследование компонентов.

Организуем фильтрацию.

Страница товара

Роутинг. Страница ошибок.

Делаем страницу товара.

Вывод цены с использованием фильтра.

Корзина

Паттерн управления состоянием Vuex.

Слоты.

Организуем добавление товаров в корзину.

Организуем список товаров в корзине.

Работа с API. Список товаров

Обзор REST API (HTTP).

Обзор технологии XHR. Инструменты для работы с асинхронностью. Обработка ошибок и исключений.

Выводим список товаров и пагинацию из API.

Прелоадеры и обработка ошибок.

Фильтр из API. Состояние «Товары не найдены».

Выводим страницу товара через API.

Выводим корзину и добавляем товары из API.

Работа с API. Оформление заказа

Работа с формами.

Делаем страницу оформления заказа.

Деплой

Сборка для продакшна.

Публикация на GitHub.

Vue 3.0

Установка и обновление.

Новое API — v-model, emits, и рефактор проекта.

Фрагменты, атрибуты и события.

Телепорты и асинхронные компоненты.

Composition API.

Рефактор страницы товаров на Composition.

Будущее и настоящее Vue 3.0.

Оценки и отзывы студентов

Добавление пользователя