В этом ролике мы разберем все основные концепции Vue 3 и пройдемся по нему от А до Я. Разработаем приложение с основными кейсами, которые встречаются везде: CRUD, сортировка, поиск, пагинация, динамическая пагинация. Сделаем mixins, directives, изучим vuex и composition api.
Мой курс "Продвинутый Frontend. В production на React" - ulbitv.ru/frontend
Исходный код урока здесь ➝ t.me/ulbi_tv/20
Таймкоды:
00:00 ➝ Введение
02:00 ➝ Теория
07:50 ➝ Начало разработки. Создание проекта
12:40 ➝ Компонент App
14:41 ➝ Интерполяция
15:44 ➝ Methods. V-ON. Слушатели событий
17:40 ➝ Vue devtools. Инструменты разработчика
20:00 ➝ Cтили
21:51 ➝ Отрисовка в цикле. Директива V-FOR
23:00 ➝ Создание нового поста
25:35 ➝ Двустороннее связывание
30:30 ➝ Модификаторы stop, prevent
31:50 ➝ Декомпозиция. Создаем переиспользуемые компоненты
35:30 ➝ Props. Передаем данные в компонент
38:20 ➝ V-MODEL
41:20 ➝ $emit. Обмен данными между дочерним и родительским компонентом
50:10 ➝ Библиотека UI компонентов
53:55 ➝ Глобальная регистрация компонента
58:20 ➝ Подробно о V-MODEL
01:04:08 ➝ Удаление поста. Ключи KEY в цикле
01:07:30 ➝ Отрисовка по условию
01:10:20 ➝ Модальное окно
01:16:00 ➝ Модификаторы V-MODEL
01:17:25 ➝ Работа с сервером. Получаем посты. Axios
01:20:23 ➝ Жизненный цикл компонента
01:23:20 ➝ Индикатор загрузки данных
01:25:00 ➝ Выпадающий список. Сортировка постов
01:31:08 ➝ Наблюдаемые WATCH и вычисляемые COMPUTED свойства
01:39:08 ➝ Анимации transition group
01:42:20 ➝ Поиск постов. Фильтрация
01:44:15 ➝ Пагинация. Постраничный вывод
01:48:08 ➝ Динамический биндинг классов и стилей
01:51:30 ➝ Динамическая пагинация. Бесконечная лента. Intersection API
01:54:20 ➝ Refs. Доступ к DOM элементу
01:58:48 ➝ VUE-ROUTER. Постраничная навигация
02:07:50 ➝ Динамическая навигация
02:11:10 ➝ Создаем собственные директивы V-INTERSACTION и V-FOCUS
02:18:15 ➝ Mixins. Примеси
02:22:15 ➝ Vuex. Глобальное состояние приложения
02:47:15 ➝ Composition API
03:00:40 ➝ Самое время поставить КОММЕНТАРИЙ и написать ЛАЙК :)
Мой канал в telegram и канал для общения подписчиков - t.me/ulbi_tv
Поддержать меня и мой канал вы можете по ссылкам ниже.
Patreon/boosty (доступ к бонусам) - boosty.to/ulbitv
Qiwi кошелек ➝ qiwi.com/n/BODYE821
Яндекс деньги ➝ yoomoney.ru/to/4100116193037469
19 июн 2024
