Django для фуллстек разработки, часть 2. Работа с Vue 3
Это видео в основном про фронтенд. Я показываю как работать с Vue 3. И есть небольшой кусок с 12:10 по 20:18 где я показываю как настроить vue, чтобы он взаимодействовал с django без проблемы CORS запросов. Если вам не интересна работа с Django просто пропустите этот кусок, и используйте функцию fetchStudents, следующего вида:
async function fetchStudents() {
= [
{“id“: 1, “name“: “Вася“, “surname“: “Пупкин“},
{“id“: 2, “name“: “Маша“, “surname“: “Маргартикина“}
]
}
00:00 Преамбула
00:25 Создаем Vue 3 проект
02:26 Запускаем dev сервер
02:58 Разбираем содержимое шаблона
03:56 О символе @ в пути импорта
04:28 Убираем лишние файлы
05:59 Создаем с нуля
07:15 Создаем и выводим реактивный текст
07:52 Меняем текст событием клика
08:42 Создаем и выводим список студентов
10:14 Добавляем стили
11:35 Запускаем параллельно Django приложение
11:44 Перезапускаем vue из
12:10 Проверяем django приложение
12:53 Размышляем о запрос к django из vue приложения через хук onBeforeMount
13:27 Делаем функцию для запроса данных из Django
14:39 Подключаем функцию к хуку onBeforeMount
14:55 Проблема CORS при запросе между разными хостами
16:10 Настраиваем Vue на проксирование запросов в Django
18:55 Добавляем префикс api к urls в Django
20:18 Создаем pinia хранилище
22:04 Подключаем хранилище к компоненте
23:08 Создаем computed значение
23:38 Подключаем lodash
24:27 Сортируем список с помощью lodash
25:12 Подключаем computed к шаблону
25:35 Реализуем переключение поля для сортировки
27:28 Выносим строчку со студентом в компоненту
28:19 Подключаем компоненту через import
29:11 Пробрасываем свойства в компоненту
31:12 Делаем computed переменную в компоненте
32:42 Создаем события
34:33 Добавляем реакцию на события
36:04 Реализуем поле для ввода
37:10 О документации vue
37:50 Итог
4 views
6
4
2 months ago 00:08:04 1
ВЕТЕРАНЫ УЖЕ НЕ ТЕ! Дауд VS Джанго Слащинин VS Данилов: ЖУТКИЕ НОКАУТЫ
2 months ago 03:39:43 1
Полный курс Sqlite - работа с базами данных SQL для новичков
2 months ago 00:17:48 4
Web Dev полый курс с нуля. Урок 1. Введение. План разработки
2 months ago 07:14:21 44
КУРС DJANGO | СОЗДАЕМ ИНТЕРНЕТ МАГАЗИН С КАССОЙ | BOOTSTRAP, POSTGRES, GIT, JS...
2 months ago 00:15:00 1
ТУРНИР СОСТОИТСЯ! ЛЕНДРУШ VS КИБОРГ. Данилов VS Cлащинин. Джанго. Бруклин. Бойцы заряжены на полную
2 months ago 00:56:24 1
GIL в Python: зачем он нужен и как с этим жить
2 months ago 01:35:01 1
Tatneft Music Art. Ансамбль «Мануш-Мануш». Цыганский джаз: от классики до современности.
2 months ago 03:11:20 1
АКАБ VS ЛЕВ ПРОТИВ. Конора НЕЖДАНУЛИ. Джанго VS Гарри. Анубис VS Пахан & Пирматов. Абаев VS Мустафа
2 months ago 02:59:04 1
ТРИ МИНУТКИ: ИСКАНДАР, МАЭСТРО, ДЖАНГО. ЛЕКО VS КИБОРГ. Возвращение СТХАНСКИ. Хоронженко - бою быть
2 months ago 00:27:06 23
Мотивация чтобы не бросить кодить | Часть 1 | Django School
2 months ago 01:09:07 7
ДЖАНГО УДОСРОЧИТ СТХАНСКИ?! Миллион рублей на победу. Приехал на ММА - подрался по Кулачке. МУЖСКОЕ
2 months ago 00:13:26 4
Python с нуля. Урок 6 | Кортежи, словари
2 months ago 00:19:24 5
Python с нуля. Урок 5 | Списки
2 months ago 00:10:31 8
Python с нуля. Урок 4 | Циклы (for, while)
2 months ago 01:38:07 1
Джанго VS Гарри – КОНФЛИКТ ПОСЛЕ БОЯ! Донателло VS Боец из морга. Анубис & Никулин. Спартак VS Волк
2 months ago 00:14:44 8
Python с нуля. Урок 3 | Функции
3 months ago 01:24:45 2
Несколько долларов для Джанго | Pochi dollari per Django | Вестерны | Полный фильм на русском языке
3 months ago 00:31:05 1
10 лучших первых строчек в истории литературы. ЧАСТЬ 2: Кафка, Оруэлл, где Толстой? (#20.2)
3 months ago 00:11:17 4
Python с нуля. Урок 2 | Условные операторы. Пользовательский ввод
3 months ago 00:11:16 1
Рождение оперы («Истории по нотам», выпуск 42)
3 months ago 00:01:00 1
Репетитор по Python онлайн. Крутейший метод преподавания.
3 months ago 00:09:13 1
Герман «Отличник» Скобенко vs Ислам «Джанго» Жангоразов / Skobenko vs Jangorazov
3 months ago 01:26:34 1
STAR WARS™ Bounty Hunter™ #15 ➤ Джанго Фетт спасает Зам
3 months ago 00:17:49 19
Python с нуля. Урок 1 | Первая программа. Переменные