Асинхронный онлайн‑курс

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

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

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

Оставьте заявку и получите консультацию по курсу

Телефон *
Эл. почта *
Имя
* Обязательное поле
Спасибо!
Мы получили вашу заявку и скоро с вами свяжемся
Что-то пошло не так :(
Попробуйте ещё раз, пожалуйста

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

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

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

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

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

32% вакансий

Фронтенд-разработчика в продуктовых компаниях требуют знания Vue.js*

223 000₽

Средняя зарплата на вакансии фронтенд-разработчика со знанием Vue.js*

#1

Рейтинг среди всех репозиториев с JavaScript фреймворками на Github

#3

По популярности использования в работе**

74% опрошенных

Разработчиков хотят использовать фреймворк снова или изучить его**

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

Что будет на курсе?

Структурированная теория и разбор кейсов
В каждом разделе вы изучаете теорию и узнаёте, как решать типовые задачи на примере учебного проекта.

Практика
После изучения теории выполняете домашнее задание: работаете над своим проектом и закрепляете учебный материал.

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

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

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

На курсе используется библиотека 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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Создание одностраничного лендинга

Создание многостраничных сайтов и интернет магазинов

Создание сложных веб приложений для различных целей

Проектирование интерфейсов с помощью компонентного подхода

Манипулирование и передача данных внутри фронтенд-приложения

Работа с маршрутизатором Vue Router

Работа с Vue DevTools

Работа с сервером

Переходы и анимации во Vue.js

Тестирование фронтенд компонентов

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

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

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

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

Теория

Структурированная информация, необходимая для усвоения навыка.

Кейсы

Примеры решения типовых задач. Позволяют понять, как применять теорию на практике.

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

Для закрепления материала.

Курс подойдёт вам, если

Вы хотите изучить востребованный на рынке фреймворк

Вы работаете 24/7 и хотите обучаться с комфортной для вас скоростью

Вы знаете JavaScript на уровне программы «JavaScript. Архитектура клиентских приложений», HTML и CSS на базовом уровне

Вы не готовы тратить время на поиск актуальной информации и хотите получить от учёбы максимум практики

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

Опыт

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

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

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

Методика

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

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

Загружаем…