Асинхронный онлайн‑курс Vue.js 3. Разработка клиентских приложений

Формат курса: теория, разбор кейсов, личный проект
Гибкие сроки: начинайте прямо сейчас и учитесь с комфортной скоростью

Входит в специализацию «Современная фронтенд-инженерия»
Курс познакомит вас с базовыми и продвинутыми возможностями фреймворка.
Вы научитесь с нуля создавать и стилизовать проект на Vue.js 3 версии, добавлять анимации в веб-приложение и проводить тестирование.

Запишитесь на консультацию

Оставьте свои контакты, мы свяжемся с вами и ответим на все вопросы.

*Обязательное поле
Записаться на консультацию

Начните обучение прямо сейчас и двигайтесь с комфортной скоростью

Курс подходит разработчикам, которые хотят повысить свой профессиональный уровень, даже если у них мало времени.

Для прохождения курса достаточно иметь базовые знания HTML, CSS, JS. На курсе мы разберем нюансы работы с фреймворком на примере учебного проекта VueWork и вы создадите свой собственный проект — конструктор пиццы VuePizza.

Зачем изучать Vue.js

Vue.js — фреймворк с открытым исходным кодом.
Позволяет создавать пользовательские интерфейсы UI и одностраничные приложения любой степени сложности

* данные по вакансиям hh.ru для разработчиков с опытом более 1 года, август 2021
** исследование StateofJS, 2020

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

Требования для начала курса:

  • Знание JavaScript ES2020

Программное обеспечение, необходимое для работы с проектом:

  • Git и Github
  • Node.js
  • Docker
  • WSL2
  • Windows: предпочтительно 10 или 11 (64-bit) / Mac OS 11+

На курсе используется библиотека Pinia, а учебные проекты построены на Vite.

Раздел 1

Основы синтаксиса и базовых возможностей Vue.js

Разберём первоначальную настройку проекта, архитектуру, базовый синтаксис, строение компонентов и шаблонизатор Vue.js.

  • Особенности фреймворка Vue.js.
  • Начало работы с Vue.js.
  • Отображение компонентов.
  • Создание шаблона для компонента счётчика.
  • Логика компонентов.
  • Условная отрисовка и отрисовка списков.
  • 3 задания, 21 демо.
Раздел 2

Взаимодействие между компонентами Vue.js

Рассмотрим передачу данных и взаимодействие между компонентами Vue.js.

  • Виды и обработка событий.
  • Виды взаимосвязей между компонентами.
  • Слоты и динамический контент.
  • Двустороннее связывание между компонентами.
  • 3 задания, 9 демо.
Раздел 3

Углублённое понимание Vue.js

Углубимся в работу фреймворка Vue.js, добавим автоматические лейауты и ма ршрутизатор.

  • Реактивность Vue.js.
  • Маршрутизатор vue-router. Автоматическая загрузка шаблонов.
  • Пользовательские директивы и плагины. Рендер-функции.
  • 3 задания, 14 демо.
Раздел 4

Менеджер состояния

Разберём, как хранить глобальное состояние приложения в одном месте.

  • Что такое менеджер состояния.
  • Состояние хранилища.
  • Получение вычисляемых данных из хранилища.
  • Методы хранилища.
  • 5 заданий, 11 демо.
Раздел 5

Работа с сетью

Посмотрим, как получать данные по сети и реализовать авторизацию.

  • Создание и подключение API-сервиса.
  • Создание и подключение сервиса для работы с токеном авторизации.
  • Настройка Vite для работы с сервером.
  • Создаём подключение к серверу.
  • 3 задания, 10 демо.
Раздел 6

Анимации Vue.js

Научимся добавлять анимации в приложения.

  • Переходы и анимации.
  • Хуки анимаций.
  • Анимация списков.
  • 1 задание, 5 демо.
Раздел 7

Тестирование приложения

Научимся тестировать приложение на Vue.js.

  • Обзор Vue Test Utils и Vitest.
  • Глупые и умные компоненты. mount vs shallowMount.
  • Программирование через тестирование.
  • 1 задание, 4 демо.
Раздел 8

Итоговый раздел

Подведём итоги курса и расскажем, что изучать дальше.

  • Итоги и советы.
  • Итоговый тест по курсу.

Появились вопросы?

Практические задачи

Учебный проект «VueWork»

Учебный проект

На примере учебного проекта мы объясним, как правильно программировать на Vue.js. После этого вы закрепите знания на практике, выполняя задания по личному проекту.

Таск-менеджер «VueWork»

VueWork — это веб-приложение для удобной работы над задачами в команде. С его помощью пользователи могут проводить задачи через все этапы от создания до получения результата. А администратор видит, как сотрудники справляются с работой и текущий статус задач. В проекте используется JavaScript ES2020.

Личный проект «VuePizza»

Личный проект

В каждом разделе вы выполняете задания по личному проекту.

Виртуальная пиццерия «VuePizza»

На курсе вы разработаете виртуальную пиццерию, в которой посетители могут сами составлять пиццу из ингредиентов, формировать и отправлять заказ.

Проект уже свёрстан, и для него подготовлен бэкенд. В течение курса вы будете программировать только на Vue.js.

Типовые задачи, которые вы сможете решать

Как проходит обучение

Курс предполагает самостоятельное изучение материала в комфортном для вас режиме. Приступить к обучению можно прямо сейчас.

Материал разбит на модули, каждый из которых позволит постепенно осваивать навык от основ до тонкостей.

В каждом модуле будет:

Подходит ли вам этот курс

На нашей стороне опыт, исследования и методика

  1. 1

    Опыт

    12 лет выстраиваем связь с рынком коммерческой разработки. Учим начинающих разработчиков и видим, как они становятся опытными специалистами.

  2. 2

    Исследования

    Перед запуском курса убеждаемся, что он даёт востребованный профессиональный навык.

  3. 3

    Методика

    Мы общаемся с сообществом веб-разработчиков и поэтому понимаем, как нужно учить. Максимально сокращаем время от изучения теории до решения типовых задач.

Что говорят разработчики

Загружаем…

Запишитесь на консультацию

Мы поможем выбрать курс, ответим на все вопросы и расскажем о действующих скидках.


*Обязательное поле