Скидки на курсы ждут в личном кабинете. Нажмите тут
Digital Academy
Войти
Есть рассрочка Поддержка куратора Домашние задания

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

от Skillbox
23 125 ₽  за курс
38 541 ₽
Перейти на сайт школы
Оставить отзыв
Фреймворк Vue.js
Формат
Онлайн
Длительность
3 месяца
Уровень
Для специалистов
Документ
Сертификат
Трудоустройство
Нет
Программа

Курс создан для веб- и frontend-разработчиков, а также подойдёт практикующим JavaScript-разработчикам. Вы научитесь работать с массивами и компонентами фреймворка Vue.js, а также с системой контроля версий Git. Вы сможете делать развёртку проекта из NPM и использовать Webpack, создавать сайты и небольшие приложения, а также разрабатывать проект для продакшна и интегрировать его с API для передачи данных на сервер.

Программа состоит из 10 модулей и 38 уроков. Вы получите диплом о прохождении курса и подготовите проект для продакшна и публикации.

  • Основы 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.
Чему научат на курсе
—
Использовать Webpack и делать развертку проекта из NPM
—
Работать с объектами, массивами, циклами реактивности, компонентами и с системой управления версиями Git
—
Использовать Vuex для управления данными
—
Создавать сайты и одностраничные приложения на Vue.js
—
Интегрировать проект с API, чтобы в динамике получать и отправлять данные на сервер
—
Готовить проект для продакшна и публикации
О школе
Skillbox
рейтинг 4.5
71 отзыв
446 курсов
Skillbox

Платформу онлайн-образования Skillbox основали в 2016 году предприниматели Дмитрий Крутов, Сергей Попков и Игорь Коропов. В школе создают возможности для учёбы и развития без ограничений по географии и возрасту студента. 

Все образовательные программы составлены на основе актуальных тем и практических заданий, близких к рабочим задачам. Школа часто проводит бесплатные вебинары для знакомства с профессиями и обучением. Также на портале Skillbox студенты регулярно размещают отзывы о курсах.

Оставить отзыв
Оставьте свой отзыв
Так вы сделаете рейтинг школ более точным и поможете другим выбрать хороший курс

Информация носит ознакомительный характер и может отличаться от указанной на сайтах школ-партнёров. Актуальную стоимость и описание программ вы можете узнать на сайте школы.