В этом ролике мы разберем все основные концепции Vue 3 и пройдемся по нему от А до Я. Разработаем приложение с основными кейсами, которые встречаются везде: CRUD, сортировка, поиск, пагинация, динамическая пагинация. Сделаем mixins, directives, изучим vuex и composition api.
Мой курс “Продвинутый Frontend. В production на React“ -
Исходный код урока здесь ➝
Таймкоды:
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 и канал для общения подписчиков -
Поддержать меня и мой канал вы можете по ссылкам ниже.
Patreon/boosty (доступ к бонусам) -
Qiwi кошелек ➝
Яндекс деньги ➝
1 просмотр
3685
1467
1 месяц назад 00:24:18 1
Pourquoi ne pas employer le terme “sexualité“ chez l’enfant - Partie II, par Karine Baillieu
1 месяц назад 00:31:36 1
Pourquoi ne pas employer le terme “sexualité“ chez l’enfant - Partie I, par Karine Baillieu
1 месяц назад 00:26:09 1
Eclipse du 8 avril 2024 ? CAS D’URGENCE POSSIBLE
1 месяц назад 00:11:41 1
Traité mondial pandémies : « Un risque inédit de perte de souveraineté ! » Laetitia Rigault avocate
1 месяц назад 00:04:42 1
in Laravel 11: Changes You Need to Know
1 месяц назад 00:25:35 1
Table ouverte n° 12 — Parution de « l’Euro, piège mortel : hommage à Vincent Brousseau »
1 месяц назад 00:02:56 1
Ofenbach - Be Mine (Official Video)
1 месяц назад 00:02:43 11
✅ François Asselineau : l’ancien candidat à la présidentielle placé en garde à vue
1 месяц назад 00:03:35 1
Гимн Удмуртии - “Шунды сиос ӝуато палэзез“ (“Солнце горит в алых гроздьях рябин“) [Русский перевод]
1 месяц назад 00:03:54 1
Fistaille made in Toylettes #50 “On vous voit“
1 месяц назад 01:59:51 1
Monte Carlo, MONACO 4K Walking Tour in the most elegant city in the world
1 месяц назад 00:05:19 1
La vraie vie de Vanessa, gilet jaune mutilée par un tir de LBD
1 месяц назад 00:26:17 12
🎨 Настройка PhpStorm
2 месяца назад 00:18:53 1
MetaHuman SDK в Unreal Engine 5 - анимация движения губ из звуковой дорожки
2 месяца назад 01:45:06 1
Faites entrer l’accusé : Christian Ranucci, le pull-over rouge
2 месяца назад 03:01:26 1
Vue 3 фундаментальный курс от А до Я
2 месяца назад 00:34:49 1
542 Piste 4x4, trop de stress, peur de se coucher
2 месяца назад 07:33:41 1
Vue 3 для начинающих / Разработка интернет-магазина Vue Sneakers
2 месяца назад 00:07:45 1
Курс Laravel 9 и Vue 3 SPA интернет магазин 0. Обзор html шаблона магазина и приоритеты задач
2 месяца назад 00:11:12 1
Émission spéciale : “Rwanda, une renaissance artistique“ (1/3) • FRANCE 24
2 месяца назад 02:41:49 1
DANGER : Éducation sexuelle et sexualisation des enfants - Ariane Bilheran et Frédéric Bascuñana
2 месяца назад 00:13:54 1
RÉGÉNÉRER SA VUE : le Guide Complet pour les Yeux 👁
2 месяца назад 00:10:07 1
Как приготовить ТВОРОЖНЫЙ ПИРОГ Простой рецепт
2 месяца назад 00:04:24 1
C’est Ce Qui Arrive À Votre Corps Quand Commencez À Buvez De Lait Au Safran Avant D’Aller Se Coucher