Курс «Курс по Vue.js»

Направление
JavaScript-разработка
Формат
Прямые эфиры
Домашние задания
Есть
Итоговый экзамен
Нет
Количество уроков
5
Документ об обучении
Сертификат
Обратная связь
Есть
Доступ
Сразу после покупки
Последнее обновление 17.08.2022

О курсе

Курс по профессиональной разработке веб-приложений с помощью Vue.js.

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

  1. В начале курса мы познакомимся с Vue.js как небольшой библиотекой, использующейся без систем сборки. Изучим основные Vue и разработки компонентов.

    Основные концепции в разработке на Vue.
    Создание Vue приложения.
    Options API.
    Синтаксис шаблона.
    Реактивность, вычисляемые свойства, отслеживание.
    Работа с DOM событиями, атрибутами, элементами форм.
    Хуки жизненного цикла.
    Компонентный подход и описание компонентов на Vue.
    Входные параметры и события компонентов.
    Слоты и именованные слоты компонентов.
  2. Изучив основы, перейдём к современному подходу к разработке JavaScript приложений во Frontend разработке. Познакомимся с различными инструментами разработки во Frontend и Vue. Разберёмся с концепцией одностраничных приложений и научимся создавать из на Vue с Vue Router.

    Инструменты разработки во Frontend: транспайлеры, линтер, сборщики и другие.
    Однофайловые компоненты во Vue (SFC).
    Создание и разработка Vue приложений с Vue CLI.
    Создание и разработка Vue приложений с Vite.
    Одностраничные приложения (SPA).
    Разработка SPA на Vue с Vue Router.
  3. После знакомства с инструментальной частью вернёмся к разработке Vue компонентов, научимся создавать компоненты обёртки и разберёмся с однонаправленным потоком данных в компонентах. В середине курса будем погружаться в работу Vue: подробнее разберёмся, как работает реактивность и используется вне Options API, углубимся в работу рендеринга.

    Компоненты обёртки, динамический компонент.
    Компоненты редактирования данных и однонаправленный поток данных.
    Углубление в реактивность: реализация, ограничения, использование вне Vue компонентов.
    Углубление в рендеринг: Virtual DOM, render-функция, JSX, key, компонент KeepAlive.
  4. Рассмотрим другие варианты взаимодействия Vue компонентов и их применимость в разных задачах. Затем перейдём к вариантам переиспользования кода компонентов в Options API и перейдём на Composition API — новый подход разработки компонентов во Vue 3. С переходом на Composition, посмотрим варианты работы с общим состоянием компонентов и познакомимся с центральными хранилищами Vuex и Pinia.

    Scoped slots.
    Event Bus.
    Teleport.
    Provide/Inject.
    Пользовательские директивы.
    Создание Vue плагинов.
    Переиспользование кода в компонентах, миксины, предпосылки к Composition API.
    Composition API и composables.
    Shared state.
    Центральные хранилища: Vuex, Pinia.
  5. Когда Vue и использование Vue компонентов уже будут изучены, научимся тестировать их использование с Jest и Vue Test Utils. В конце курса вспомним проблемы SPA и рассмотрим варианты их решения. В завершении перейдём к задачам разработки приложения за пределами Vue компонентов, поговорим об архитектуре приложения и работе с HTTP API.

    Unit-тестирование Vue компонентов с Jest и Vue Test Utils.
    Проблемы SPA и способы их решения: prerendering и server-side rendering.
    Архитектура приложения за пределами Vue.