Изучение Flask / #2 - Разработка страниц и добавление стилей

При помощи Flask мы можем с легкостью работать с шаблонами, написанными на HTML и CSS. В ходе урока вы научитесь прописывать шаблоны и добавлять к ним стили во Flask проекте.
1) Урок по Flask на itProger: itproger.com/course/flask/2
✔ Сообщество программистов: itproger.com/
✔ -------------
Вступай в группу Вк - prog_life 🚀
Группа FaceBook - goo.gl/XW0aaP
Инстаграм itProger: / itproger_official
Instagram: / gosha_dudar
Telegram: t.me/itProger_official
Twitter - / goshadudar
- Уроки от #GoshaDudar 👨🏼‍💻
- Все уроки по хештегу #goshaLessons

[@infomed100]

Автор очень классно преподносит информацию. Хорошая манера изложения, легкая и ненавязчивая при этом суть вопросов объясняется лаконично , без лишних слов. Молодец!

[@IlyaZarubin]

Спасибо за видео. Хорошее дополнение для книги Пола Бэрри "Изучаем программирование на Python".

[@rasulmuradov9905]

Отлично ! Ждем продолжения)

[@screemer949]

Отличные уроки,то что я искал и даже лучше

[@romanshelby]

Спасибо большое за такие уроки полезные, приятно слушать, все очень понятно. Лайк и подписка!

[@maximdongur-ool2226]

Григорий, отличный курс!

[@yuriipylypiv2117]

Отличный урок, насыщенный инфой!

[@Dota2highlightss]

большое спасибо за ваше видео, даже для такого тугодума как я всё легко и понятно было

[@777warkout777]

всё кратко, доходчиво, понятно. одни из лучших уроков что я видел Спасибо!

[@sergeikrasnovskii9767]

Супер урок, спасибо огромное!!

[@__procherk__]

Спасибо за отличные уроки!

[@grifilivegamechannel8756]

Очистка Кеша и жесткая перезагрузка - Ctrl + F5

[@donmartines6291]

Спасибо за инфу, приятель))))

[@user-mm5ln4qh5q]

Кто такой Кеша

[@MrDrake-yk7tc]

Я когда учусь делать сайты в html с помощью тега meta запрещаю кэширование документа и не парюсь вообще по этому поводу)

[@MrDrake-yk7tc]

@@thatrustam чел, ну это совсем просто загуглить)

[@bdet2776]

Ctrl alt f4 код на выдование читов!

[@lydiamarz4084]

Отлично! Наконец без джанго! Легко всё понять и быстро, даже начинающая может делать с питоном сайты! Спасибо!

[@raridiam]

Спасибо вам большое! Очень помогло!

[@GagarinRobots]

спасибо. очень интересно. продолжайте

[@Brailko_Oleg]

Классный урок!!!! Спасибо

[@CreatorDreamer]

Сейчас необходимо исключить пробелы между {% и %}: вместо { % block title % } { % endblock % } писать {% block title %} {% endblock %}

[@brigadir5830]

Спасибо все работает без ошибок круто !!!!

[@user-uq3go4uk6p]

Спасибо жанм 😘

[@xenmilo]

круто , просто и з толком. Гоша ти по пайтону №1в СНГ ютубер

[@Amigun_yo]

Он далеко не №1 по Пайтону Но курс интересный

[@user-mm3vk2jz3i]

Он ни в каком языке не первый. Он скорее распыляется на огромное количество языков и технологий. В итоге, я не видел у него ни одного нормального курса (на youtube) по технологиям, которые я знаю. Т. е. html, css, javascript, sass, gulp, тем более react

[@xenmilo]

да, є ще О. Молчанов і Хауди, но все рівно мододець

[@user-lr6vy7zi6n]

Огромное спасибо автору.

[@user-oy5gv4pw9v]

удачи всем в курсе

[@user-oy5gv4pw9v]

ура новый видос

[@BaraBarinov]

Спасибо огромное :)

[@ponycantfly]

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

[@user-hql5qy4x697yggt]

Круто !

[@user-yr5kq1ec9z]

Если у кого-то не "сузилась таблица" как на примере 22:19, то пробуйте изменять в начале

[@user-qg6lj5rq3i]

АБОБДЕТЬ, я написал в user первый раз Bob 123, а он Bob 23, ВОТ ЭТО КОНЕКТ ПРОИЗОШОВ =0

[@bayelalikov7757]

там при подключении в main.css можно сделать так => static/css/main.css. Так тоже работает

[@godspeed9627]

Сделай видео по Librosa, очень крутая библиотека для работы с аудио, но у нас по ней вообще уроков нет

[@nobodylll48]

Спасибо! !!

[@Ruslantuber]

Flask - то, что я искал. Django смог запустить и сайт делал, но слишком заморочено и избыточно для большинства проектов. А Flask - самое то. Спасибо за уроки.

[@28lucky16]

Подскажите пожалуйста, почему когда Гоша подключал css, он подключал через url_for ? Почему не просто href="static/css/main.css" . Не понял этого момента

[@QqqXxx-pi6gh]

Очень хорошие уроки и главное все почти понятно Единственное что не получается сжать (container) как у автора не знаю что не так делаю

[@user-ds9jt2st9g]

задайте width:100%; max-width: 1400px; margin: 0 auto;

[@nickmal3044]

Посмотри на examples bootstrap там есть классный шаблон Blog

[@brutal9586]

Мы все ждём видеокурс по новой версии Django. В топ чтобы заметил!

[@user-oy5gv4pw9v]

согласен но он не робот так, что пусть он с начала завершит этот курс

[@user-rn5uk7ep3r]

спасибо

[@playfortoo186]

Третий раз подряд смотрою урок, не понимаю почему но почемуто html у меня на пи шарме, не хочет запускаться, что посоветуете делать?

[@ThePercivalGlyde]

maladec

[@romanodin468]

народ, подскажите. у меня на pycharm при run нет ссылки на сайт. что делать.

[@user-qm2ev6zv1m]

может перезаписать курс по новой версии джанго?

[@front-endanimal6359]

можно еще предложить на next js)

[@user-oy5gv4pw9v]

согласен но он не робот так, что пусть он с начала завершит этот курс

[@user-yj9xe6zp3u]

Спасибо большое. Очень информативно, и полезно. Только просьба, не в критику, ПОЖАЛУЙСТА ПОМЕДЛЕННЕЕ. Абсурдно пропускаю важные строки кода и перематываю выискивая в чем же проблема. Спасибо заранее)

[@user-sw4fo7qq6c]

Сколько выпусков ещё будет ?

[@vladimirmedvedev8908]

Ребят папка templates должна быть внутри проекта, в данном примере в venv. Иначе jinja не находит html файлы.

[@arturka9125]

venv это папка виртуального окружения, не надо ее трогать. Папка templates должна находиться на том же уровне что и файл app.py

[@vladimirmedvedev8908]

@@arturka9125 ну у меня не заработало пока не переместил. Написал тут коммент чтобы остальные знали.

[@magzhantinishbay536]

вот уменя таже проблема когда запускаю джанго и создаю папку templates не резервируется и не ичет шаблоны bootstrap хотя должна искать

[@dimongeneral]

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

[@Zerro1009]

url_for и другие функции, которые можна использовать в шаблонизаторе, не нужно импортировать в файлах с вызовом route, они автоматически импортируются jinja2 !

[@andrei.2944]

Спасибо, можешь показать пример как связать flask с mongodb

[@andrei.2944]

@@user-ey7rd9ih4g так зачем это видео, если можно в книге почитать

[@ahil7800]

Почему, когда я поменял цвет background на зелёный, страница всё равно открывается красной. Я и пересохранял его, и выходил из ide, перезагружал страницу, но она остаётся красной

[@ildar_biktagirov]

У меня всё работает, только если создавать файлы и папки в папке venv, почему то

[@TX500i]

Подскажите, почему при попытке вывести русские символы на странице, падает сервер с ошибкой?

[@Sergey-cz7ym]

Медленно объясняешь, надо быстрее. И мышкой клацать быстрее а то я иногда успевал заметить куда клацнул..., а в остальном спасибо за уроки. лайк поставил

[@miinej]

Здравствуй Гоша. Запиши урок где ты создаешь чат похожее на WhatsApp сделано на Android Studio

[@alextopchyan455]

Т.е Flask использует Liquid шаблонизатор или это неверно?

[@plug-inguy7038]

Молоток! Но переменную любого типа ИМХО проще вывести через f{}: return f"Hello {username} - {id}"

[@pizza_p4rker8]

7:48 Почему когда я включаю страницу, у меня пишется "title" в заголовке, а все, что написано в "body" не отображается?

[@GameChanel001]

та же проблема(

[@sunmaxplay6491]

что то не правильно написали)

[@AZmievsky]

Кстати, сделал все так-же, но выравнивание на странице совсем не так, как в видео... "Главная" и "Про нас" влево, "Pricing" - в одну колонку по центру...

[@matdragon6343]

я подключил как вы но css файл не хочет работать

[@sergeikoshcheev1479]

у меня шапка очень криво копируется, не могу никак понять почему так.

[@user-ig8wf5om2s]

Кому актуально: itProger Главная О Нас

[@user-md6sq5gd9b]

@@user-ig8wf5om2s спасибо)

[@vadimvaleev369]

Всем привет. У меня такая проблема: я использую Flask и когда мне нужно изменить что то в css мне приходится каждый раз очищать кэш, есть ли решение как решить данную проблему?

[@Zerro1009]

F12 и в настройках браузера "disable cache"

[@bohdan134]

18:09 Нужно ли удалять предыдущий href к main.css?

[@GameChanel001]

ну если надо то удаляй) он не бесполезен)

[@jacksonflow8303]

Привет! Спасибо за классные уроки! Прошу не кидаться помидорами! Я еще постигающий) Прошёл все уроки, все понял, но вот при таком же варианте добавлении шаблонов от Bootstrup у меня по другому строиться страница, даже при использовании класса continer и его вариации - отступы, цвет букв и размер колонок другой. Как правильно копировать шаблон? как его правильно подгонять к оригиналу? Спасибо

[@lzrdblzzrd]

В основном на страницах с примерами подключается кастомный css файл. Поищи его в . Что то по типу такого:

[@Spky-14]

Я хотел спросить нужно для каждого html файла создавать отдельный css файл или можно просто все стили прописать в один файл

[@Ruslantuber]

по идее один файл можно использовать. Этот принцип практически во всех web разработках. Для этого шаблоны и делают, чтобы файл стилей наследовался.

[@Spky-14]

@@Ruslantuber спасибо

[@user-fz8sb1jl3s]

ошибка, пишет, что имя render_template() не существует

[@coolbooy9990]

cорри но это не работает в пайчарм то что на 7.30 там где индекс хтмл и about.html

[@niva1126]

Ребят, подскажите что делать, когда подключаю css задний фон всегда становится чёрным, и даже если изменять файл и перезагружать ничего не меняется

[@niva1126]

Я во всём разобрался, надо создавать файл не через пайчарм, а просто через проводник

[@Martin-xz1tl]

18:37 очистка кэша

[@ne_ememdems3392]

что делать если вылезает ошибка No module named app

[@user-jz4zq6bp6z]

Как по мне, в php все равно проще подключать отдельные блоки в шаблоне, в новом файле.

[@user-ek6yj9iz4k]

Здравствуйте подскажите пожалуйста делаю как Вы говорите, но выходит ошибка TemplateNotFound

[@DAROM-TK]

Вопрос по размещению проекта фласк в макхосте. Хотел бота на вебхуках засунуть туда. Глобальная проблема, когда отправляешь любые запросы (GET POST), скрипт все время перезапускается . То есть, если в скрипте есть какой нибудь словарь , или список , который заполняется например при вводе пользователем каких то данных, то этот массив данных все время обнуляется. Пробовал сделать на pythonanywhere, такой проблемы нет, там скрипт запускается из личного кабинета и постоянно крутится (как на локальном компе). Спросил в тех поддержку как решить это, сказали что по другому нельзя. Будет постоянно перезапускаться

[@user-mm3vk2jz3i]

Следует отметить, что хранение данных в массиве изначально не лучшая идея. Как по мне было бы проще подключить базу данных и записывать всё в неё. Иначе когда на макхосте вы зальёте изменения, а рано или поздно они будут, весь массив снова обнулится

[@DAROM-TK]

@@user-ey7rd9ih4g можете уточнить, что имеете в виду? Запустить внутри моего скрипта цикл? .

[@DAROM-TK]

@@user-mm3vk2jz3i проблема не в хранении это дело вкуса. Проблема в архитектуре, по умолчанию апи телеграм подразумевает, что клиент идет по шагам. Вводит имя, скрипт его переводит на меню ввода фамилии, и так далее. А из за перезапуска скриптов, после того как клиент нажал на кнопку регистрация, скрипт перезарустился и вместо ожидания приема имени, снова ждет ,пока клиент нажмет регистрация. Я понимаю, что можно допилить функционал,придумать костыли. Но зачем , если на pythonanywhere например все работает как изначально задумано. Я кстати потестил еще на бегете там тоже работает как на pythonanywhere. Это именно у макхоста криво, и недоработки чего то. Или я тупой и не понимаю, как его настроить. К сожалению не смотря на то что мы им платим 7400 в год за хостинг, я от них не смог добиться помощи,как настроить

[@3D_Zona]

Это круто и понято, не то что джанго .

[@olehliknarovych437]

почему в папке с сss нет автодополнение названий стилей ?

[@davidradetskey8012]

У кого постоянно кэширует браузер нажимайте cntl + f5(у меня брауз опера и гугл на винде), даже сервер не нужно перезагружать.

[@sunmaxplay6491]

Спасибо братан я пол часа ломал голову почему фон не изменяется и случайно увидел твой коммент ТЫ КРОСАВА

[@djavidhesenov2223]

Ты лучший

[@vadimazhgirey9006]

Не получается нормально скопировать... копируется только HTML код, который уродливо потом отображается, а CSS стили нет. Делал все так, как и в видео, но у меня не получается. Вместо красивой шапки получаю ссылку синюю. Подскажите, пожалуйста, что я делаю не так. Мы же ничего не писали в нашем CSS файле, только скопировали код с страницы и вставили его в HTML файл?

[@Endermens_Nikos]

Мои глаза !( 16:51

[@EvgeniySakharov]

Сайт не открывается. Здравствуйте.

[@mezgoodle]

Чому не використовуєш f string?

[@kittenfrompicture]

Люди, на новом pycharm я записал на все 100% такой же код, как на 4:56 и он выдаёт ошибку 404 всегда

[@front-endanimal6359]

пайтон в крови, по бокам js

[@user-ou1vb5dl8v]

почему может не отображаться html страница вообще никак по гойду делаю страница пустая ???

[@bmirmorsminecraft3106]

Автор: f"User page: {name} - {id}" - неееее "User page: " + name + " - " + str(id) - ДАААААА

[@farhadkulievscience6304]

Будет ли продолжение по курсу Си ?

[@denial3874]

Гоша Дударь: скажите пожалуйста что означает @ ?

[@victory8787]

Уверен у многих в комментах ошибки банально с пробелами связаны, вот и хз почему говорят, что эта методология помогает новичкам, нифига она не помогает судя по куче однотипных комментов. Код визуально разделённый операторными скобками куда удобнее поддерживать в больших проектах и пробелы при этом никак не влияют на валидность кода, но это не говорит, что их не нужно проставлять, конечно нужно для визуальной составляющей, не понимаю зачем новичкам учить пайтон и фласк для веба, когда есть node js и nuxt/express с возможностью поднять ещё и сокеты для риалтайма, ну или на худой конец php с кучей фреймворков на любой вкус, в том числе и весьма производительные такие как phalcon, которые скомпилированы в расширение к php и загружаются всего лишь один раз в оперативу при старте сервера. И порог вхождения уж явно не сильно выше.

[@hullu9]

А CSS нужно отдельно скачивать?

[@Snitra2023]

no

[@clashofkings5515]

У меня выводит ошибку говорит что то про jinja2 помогите кто пожалуйста

[@MarDanBay]

1

[@rifatzabirov9800]

сервер перезагружается если ctrl + s нажать

[@RETRO-vq9be]

jinja2. исключения.TemplateNotFound выдаёт ошибку, что делать? Папку указал верно templates)

[@paxxxr7175]

Ошибка в коде ,смотри правильно ли все написал,у самого из за одной буквы ничего не работало

[@hoyoreverse]

А C?

[@vladimirmedvedev8908]

Ребят ХЭЛП. Всё делаю как по уроку и посмотрел эту проблему по инету. Не могу подгрузить хтмл файл из папки тэмплэйтс. Каталоги с папка создал правильно, назвал templates, но ошибка осталась.

[@Kvar]

Есть ответ?

[@user-kn1fe7pm7i]

спустя 3 года узнал в чем былва ошибка?

[@vladimirmedvedev8908]

Да - перешел на джанго @@user-kn1fe7pm7i

[@inftech8976]

Можно вопрос почему когда я страницу скидываю друзьям а у них страница не найдена? или что-то я недопонимаю?

[@inftech8976]

@@attracim2294 То есть ы имеешь ввиду то что я должен был иметь одинаковый роутер или модем? Если ты об этом имел ввиду я запустил через другой комп который подключен одной и той же сети и у меня не получилось Я понимаю localhost5000 да но вот я например хочу создать блог и как же опубликую(только не говори про домен или хостинг)

[@user-mm5ln4qh5q]

@@inftech8976 Нужен домен/хостинг, если хочешь, чтоб сайт нормальным был

[@inftech8976]

@@user-mm5ln4qh5q Я уже 2 месяца назад понял это но спасибо)

[@Polina-9162]

У меня вылезли какие то проблемы с подключением рендера

[@clashofkings5515]

У меня говорит что шаблон не найден, я проверил все правильно

[@ZZS_ZigZag]

Подскажите пожалуйста что делать если вылезает ошибка jinja2.exceptions.TemplateSyntaxError: Encountered unknown tag 'url_for'.

[@wixanton1]

Дааа, у меня так же, только TemplateNotFound: about.html Вы решили проблему?

[@yakushevich19]

через расширение код раннер запускайте

[@ZZS_ZigZag]

@@yakushevich19 спасибо за ответ,но уже не актуально

[@mr_ambivalence]

Подскажите кто-нибудь, пожалуйста, как выбрать браузер, в котором будет запускаться программа?

[@veric0]

любой выбирай

[@PavelAlexeev-super]

Спёрли код, спёрли разметку - "в этом уроке мы научились делать красивые сайты" )))

[@AZmievsky]

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

[@user-ei9fx4iz3v]

Пишет что шаблон не установлен

[@wixanton1]

7:42 , на этом моменте пишет ошибка TemplateNotFound Что делать?

[@yakushevich19]

охх, наверное была такая проблема, скачал в вс код расщирение раннер код и все запусткается норм

[@dimatach1406]

bootstrap не подключается