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

Xarza · Вчера в 13:15

Онлайн-курс, посвященный изучению всех возможностей 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. Глобальное состояние приложения