Войти

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

Целевая аудитория

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

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

Frontend-разработчики

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

Описание курса

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

Программа курса


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

Преподаватели

Павел Бондарович

Технический директор Creonit digital production

Максим Савченко

Фронтенд-тимлид Creonit digital production

Оставьте отзыв первым!