Запись [Lectoria] Курс по изучению frontend-фреймворка Vue 3 на примере CRM системы (Артем Зернов)

​

Онлайн-курс, посвященный изучению всех возможностей frontend-фреймворка Vue 3. Изучаем подробно все детали фреймворка Vue 3.

• 28 подробных уроков по каждой теме
• Интересные домашние задания и тестирования для проверки усвоения материала

На кого рассчитан курс:

• Frontend и Fullstack разработчикам
  В курсе подробно разбираются все возможности Vue 3 на примере компонентов реального продукта.
• Начинающим frontend-разработчикам
  Изучите один из лучших и гибких инструментов для разработки реактивного frontend в короткие сроки.
• Работникам веб-студий
  Повышайте свою ценность в глазах команды и работодателя.
• Владельцам веб-студий
  Повышайте навыки и профессионализм своих своих сотрудников. Инвестируйте в обучение своей команды.

Какие знания необходимы для комфортного прохождения курса?

• Базовые навыки работы с bash-совместимым терминалом
• Базовые знания JavaScript
• Базовые навыки работы со средой разработки (WebStorm, PhpStorm, VSCode и прочие)
• Наличие времени на обучение не менее 5-6 часов в неделю

В рамках курса мы подробно разберем все возможности фреймворка VueJS 3 на примерах реальных компонентов интерфейса будущей CRM системы.

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

• Введение и теория
• Создание проекта, установка необходимых пакетов и файлов
• Установка Vue и настройка сборщика Vite
• Подготовка исходников от CRM
• Корневой компонент App. SFC. Простая интерполяция. Options API и Composition API
• Сравнение Composition API и Options API.
• Жизненный цикл компонента
• События и методы. Слушатели событий. Модификаторы событий
• Vue devtools. Инструменты разработчика
• Cтилизация
• Отрисовка в цикле. Директива v-for
• Отрисовка по условию
• Двустороннее связывание и v-model
• Модификаторы v-model
• Именованные v-model
• Компоненты. Создаем небольшую библиотеку компонентов.
• Глобальная регистрация компонента
• Атрибуты style и class. Динамическая привязка классов и стилей.
• Props. Передача данных в компонент
• Событийный способ обмена данными между дочерним и родительским компонентом
• Двустороннее связывание в компонентах
• Ключи KEY в цикле
• Слоты и их применение
• Работа с сервером. Получение данных. Fetch API
• Индикатор загрузки данных
• Сортировка элементов в списке
• Наблюдаемые WATCH и вычисляемые COMPUTED свойства
• Анимации переходов. Transition и TransitionGroup
• Поиск элементов в списке. Фильтрация
• Пагинация. Постраничный вывод
• Динамическая загрузка данных при скроллинге. Native Intersection API
• Refs. Доступ к DOM элементу
• VUE-ROUTER. Установка и пример использования.
• Динамическая навигация
• Директивы и события директив. Создаем собственные директивы.
• Composables. Переиспользуемый функционал в рамках Composition API
• Готовые use-модули. Библиотека VueUse
• Vuex/Pinia. Глобальное состояние приложения