Курс по изучению frontend-фреймворка Vue 3 на примере CRM системы [Lectoria] [Артем Зернов]
Онлайн-курс, посвященный изучению всех возможностей 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. Глобальное состояние приложения
Спойлер: Полная программа
Автор курса - занимается веб-разработкой и программированием с 2006 года. Большую часть этого времени я работаю как самостоятельный разработчик и по совместительству менеджер проектов, создатель веб-студии OpenColour. Люблю доносить информацию о технологиях, в которых хорошо разбираюсь. Youtube-канал: OpenModx и Lectoria»
Скачать:
Для просмотра содержимого вам необходимо авторизоваться