[Ulbi TV] Vue 3 фундаментальный курс от А до Я

🎯 Загружено автоматически через бота: 🚫 Оригинал видео: 📺 Данное видео принадлежит каналу (@UlbiTV). Оно представлено в нашем сообществе исключительно в информационных, научных, образовательных или культурных целях. Наше сообщество не утверждает никаких прав на данное видео. Пожалуйста, поддержите автора, посетив его оригинальный канал. ✉️ Если у вас есть претензии к авторским правам на данное видео, пожалуйста, свяжитесь с нами по почте support@, и мы немедленно удалим его. 📃 Оригинальное описание: В этом ролике мы разберем все основные концепции 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 кошелек ➝ Яндекс деньги ➝