Мини-курс Django, Часть 8: Фронтенд клиент на vue.js

Пишем простейший фронтенд клиент на фреймворке vue.js для обращения к REST API созданному на Django
Что такое рендеринг шаблона на стороне клиента и на стороне сервера.
Подключение vue.js, axios.js и bootstrap
Делаем обращение фронтенд приложения на vue.js к серверному API на Django при помощи библиотеки axios, и подставляем полученные данные в шаблон на стороне клиента в веб-странице браузера.

[@vladimirsmolkotin2619]

Ничего не работало, пока не поставил vue версии 2.6.1

[@trahula]

Да, спасибо. Нужно учитывать, что видео вышло 3г назад)

[@flower-py]

Спасибо!

[@husanturdiev]

у меня все равно не сработало((

[@SeniorPomidorDeveloper]

Да ладно , оставьте этот vue.js тут курс новый вышел на докере. Последние 10 видео на канале. Будет интересно!

[@R1ffero]

Спасибо! Час голову ломал, не понимал в чем проблема

[@artsolart]

Жду от Вас новых видео. Круто, четко, лаконично!

[@dikiykipovec4918]

У Вас реально талант объяснять все очень понятно, но кратко и лаконично! Очень нравится смотреть Ваши видео и параллельно повторять то же самое! Класс!

[@neofit3157]

Очень хороший контент. Я люблю питон, фласк вами не освещен, есть хорошие еще либы, вы хорошо четко излагаете. Делайте видео ещё. Я ваш фанат теперь.

[@rsyuzyov]

Обалдеть - изучал django, а получилось ухватить суть Vue, которую я на предыдущем заходе так и не осилил - теперь как по маслу пошло и смог доделать то, что в прошлый раз не смог. Спасибо Вам огромное, Сеньор Помидор!)

[@SeniorPomidorDeveloper]

Вам спасибо что посмотрели !

[@romanhudyma2164]

Спасибо Вам, Алексей. Начал учить веб разработку 2 месяца назад. Выучил html + css, начал js. Но потом дошло, что натив не очень часто удобно использовать. Решил учить Vue (Быстро! Качественно! Надежно!) и параллельно учил Django (так как считаю, что за пайтон (нейросеть) и Жс (вообще все) будущее. Ваши уроки просто шикарны для начинающего (сужу по тому, что пересмотрел десятки ресурсов). Ваша работа очень ценна для нас! Ждем новых видео про джанго и вю :3

[@kazutokirigaya6364]

Пожалуй самое полезное видео из всех что я видел по принципам работы api и js фреймворков. Как человеку видевшему раньше лишь PHP и HTML, такой принцип разработки вообще кажется совершенно не привычным. А пишут и говорят о нем мало, по крайней мере доступным языком и показательными примерами. Спасибо, очень многое встало на свои места после просмотра этого видео.

[@SeniorPomidorDeveloper]

Даже не думал когда записывал это видео, что оно будет кому-то сильно полезным ) рад что так получилось!

[@esofdes]

имею 2 года опыта работы на Джанго, но даже так что-то новое нахожу для себя. Решил подтянуть свои знания до Миддла, чтоб найти нормальную работу. Надеюсь, посмотрев все видеоролики с канала, мне хватит знаний на данную позицию :)

[@SeniorPomidorDeveloper]

Думаю да. Если еще самому немного подробнее разобраться то точно хватит .

[@dmitrybozhko5440]

Вы - большой молодец! Отличный материал для простых смертных . Многое из того, что раньше с трудом воспринималось становится ясным и понятным. Спасибо!

[@vladsoldatenko8561]

Автору канала - мое почтение. Плейлист посмотрел на одном дыхании Все кратко и по существу. Узнал много нового.

[@user-pq1yc5em4k]

Перечитал много учебников, много бестолковых. А Вы круче всех - коротко, понятно, доступно.

[@cristianglodeanu2329]

Спасибо за туториал, изучаю джанго неделю только , но тебя понимаю лучше чем других , + узнал многие другие фишки

[@de17eon50]

Потрясное видео! Подача материала супер!

[@dodokwak]

творческого вам вдохновения и сил. надеюсь на продолжение.

[@SuleimanVatrushkin]

Бро, ты лучший! Всех благ и спасибо за уроки!

[@joma0305]

Очень нравится! Не забрасывайте, Алексей!

[@artem_garyanov]

Грамотная речь, спокойная подача и все по делу! Спасибо, что не пошли во фронтэнд! Досмотрел до 6 видео и вернулся, чтобы все пролайкать!)

[@Zhuravskiy]

хочу ещё, очень приятно и понятно слушать

[@lionshg]

Отличное начало! По возможности больше материала по DRF! Очень нужная тема, которая мало освещена в рунете. Жду продолжения.

[@wissarius]

Удивился насколько всё просто и понятно объяснили. Однозначно лайк и подписка!

[@antistress_pro]

Отличная подача материала, спасибо.

[@baktybekbaiserkeev7611]

все четко ясно и без воды, не забивай на канал пж.

[@nuclearshi]

Спасибо за видео! Отличное изложение материала.

[@jeremywatson1554]

Спасибо! Невероятно приятно вас слушать!

[@SeniorPomidorDeveloper]

Спасибо большое!

[@SV-cs3hd]

Спасибо за Ваш труд!

[@Vitaly55]

Спасибо! кратко четко и с хорошим объяснением!

[@user-kp6qf5jb3k]

Большое спасибо за ваши видео

[@Alekseyild]

Посмотрел всё на одном дыхании)

[@user-ll6sq1lt2k]

Как хорошо все объяснили.

[@madwork]

Требую продолжения!

[@nikolaipopov8752]

Спасибо за столь самодостаточное, содержательное, системное изложение. Из трех курсов, которые нашел на просторах, Ваше - самое эффективное. Из минусов - просьба комментировать изменения кода. Если не словами, то хотя бы стрелочками в видеоряде. Некоторые ваши исправления синтаксических ошибок остались за кадром, из-за этого некоторые ошибки пришлось отлавливать самому. 9 из 10 балов. Всем мира.

[@SeniorPomidorDeveloper]

Вам спасибо что смотрели. Ни одного изменения не сделал без записи на видео, специально так сделал монтаж чтобы все изменения было видно, если только по невнимательности что-то упустил.

[@lioneljosemaria8594]

Спасибо за разжевывание! Очень помогло

[@ivankrig7285]

Из всего обучающего материала, что я находил, похоже ваш лучший. Я начал изучать django чуть больше года назад и продолжаю этим заниматься, ваш материал систиматезировал некоторые моменты. Большое спасибо за ваш труд!

[@SeniorPomidorDeveloper]

Ivan Krig спасибо большое!

[@ginhop1057]

йо мужик, посмотрел твой курс, кратко и понятно, спасибо 👍

[@Maine__coon_Python_Web]

гений) очень круто , спокойное обьяснение)

[@noname52rus]

Богата земля нижегородская светлыми головами =) Спасибо большое за информацию! До этого пробовал по книжке ознакомится с джанго было сложно очень. С вашим туториалом потихоньку выстраивается картина.

[@SeniorPomidorDeveloper]

👍 рад что оказалось полезным

[@andredru4278]

Спасибо. Познавательно для моего уровня.

[@ural-site]

Спасибо за контент, год назад я на этой теме шишки набивал!

[@andreyandreyovich5454]

Спасибо, хорошая подача) и приятный голос

[@SeniorPomidorDeveloper]

Спасибо

[@deffunction7657]

благодарю бро! очень полезно для новичка

[@rostislavmalyshev1775]

Cпасибо за курс!

[@madiyarniyazkhanov4916]

Спасибо, очень познавательно

[@user-sr6je8zm9u]

очень крутое видео, класс!

[@Vitaliy-ct2wv]

очень круто, спасибо!

[@denissavast]

Огромное спасибо!

[@Murrengan]

Красва! ЛЛайк!

[@_pheax]

спосибо , жду новых видео

[@lowerpass2000]

Спасибо за видосик. Топ

[@Dima-qz4su]

Спасибо тебе. ты помог.

[@mr.z5289]

из вас вышел бы великолепный учитель

[@SeniorPomidorDeveloper]

Спасибо )

[@MsSkiv]

Спасибо за курс, очень нравится. p.s. консоль разработчика на виндовс - F12

[@vagifk2864]

Здравствуй, самые лучшие уроки в рунете по Django. Вообще проблема всех видеокурсов, что они сделаны в стиле ... . Просмотрел все твои уроки, Огромное Спасибо! Если можно как-то улучшить этот курс, то... останавливаться на каждом новом типе обьектов или классов или вообще новой сущности и обьяснять чуть поподробнее... тогда не курс был бы, а золото!!! Я бы такой курс купил ! Поясню на примере: вот пишем в первый раз такую конструкцию: class SalesOrders(models.Model): остановиться и обьяснить: 1) Что это за модуль такой - models 2) Что модели отражают таблицу в базе данных 3) Что модели создают такую таблицу при миграции… и как откатить такую миграцию 4) Что модели создают дополнительное поле ID - primary key, которое не надо описывать 5) Что модели имеют внутренний класс Meta, которые может использоваться для переопределения некоторых свойств модели по умолчанию, что туда входит те методы, свойства, которые не вписываются в стандартные поля модели. Обьяснить, как они определяются через внутренний класс. 6) Что модели позволяют практически обойтись без SQL 7) Что модели работают только со стандартными движками БД… sqlite (по умолчанию), PostgreSQL, MySQL итд… и как быть с нестандартными??

[@SeniorPomidorDeveloper]

Спасибо за такой развернутый ответ! Да, я по возможности останавливаюсь и объясняю детали. Но тут сложно было бы разбирать каждую тему очень подробно. Все-таки это курс сделан как workshop, то есть как раз типа "повторяй за мной". Если бы я рассказывал по каждой теме все-все что возможно то курс потерял бы свой ритм, сбавил бы динамику. Короче стало бы достаточно скучнее. Но и совсем оставлять без теории было бы плохо для развития. Тут важно найти баланс, конечно. Думаю что в следующем курсе я буду рассказывать более подробно какие-то моменты про модели и про откатывание/накатывание миграций и про настройку Meta, но я бы хотел найти для этого именно практический кейс, чтобы не описывать весь спектр возможностей, а про что-то рассказать и сразу показать как мы это используем. Если хочется изучить все возможности по максимуму то тут больше подойдет книга или документация.

[@vagifk2864]

@@SeniorPomidorDeveloper А платный курс не думал сделать на Udemy например? Я не думаю. что стало бы достаточно скучнее... меньше рыскать по документации и статьям надо! Если надумаешь, то с видео монтажем и с переводом на анлицкий могу помочь !

[@SeniorPomidorDeveloper]

@@vagifk2864 Возможно сделаю и на Udemy, когда-нибудь, тут нужно много времени, чтобы курс проработать. А на англ. там хороших курсов и без меня хватает, но спасибо за предложение.

[@vagifk2864]

@@SeniorPomidorDeveloper Хороших... не скажите. Смотрел один.. - вот этот - www.udemy.com/course/django-3-make-websites-with-python-tutorial-beginner-learn-bootstrap/ неплохой конечно, но тоже не обьясняет почему все сделано так а не сяк. Словно я знаю питон на продвинутом уровне, знаю отлично все принципы работы веб приложений и только осталось изучить как это в Django !

[@SeniorPomidorDeveloper]

Vagif K Видимо вы уже вышли на тот уровень, когда нужно не смотреть курсы , а читать документацию )

[@tihon4979]

Жалко нельзя поставить два и более лайков! Шикарно объяснил!

[@SeniorPomidorDeveloper]

Спасибо! Стараюсь

[@tihon4979]

@@SeniorPomidorDeveloper а почему не снимаешь больше видео?

[@tihon4979]

Смотрел это видео пол года назад и не очень понял Vue, а в этот раз зашло 😁

[@SeniorPomidorDeveloper]

Будут. У меня так получается что только летом снимаю

[@russianbear3581]

Спасибо!!

[@user-bt8sy9jy4j]

Клас, с меня лайк и подписка!

[@VictorPriyma]

Здравствуйте, Огромная благодарность за ту работу, которую Вы проделали! Рассмотрите пожалуйста в Ваших видео вопрос деплоя и варианты (которыми Вы пользуетесь): возможно Heroku, и размещение с использованием Docker /Docker Compose. Если это возможно - представьтесь пожалуйста, Вы очень хорошо объясняете материал и будет очень приятно обращаться к Вам по имени. Уверен, что это пожелание от всех Ваших подписчиков - продолжайте записывать видео, у Вас очень приятно учиться и перенимать опыт! =) Благоадрю !

[@SeniorPomidorDeveloper]

Спасибо за такую подробную обратную связь. Меня Алексей зовут) Продолжать буду и про heroku расскажу в будущем.

[@dizzivoneverec2737]

Пишу комментарий чтобы по быстрей вышли новые ролики))

[@Tempdos]

Отличный курс. Когда будет продолжение?

[@SeniorPomidorDeveloper]

Vasiliy Sleptsov планирую это. Постараюсь в начале 2020 кое что записать

[@ibrahimoglu]

👍

[@ryletd]

Очень полезные и понятные видео, один вопрос, чего вы остановились?

[@SeniorPomidorDeveloper]

Планирую продолжить скоро

[@andrewharazdowskyy4771]

Огромное спасибо за урок! Последовательно, понятно и с точными формулировками, что очень важно для начинающих! Именно тот материал, в котором пробую разобраться не имея опыта работы с фронтом. Если будет возможность ответить (да/нет): можно ли извлечь из проекта Vue-составляющую (файлы - main_app.html + app.js) и использовать их в отдельно на компе - в браузере клиента -- обращаясь в API Django, который находится на удаленном хостинге? Спасибо!

[@SeniorPomidorDeveloper]

Можно конечно. Весь js код исполняется только на клиенте. Хранится на сервере , браузер его скачивает и выполняет на клиенте , на вашем компе. Можно обойтись без скачивания и просто положить его в папку на диске , должно работать также.

[@andrewharazdowskyy4771]

@@SeniorPomidorDeveloper Спасибо большое за ответ! Планирую детально просмотреть все Ваши уроки. У Вас особый талант к изложению материала.

[@tarasfeduna3737]

Здравствуйте Алексей. Вопрос по Vue.js в данном видео. Если рендеринг происходит на стороне клиента благодаря api, то не чревато это для SEO? Unfriendly SEO?} Или все происходит в SSR (на стороне сервера? Если нет, то было бы интересно узнать Ваше мнение как быть с индексацией. За курс респект. Вы один из крутейших авторов курсов по теме Джанго.

[@SeniorPomidorDeveloper]

Здравствуйте! Я не большой специалист по SEO, но насколько я понимаю, в старом виде, через наполнение сайтов тегами и ссылками на самого себя, оно уже не работает. Поисковики постоянно меняют свои алгоритмы , а в качестве продвижения поиска наверх просто предлагают рекламу. Это конечно не значит что индексация больше не нужна. Предлагаю что большинство сайтов именно с товарами сейчас используют смешанный рендеринг. Достаточно отключить в браузере js и посмотреть что отдает какой-нибудь популярный паркетплейс. Думаю что наименования товаров там точно будут . Гугл к примеру заявляет что они уже запускают js на сайте для его индексации, но на 100 процентов верить этому не нужно. Если резюмировать- Зависит от кейса, сайту с товарами это нужно, сайту с арендой апартаментов это не нужно тут более актуально SMM .

[@user-xn8xg9xx6c]

Спасибо за отличные уроки. Подскажите, почему orders в браузере отдает status 404

[@SeniorPomidorDeveloper]

Александр Михайлов сложно сказать не видя кода. Возможно слеш забыли поставить в конце урла.

[@user-xn8xg9xx6c]

@@SeniorPomidorDeveloper Все проверил, не работает. Работает в том случае, если в axios.get вставить 127.0.0.1:8000/api/orders/?format=json

[@tihon4979]

Хочу продолжение банкета!!! )))

[@SeniorPomidorDeveloper]

Tihon 49 вот уже активно записываю , скоро начну выкладывать .

[@tihon4979]

@@SeniorPomidorDeveloper если у тебя есть что-то на udemy, дай ссылку, всё куплю! ))) Подача классная!!! 👍👍👍

[@SeniorPomidorDeveloper]

Tihon 49 спасибо! Нету на Udemy, но скоро будет на KZbin!

[@alcogol2000]

Спасибо большое за видео. Подскажите, а как сделать так, чтобы обновление данных происходило,к примеру, раз в несколько секунд?

[@SeniorPomidorDeveloper]

Обновление данных на фронтенде , на странице ? Это большая тема, тут много вариантов и они не очень очевидные .. самое простое это сделать запрос по таймеру на js ?

[@Murrengan]

Ничего страшного, что мы не пилим тут компоненты? Типа не установили node и так далее? Мне этот вариант нравится, но не будет ли с ним проблем в дальнейшем?

[@SeniorPomidorDeveloper]

Спасибо за коммент. Действительно «по хорошей архитектуре» тут должны быть и node и зависимости, просто это выходит за рамки мини-курса. Основная тема это бекенд и про фронтенд я тут рассказываю по минимуму, только для того чтобы показать как работает API с двух сторон.

[@bekaryukovmv]

Спасибо за видео! Я только не пойму, в чем преимущество использования Vue и Rest api, по сравнению с обычными шаблонами Джанго в случае если проект разрабатывает не команда, а один человек? Он даёт дополнительные фишки которые не может Джанго? Или скорость? Или... Что?)

[@SeniorPomidorDeveloper]

Максим Бекарюков это довольно большой вопрос. Я ещё сниму видео с более подробным ответом на него. Если в двух словах то использование API создаёт гибкую архитектуру приложения. Как только проект обрастает функционалом возникает большая необходимость в такой архитектуре. А почти любой проект растёт и усложняется со временем.

[@SeniorPomidorDeveloper]

Максим Бекарюков ну и дополнительные фишки конечно да.

[@user-rv7pp4cb3f]

Здравствуйте, а вы не могли бы более подробно разобрать rest framework.

[@SeniorPomidorDeveloper]

Ден Иудин именно этим и планирую заняться, в течение ближайших месяцев.

[@user-rv7pp4cb3f]

Django по ГОСТу спасибо вам большое.

[@jerichod7999]

Всё работает, но как в таком случае вытащить в api ещё и филды из моделей, которые мы связывали с моделью ордеров?(например, имя юзера, имена добавленных товаров) При html рендеринге разобрался, как это сделать, а здесь нужно какие-то дополнительные методы в сериалайзере/модели писать или есть решение проще?

[@SeniorPomidorDeveloper]

Да фиг знает, столько лет назад делал курс, уже и не помню что там за связи . Можно посмотреть более новые , я там делаю такое.

[@malter1628]

Отличный материал, только не объяснили, почему именно ModelViewSet решили использовать, а не APIView?

[@SeniorPomidorDeveloper]

Typer Q так проще

[@malter1628]

@@SeniorPomidorDeveloper а не могли бы подсказать, как к такому View переопределить методы get/post?

[@SeniorPomidorDeveloper]

Typer Q в нем нужно переопределять методы .list(), .retrieve(), .create(), .update(), .partial_update(), and .destroy().

[@grayfox4738]

Возможно я не понял урока, но есть довольно сложный вопрос. У меня в базе данных хранятся некие записи, это записи нужно отрендерить с помощью JS (HTML - шаблон уже есть). Как это сделать? Где в коде django есть тот список, который формируется для отправки клиенту

[@SeniorPomidorDeveloper]

Если ваши записи в базе, а отрендерить их нужно при помощи js, то вам нужен API для передачи данных из базы на фронтенд-клиент. Об этом весь этот мини-курс. К сожалению, не могу дать более точного ответа на такой вопрос.

[@navin2739]

Слушай, тут такое дело... ютуб на твоем канале только 9 видео показывает. Как это исправить???

[@SeniorPomidorDeveloper]

Navin хахах. Да само исправится со временем)

[@loginof-docs]

а в чем преимущество axios js перед j query для реквестов? Размер?

[@SeniorPomidorDeveloper]

Alisher Beknazarov я думаю что фронтент разработчик тут бы смог хорошо ответить. Лично я использовал в этом курсе axios только по тому что его часто используют вместе со vue js.

[@rustamtishkov2479]

Здравствуйте, будет ли продолжения курса?

[@SeniorPomidorDeveloper]

Вася Подрочун будет!

[@smokibits4365]

Luchiy iz luchih

[@doniyordjalilov9885]

Дошел до 7го, всё было понятно. Но на 7-8 что-то поплыл. Да и сервер отказывается выдавать данные. Хорошо бы исходники выложить. Надеюсь следующий курс поможет разобраться.

[@SeniorPomidorDeveloper]

Вроде бы вот этот github.com/chepe4pi/test_project_base Да, в следующем курсе будет сжатое повторение всего этого курса (кроме части с vue.js )

[@user-fu5rd2lx9v]

В данном видео рендеринг через vue засунут внутрь django. Какая тогда разница получается? В чём смысл? Делают ли так реально или vue выносят в отдельно крутящийся сервис?

[@SeniorPomidorDeveloper]

Рендеринг через vue делает браузер. Тут Джанго только передает js и html файлы и это только в тестовом варианте, реально передавать их должен nginx . Vue.js не может быть отдельным сервисом, им может быть node.js но это уже совсем другая история

[@SeniorPomidorDeveloper]

Вообще лучше у фронтендера проконсультироваться, как эти вещи лучше делать на реальных проектах.

[@kamilakamaletdinova4779]

Высвечивается некоторый код в app.js. Конкретно "created", "vm": остаются серыми. Но потом я зашла на гитхаб этого проекта и увидела, что у вас в app.js еще дописана переменная: vm.orders = response.data Вот c ней код работает. Запрос orders приходит со статусом 200. Но без нее - нет. Это потому, что вы задали переменной vm.orders значение.

[@SeniorPomidorDeveloper]

Хм. Если честно совсем не помню уже код этого видео. По идее , в гитхабе ничего не должно быть чего в видео нет . Если сама библиотека не сильно меняется то должно все работать . То что мы присваиваем в orders значения из response , думаю без этого и не должно работать .

[@kamilakamaletdinova4779]

@@SeniorPomidorDeveloper думаю, что это изменение в библиотеке. Вы потом этот код добавили в следующих минутах видео)

[@SeniorPomidorDeveloper]

Понял)

[@agirlhnn]

Спасибо отличный контент, но почему могут вместо двух больших кнопок с надписями выводиться 764 кнопки без надписей? Всё вроде проверил, код совпадает, все статусы 200, а на экране страшное. Что я делаю не так?

[@agirlhnn]

А после установки старой версии vue кнопка стала выводиться всего одна, зато с надписью Description: {{ order.description }} Amount: {{ order.amount }}

[@SeniorPomidorDeveloper]

Что-то рендриться , может действительно vue js надо более старую версию. Можно спросить народ в чате , ссылка в профиле

[@agirlhnn]

Спасибо за ответ. Кто-то явно не хочет брать данные из orders и их выводить на элементы. Но если нет ответа на поверхности, почему это может быть, то беспокоить людей, пожалуй, не буду

[@SeniorPomidorDeveloper]

Да этим людям только повод дай. Такого там понапишут )

[@swaytornado8327]

А будут новые видео в этом направлении. Мне посоветовали ваш курс, как взять за основу, всё прошел, вконце с апи не получилось, стало обидно. данные с axios не поступали

[@SeniorPomidorDeveloper]

Понял , ну действительно за это время многое поменялось. И вообще мир фронтенда меняется очень быстро. Я не планирую выпускать видео именно по этой теме, но я бы вам посоветовал проходить второй курс , которой с синей обложкой . Он намного подробнее и глубже .

[@swaytornado8327]

@@SeniorPomidorDeveloper Спасибо Вам за совет и труд, я неодменно пройду и его. Будут замечания, неувязки напишу. Я за бэкенд и больше материалов по нем. Спасибо Вам.

[@user-bx9gk6ht5o]

Привет. У меня с app.js не получается. Когда прописываю new Vue у меня pycharm не знает этот класс, и соответственно в console.log ничего не выводит и страница по адресу 127.0.0.1:8000/orders_page/ постоянно грузится. В консоле напротив app.js вместо 200 пишет pending

[@SeniorPomidorDeveloper]

🤔 по фронтенду сложно мне проконсультировать

[@user-sl7zr7bo5o]

Здравствуйте, подскажите пожалуйста. Выводит одну кнопку Description:{{order.description}} Amount:{{order.amount}} Видимо v-for не сработала. Что делать?

[@SeniorPomidorDeveloper]

Здравствуйте! Что-то не рендриться. Сто лет назад курс делал, сложно сказать сейчас. Попробуйте написать в телеграмм чат , ссылка в профиле канала. Может кто подскажет

[@Feo204]

Привет, у меня такая же проблема. Удалось как-то её решить?

[@andreys7944]

А не было бы правильно положить html файл в static, так как он не изменяемый?

[@SeniorPomidorDeveloper]

Вообще как-бы все файлы неизменяемые. Ну это шаблон . Обычно в парке templates из хранят , но тут не принципиально

[@maximtretyakov2475]

Продолжение будет или автор забыл про канал?

[@SeniorPomidorDeveloper]

Maxim Tretyakov уже снимаю ! Скоро буду выкладывать

[@yarmik3d]

Только три адекватных человека поставили дизлайки. А автору скажу, что все что передается в шаблон рендерится на стороне сервера в самом Джанго, рендер это не просто отображение, в данном случае это преобразование кода в код понятный для браузера то есть HTML CSS JS. А что бы шаблон рендерился не в Джанго нужен Vue CLI, а ты просто подключил Vue как библиотеку и у тебя получилось обычное Джанго приложение со стандартным фронтом Джанго.

[@SeniorPomidorDeveloper]

Эээ ок

[@dd-pe5dp]

прическа как у вас называется?

[@SeniorPomidorDeveloper]

Взрыв на макаронной фабрике)

[@EugenePro777]

С 3й версией vue.js точно не работает. Заработало только когда ссылку на версию 2.7.8 взял с офф.сайта. Печально что от версий есть зависимость

[@SeniorPomidorDeveloper]

Да, на фронтедне всегда так

[@user-bp9ly9gp7p]

Только сейчас заметил ошибку в слове в название )

[@user-zb7tk3zz7j]

Почему при перехлде на сайт вілетает 404 ошибка

[@SeniorPomidorDeveloper]

Сложно сказать не видя кода. Возможно просто url не правильный .

[@aleminov1]

При просмотре кода, нет текста, как сделать так что бы он отображался

[@SeniorPomidorDeveloper]

Какого нет текста ?

[@aleminov1]

@@SeniorPomidorDeveloper при просмотре кода страницы, там те же теги что и в коде. Для SEO это плохо

[@SeniorPomidorDeveloper]

Честно говоря, ничего не понимаю в SEO

[@senatortre7326]

Не выкупаю, зачем тащить аксиос целую либу, когда можно заюзать fetch? Везде такой грех наблюдаю, объясните

[@SeniorPomidorDeveloper]

Senator Tre За всех не могу объяснить, но лично я взял эту либу только чтобы с помощью неё показать работу бекенда, мне тут не важно какая на фронте либа. А вообще выбор технологий и библиотек это дело вкуса и личное дело каждого, тут нельзя сказать что кто-то там не прав по тому что использует не ту либу. Можно и на C++ веб сайты делать, если кому-то нравится - пожалуйста!

[@senatortre7326]

Senior Pomidor Developer, скоро новые видео?

[@SeniorPomidorDeveloper]

Senator Tre в мае

[@user-mb3nm2sw6s]

А можно видео как отправить данные на сервер джанги?

[@SeniorPomidorDeveloper]

А конкретнее ? Как выложить сайт на хостинге ?

[@user-mb3nm2sw6s]

@@SeniorPomidorDeveloper нет, как отправить post запрос к локальному серверу, он требует csrftoken, как его прописать в vuejs?

[@SeniorPomidorDeveloper]

В следующем курсе я разбираю эту тему . Он есть на канале , там можно посмотреть как прописать в заголовках , но про vue.js там не будет, придётся немного разобраться самому

[@user-mb3nm2sw6s]

@@SeniorPomidorDeveloper Я смотрел, там через postman, просто я только начал изучать программирование и пока застрял на этих токенах, будь они не ладны(

[@SeniorPomidorDeveloper]

Да, с ним всегда проблемы в Джанго

[@kesemlin5812]

Хороший курс, но видимо для тех, кто более менее уже разбирается. А я просто повторяю, ничего не понимая.. Нужно что-то более подробное, но вот нигде не найти..

[@SeniorPomidorDeveloper]

А чего вам не хватает в таком курсе? Что помогло бы разобраться? Я сейчас как раз делаю что-то подобное. Мне помог бы ваш отзыв подробнее.

[@user-bp9ly9gp7p]

только {} - фигурные, а не квадратные

[@SeniorPomidorDeveloper]

ой

[@zDan9Iz]

Будет ли продолжение? Очень жду По возможности напишите мне в телеграм: @daaan9i

[@SeniorPomidorDeveloper]

VoronoV продолжение будет, но возможно не очень скоро. Нажимайте «Подписаться» на канал и на колокольчик рядом. Тогда точно не пропустите, KZbin отправит нотификацию.

[@swaytornado8327]

в 2022 году это так не работает, vue.cjs.js:3 Uncaught ReferenceError: exports is not defined at vue.cjs.js:3:23 (анонимный) @ vue.cjs.js:3 app.js:1 Uncaught ReferenceError: Vue is not defined at app.js:1:1

[@SeniorPomidorDeveloper]

В 2022 году уже много что так не работает )

[@swaytornado8327]

@@SeniorPomidorDeveloper Атак материал очень интересный и вполне доступен для понимания, для новичков

[@sayko4322]

Огромное спасибо!