{"draftJsState":{"blocks":[{"data":{"image":{"id":"68506f7ddae42d47af593606"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"1e9pp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":10,"offset":3,"style":"BOLD"}],"text":"⚠️ Дисклеймер","type":"header-two","key":"c4g6s"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":16,"offset":24,"style":"BOLD"},{"length":12,"offset":71,"style":"BOLD"},{"length":16,"offset":99,"style":"BOLD"},{"length":21,"offset":41,"style":"ITALIC"}],"text":"Эта статья подготовлена по мотивам книги «Django 5 By Example» (автор: Antonio Melé, издательство: Packt Publishing, 5-е издание, ISBN: 9781805122340).","type":"unstyled","key":"brl5p"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":33,"offset":7,"style":"BOLD"},{"length":30,"offset":49,"style":"BOLD"},{"length":54,"offset":114,"style":"BOLD"}],"text":"Статья не является официальным переводом книги и не копирует оригинальный текст. Все материалы в публикации — это мои личные переработки, пояснения, примеры и улучшения, сделанные с целью образовательной поддержки русскоязычного сообщества разработчиков.","type":"unstyled","key":"cr7r1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":3,"offset":109,"style":"BOLD"}],"text":"Примеры кода, использованные в статье, основаны на открытом репозитории книги и распространяются по лицензии MIT, допускающей свободное использование с указанием авторства.","type":"unstyled","key":"bll3p"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Все права на оригинальное содержание принадлежат автору книги и издательству Packt Publishing.","type":"unstyled","key":"11k24"},{"data":{},"depth":0,"entityRanges":[{"key":0,"length":72,"offset":53}],"inlineStyleRanges":[],"text":"\uD83D\uDCD6 Оригинальная книга доступна на официальном сайте:\n\nhttps://www.packtpub.com/en-us/product/django-5-by-example-9781805122340","type":"unstyled","key":"7thq9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"О чём эта статья и чем она будет полезна?","type":"header-two","key":"7rd5p"},{"data":{},"depth":0,"entityRanges":[{"key":1,"length":66,"offset":39}],"inlineStyleRanges":[],"text":"Эта статья явлется продолжением статьи Создание Блога на Django 5, PostgreSQL 16 с полнотекстовым поиском.","type":"unstyled","key":"bqm14"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"В этот раз мы пройдем путь от настройки представлений (views), маршрутов (urls) и шаблонов (templates) до подключения тёмной темы в стиле Киберпанк и адаптивного дизайна в духе Яндекс.Дзен.","type":"unstyled","key":"9su71"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Статья будет полезна:","type":"unstyled","key":"e4b1u"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"новичкам, которые хотят понять, как устроен MVC-подход в Django на практике;","type":"unordered-list-item","key":"1o5ra"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"джунам и мидлам, желающим закрепить навыки создания кастомных представлений и шаблонов;","type":"unordered-list-item","key":"4cl2t"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"разработчикам, стремящимся быстро задать профессиональный визуальный стиль без глубоких знаний CSS.","type":"unordered-list-item","key":"c33g9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"В процессе вы:","type":"unstyled","key":"6lv0l"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"создадите список и детальное представление постов,","type":"unordered-list-item","key":"41f89"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"научитесь правильно подключать URL-маршруты через пространства имён,","type":"unordered-list-item","key":"ektl5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"организуете шаблоны по best practices (base.html + наследование),","type":"unordered-list-item","key":"7dua3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"создадите команду manage.py для управления публикациями,","type":"unordered-list-item","key":"dpgce"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"и добавите адаптивную тёмную тему — сначала яркую (киберпанк), затем минималистичную (в стиле Дзен).","type":"unordered-list-item","key":"14nbh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Введение","type":"header-two","key":"5j89f"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Зачем нужны представления в Django?","type":"header-three","key":"1kbp5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Теперь, когда вы понимаете, как использовать ORM, вы готовы приступить к созданию представлений (views) для блога. ","type":"unstyled","key":"6fp3p"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Представление в Django — это обычная Python‑функция, которая принимает веб‑запрос и возвращает веб‑ответ. Вся логика, необходимая для формирования нужного ответа, реализуется внутри представления.","type":"unstyled","key":"btj3b"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Как связаны представления, маршруты и шаблоны?","type":"header-three","key":"cpcp4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Сначала вы создаете представления приложения, затем определяете шаблоны URL для каждого представления, и в конце — создаете HTML‑шаблоны для отображения данных, которые формируются представлениями. Каждое представление будет рендерить шаблон, передавать ему переменные и возвращать HTTP‑ответ с отрендеренным результатом.","type":"unstyled","key":"80v11"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Шаг 1. Создание представлений","type":"header-two","key":"epljj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Представление для списка постов (post_list)","type":"header-three","key":"2c37"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Давайте начнём с создания представления, которое будет отображать список постов. Отредактируйте файл views.py в приложении blog, чтобы он выглядел следующим образом:","type":"unstyled","key":"14adg"},{"data":{"image":{"id":"684fe8c9c798ef1f1cc3c6c7"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"omgp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Это — наше первое представление в Django.\n\nФункция post_list принимает единственный аргумент — объект запроса request. Этот параметр обязателен для всех представлений.","type":"unstyled","key":"6r9mj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"В этом представлении мы получаем все посты со статусом PUBLISHED с помощью менеджера published, который мы ранее создали.","type":"unstyled","key":"9kram"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Затем мы используем вспомогательную функцию render(), предоставленную Django, чтобы отрендерить список постов с использованием заданного шаблона.\n\nФункция render() принимает три аргумента:","type":"unstyled","key":"e4bb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Объект request,","type":"ordered-list-item","key":"66sqh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Путь к HTML-шаблону,","type":"ordered-list-item","key":"6rsm2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Словарь с переменными контекста, которые будут переданы в шаблон.","type":"ordered-list-item","key":"ag6q9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Функция возвращает объект HttpResponse с отрендеренным текстом (обычно — HTML-кодом).","type":"unstyled","key":"719ln"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Функция render() автоматически учитывает контекст запроса, поэтому все переменные, определённые контекстными процессорами шаблонов, будут доступны в шаблоне.\n\nКонтекстные процессоры — это просто функции, которые добавляют переменные в контекст.","type":"unstyled","key":"bo84u"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Представление для одного поста (post_detail)","type":"header-three","key":"79ljf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Теперь давайте создадим второе представление — для детального отображения одного поста. Добавьте в views.py следующую функцию:","type":"unstyled","key":"4u4v5"},{"data":{"image":{"id":"684feb83c798ef1f1cc8763b"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"8e5b7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Это представление post_detail. Оно принимает аргумент id — идентификатор поста.","type":"unstyled","key":"99dr7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Внутри функции мы пытаемся получить объект Post с указанным id через метод get() менеджера published.","type":"unstyled","key":"5396t"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Если пост не найден и выбрасывается исключение DoesNotExist, мы вызываем исключение Http404, чтобы вернуть HTTP-ответ с ошибкой 404.","type":"unstyled","key":"c8j9p"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Мы снова используем функцию render() для отображения найденного поста с помощью соответствующего шаблона.","type":"unstyled","key":"aqko1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Как работает get_object_or_404?","type":"header-three","key":"dkp71"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Django предоставляет удобную функцию - get_object_or_404, которая вызывает метод get() на переданном менеджере модели и автоматически выбрасывает исключение Http404, если объект не найден, вместо стандартного DoesNotExist.","type":"unstyled","key":"9f7pu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Отредактируйте файл views.py, чтобы импортировать get_object_or_404 и изменить представление post_detail следующим образом. ","type":"unstyled","key":"bv7bs"},{"data":{"image":{"id":"684feb16269a3428942e1d91"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"a7n0n"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"В обновлённом представлении post_detail мы используем функцию get_object_or_404() для получения нужного поста.\n\nЭта функция возвращает объект, соответствующий переданным параметрам, либо вызывает исключение Http404, если такой объект не найден.","type":"unstyled","key":"45s1q"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"В файле blog/views.py должен быть следующий код:","type":"unstyled","key":"clm8g"},{"data":{"image":{"id":"684fee77614ba50502a62c4f"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"2aqm6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Шаг 2. Настройка маршрутов (URL)","type":"header-two","key":"f06re"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":26,"offset":0,"style":"BOLD"}],"text":"URL-шаблоны (URL patterns) позволяют связать адреса (URL) с определёнными представлениями.\n\nКаждый URL-шаблон состоит из трёх компонентов:","type":"unstyled","key":"10u1f"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"строкового паттерна (маршрута),","type":"ordered-list-item","key":"iiot"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"вызываемого представления (view),","type":"ordered-list-item","key":"2rrdh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"(опционально) имени, по которому можно ссылаться на этот маршрут во всём проекте.","type":"ordered-list-item","key":"e2i1v"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Django проходит по каждому шаблону URL сверху вниз и останавливается на первом совпадении с входящим URL.\n\nПосле этого он импортирует соответствующее представление и вызывает его, передавая в него объект HttpRequest и аргументы маршрута (позиционные или именованные).","type":"unstyled","key":"ch7fs"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":34,"offset":0,"style":"BOLD"}],"text":"Создание urls.py в приложении blog","type":"header-three","key":"c6uqs"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Создайте файл urls.py в директории приложения blog и добавьте в него следующий код:","type":"unstyled","key":"dt4qk"},{"data":{"image":{"id":"684fef84ca1db06f07370188"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"7fs0v"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":21,"offset":0,"style":"BOLD"}],"text":"Что здесь происходит:","type":"unstyled","key":"3he17"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":29,"offset":27,"style":"BOLD"}],"text":"app_name = 'blog' — задаёт пространство имён (namespace) для приложения. Это критически важно, если в проекте несколько приложений с однотипными маршрутами. С помощью app_name можно ссылаться на маршруты по схеме blog:post_list и blog:post_detail.","type":"unordered-list-item","key":"7ka2n"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Первый маршрут — это корень (''), он ссылается на представление post_list.","type":"unordered-list-item","key":"fqftq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Второй маршрут — это '/'. Он принимает один аргумент id и передаёт его в представление post_detail.","type":"unordered-list-item","key":"9j6ai"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":19,"offset":18,"style":"BOLD"}],"text":"Django использует конвертеры маршрута (path converters) в фигурных скобках, чтобы преобразовывать значения из строки в тип данных:","type":"unstyled","key":"8brgl"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" — целое число;","type":"unordered-list-item","key":"9ducq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" — \"slug\" строка (буквы, цифры, дефисы, подчёркивания);","type":"unordered-list-item","key":"2cecj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" — строка;","type":"unordered-list-item","key":"14t71"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" — UUID;","type":"unordered-list-item","key":"6bp3u"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" — путь с /.","type":"unordered-list-item","key":"3d200"},{"data":{},"depth":0,"entityRanges":[{"key":2,"length":71,"offset":41}],"inlineStyleRanges":[],"text":"Полный список доступен в документации:\n\uD83D\uDCCE https://docs.djangoproject.com/en/5.0/topics/http/urls/#path-converters","type":"unstyled","key":"33gth"},{"data":{},"depth":0,"entityRanges":[{"key":3,"length":67,"offset":113},{"key":4,"length":42,"offset":183}],"inlineStyleRanges":[],"text":"Если базовых конвертеров path() недостаточно — можно использовать re_path() и регулярные выражения. Подробнее:\n\uD83D\uDCCE https://docs.djangoproject.com/en/5.0/ref/urls/#django.urls.re_path\n\uD83D\uDCCE https://docs.python.org/3/howto/regex.html","type":"unstyled","key":"fdq5t"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":17,"offset":0,"style":"BOLD"}],"text":"Совет от сеньора: Всегда создавай отдельный urls.py в каждом приложении — это делает его переиспользуемым и изолированным. Особенно важно в больших проектах и при публикации приложения как Django-пакета.","type":"blockquote","key":"606b"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Подключение маршрутов blog в корневом mysite/urls.py","type":"header-three","key":"13s5e"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Теперь необходимо включить маршруты blog/urls.py из приложения blog в корневой маршрут mysite/urls.py проекта.","type":"unstyled","key":"ekse8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Откройте mysite/urls.py и измените его следующим образом:","type":"unstyled","key":"vmha"},{"data":{"image":{"id":"684ff119f4f5501aa53bb4eb"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"6e4f2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":7,"offset":0,"style":"BOLD"}],"text":"Разбор:","type":"unstyled","key":"drope"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"include('blog.urls', namespace='blog') — встраивает маршруты из blog/urls.py, и все они теперь будут доступны по префиксу /blog/.","type":"unordered-list-item","key":"442ak"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"namespace='blog' — связывает пространство имён с этим блоком маршрутов. Это важно для надёжной ссылки на маршруты в шаблонах и функциях reverse().","type":"unordered-list-item","key":"fppc0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Использование пространств имён (app_name, namespace)","type":"header-three","key":"3smm7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Теперь можно использовать маршруты по их имени, через пространство имён:","type":"unstyled","key":"9p690"},{"data":{"image":{"id":"684ff198e81e9155a681fec4"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"d9qqd"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Или в Python-коде (например, редирект):","type":"unstyled","key":"eerrc"},{"data":{"image":{"id":"684ff1e4083e6952b7e72083"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"80cb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":61,"offset":13,"style":"BOLD"}],"text":"Если кратко, настройка маршрутов — это архитектурная основа вашего проекта. Используя имена и пространства имён (app_name, name), вы обеспечиваете стабильную и удобную навигацию по проекту.","type":"unstyled","key":"6uk9v"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Шаг 3. Создание шаблонов","type":"header-two","key":"675v7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Мы уже создали представления и URL-шаблоны для блога.\n\nURL-шаблоны связывают URL с представлениями, а представления определяют, какие данные возвращать пользователю.","type":"unstyled","key":"fgnhv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":7,"offset":0,"style":"BOLD"},{"length":23,"offset":111,"style":"BOLD"},{"length":3,"offset":38,"style":"ITALIC"}],"text":"Шаблоны (templates) — отвечают за то, как эти данные отображаются. Обычно они пишутся на HTML с использованием шаблонного языка Django.","type":"unstyled","key":"1c7uj"},{"data":{},"depth":0,"entityRanges":[{"key":5,"length":61,"offset":38}],"inlineStyleRanges":[],"text":"\uD83D\uDCCE Подробнее о шаблонном языке Django:\nhttps://docs.djangoproject.com/en/5.0/ref/templates/language/","type":"unstyled","key":"8ur98"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Структура шаблонов в приложении blog","type":"header-three","key":"2fa2u"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Добавим в наше приложение blog следующие каталоги и файлы:","type":"unstyled","key":"5h80l"},{"data":{"image":{"id":"684ff2c3ded6a153878ddd94"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"8n5bp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Это будет структура шаблонов для блога.","type":"unstyled","key":"5i8h7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"base.html — базовый шаблон сайта: включает общую HTML-структуру, общие стили, и делит страницу на основную часть и сайдбар.","type":"unordered-list-item","key":"22vtu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"post/list.html — шаблон для отображения списка постов.","type":"unordered-list-item","key":"15a2s"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"post/detail.html — шаблон для отображения отдельного поста.","type":"unordered-list-item","key":"8r1dh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":24,"offset":36,"style":"BOLD"}],"text":"Оба шаблона list.html и detail.html наследуются от base.html, чтобы повторно использовать общую структуру сайта.","type":"unstyled","key":"990t4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":34,"offset":0,"style":"BOLD"}],"text":"Как работает шаблонный язык Django","type":"unstyled","key":"fvjas"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Django предоставляет мощный шаблонный язык, с помощью которого можно управлять отображением данных. Он состоит из трёх основных элементов:","type":"unstyled","key":"b4ctr"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":14,"offset":0,"style":"BOLD"}],"text":"Шаблонные теги (template tags) — управляют логикой рендеринга и имеют вид: {% tag %}","type":"unordered-list-item","key":"m7bf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Пример: ","type":"unstyled","key":"gke2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"{% for post in posts %}, {% if user.is_authenticated %}","type":"blockquote","key":"7li4b"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":20,"offset":0,"style":"BOLD"}],"text":"Шаблонные переменные (template variables) — отображают значения и имеют вид: {{ variable }}","type":"unordered-list-item","key":"3cv1t"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Пример: ","type":"unstyled","key":"20lvg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"{{ post.title }}, {{ user.username }}","type":"blockquote","key":"4d0gt"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":17,"offset":0,"style":"BOLD"}],"text":"Шаблонные фильтры (template filters) — позволяют модифицировать значения перед отображением.\nВид: {{ variable|filter }}","type":"unordered-list-item","key":"34t40"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Пример: ","type":"unstyled","key":"e14n7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"{{ post.body|truncatewords:30 }}, {{ publish|date:\"d.m.Y\" }}","type":"blockquote","key":"3a3pc"},{"data":{},"depth":0,"entityRanges":[{"key":6,"length":61,"offset":45}],"inlineStyleRanges":[],"text":"Полный список встроенных тегов и фильтров:\n\uD83D\uDCCE https://docs.djangoproject.com/en/5.0/ref/templates/builtins/","type":"unstyled","key":"1nnok"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":17,"offset":0,"style":"BOLD"}],"text":"Совет от сеньора:\nПишите шаблоны так, чтобы повторяемая структура (хедер, футер, меню) находилась в base.html, а всё специфичное для страниц подключалось блоками ({% block content %} и т.д.) — это делает шаблоны поддерживаемыми и переиспользуемыми.","type":"unstyled","key":"18usu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Базовый шаблон base.html: зачем он нужен?","type":"header-three","key":"3fpol"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Откройте файл base.html и добавьте в него следующий код:","type":"unstyled","key":"a6kn7"},{"data":{"image":{"id":"684ff5c23cb98a6b58ca958c"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"c59b6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":37,"offset":0,"style":"BOLD"}],"text":"Подробное объяснение на уровне senior","type":"unstyled","key":"3jphm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":17,"offset":0,"style":"BOLD"}],"text":"{% load static %}","type":"unstyled","key":"687l8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":36,"offset":48,"style":"BOLD"}],"text":"Эта строка сообщает Django, что нужно загрузить теги шаблонов для работы со статикой. Они предоставляются встроенным приложением django.contrib.staticfiles, которое обязательно должно быть добавлено в список INSTALLED_APPS.","type":"unstyled","key":"ib2t"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"После этого можно использовать тег {% static %} для подключения CSS, JS, изображений и других файлов.","type":"unstyled","key":"2jmv4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Пример:","type":"unstyled","key":"eh6vr"},{"data":{"image":{"id":"684ff640e81e9155a6897e5b"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"eclc4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Здесь подключается CSS-файл, находящийся по пути:","type":"unstyled","key":"csoq4"},{"data":{"image":{"id":"684ff67c3cb98a6b58cc0912"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"bj8o8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Использование {% block %}","type":"header-three","key":"c20j5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":5,"offset":22,"style":"BOLD"}],"text":"Шаблон использует два блока:","type":"unstyled","key":"6f0jl"},{"data":{"image":{"id":"684ff7d96bc49e3472264304"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"{% block title %}{% endblock %}","type":"atomic:image","key":"e9rk7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"9ssc4"},{"data":{"image":{"id":"684ff7a6269a3428944262cc"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"{% block content %}{% endblock %}","type":"atomic:image","key":"8effi"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":22,"offset":37,"style":"BOLD"}],"text":"Блоки позволяют шаблонам-наследникам вставлять свой контент в нужные места, переопределяя содержимое этих блоков. Это базовый механизм наследования шаблонов в Django.","type":"unstyled","key":"5qnvo"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Например, шаблон list.html будет выглядеть так:","type":"unstyled","key":"33ivl"},{"data":{"image":{"id":"684ff8ab3cb98a6b58d08b6e"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"fluiu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Советы по best practices","type":"header-three","key":"57dsj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Храните всю повторяющуюся разметку (head, footer, menu, sidebar) в base.html.","type":"unordered-list-item","key":"22qcd"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Используйте блочные теги {% block %} для участков, которые будут кастомизироваться в дочерних шаблонах.","type":"unordered-list-item","key":"dt0fo"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Всегда подключайте статику через {% static %} — это гарантирует, что пути будут корректными даже при использовании CDN, collectstatic, или в продакшн-окружении.","type":"unordered-list-item","key":"bpv9i"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Проверяйте, что STATICFILES_DIRS и STATIC_URL корректно настроены в settings.py.","type":"unordered-list-item","key":"am89t"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Шаблон base.html — каркас всего блога. Он формирует основу визуального оформления и позволяет дочерним шаблонам гибко вставлять свои данные без дублирования структуры.","type":"unstyled","key":"30cev"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Шаблон списка постов post/list.html","type":"header-two","key":"2mdr6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Откройте файл post/list.html и вставьте в него следующий код:","type":"unstyled","key":"4drdl"},{"data":{"image":{"id":"68501cafdd94d277fdd88f45"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"8hbjv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":41,"offset":0,"style":"BOLD"}],"text":"Подробный разбор шаблона на уровне senior","type":"unstyled","key":"2ceml"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":30,"offset":0,"style":"BOLD"}],"text":"{% extends \"blog/base.html\" %}","type":"unstyled","key":"brpsl"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":11,"offset":44,"style":"BOLD"}],"text":"Этот тег сообщает Django, что данный шаблон наследуется от базового шаблона base.html, расположенного по пути blog/base.html.\n\nОн автоматически подтянет структуру base.html, а в блоки title и content будет вставлено содержимое, определённое в этом дочернем шаблоне.","type":"unstyled","key":"1859h"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":39,"offset":0,"style":"BOLD"}],"text":"{% block title %} и {% block content %}","type":"unstyled","key":"2hqj7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Мы переопределяем два блока из base.html:","type":"unstyled","key":"fg8lj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"В блок title вставляется заголовок страницы \"Блог ALEXPROIT\".","type":"unordered-list-item","key":"f5kg6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"В блок content — весь основной контент: список постов.","type":"unordered-list-item","key":"84gcb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":23,"offset":0,"style":"BOLD"}],"text":"{% for post in posts %}","type":"unstyled","key":"7eli0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Перебираем все посты, переданные из представления post_list, и для каждого выводим:","type":"unstyled","key":"d32do"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":9,"offset":0,"style":"BOLD"}],"text":"Заголовок, обёрнутый в ссылку на детальную страницу поста:","type":"unstyled","key":"35odc"},{"data":{"image":{"id":"68501c760690f6496dac9a98"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"qmm6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":44,"offset":0,"style":"BOLD"}],"text":"Тег {% url %} для динамической генерации URL","type":"unstyled","key":"ag5sc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"{{ post.title }}","type":"blockquote","key":"9b240"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":44,"offset":37,"style":"BOLD"}],"text":"Здесь используется тег {% url %} для динамической генерации URL по имени маршрута.\n\n'blog:post_detail' — это полное имя маршрута, с пространством имён blog (указан в app_name), и именем post_detail.\n\nВ аргументах передаётся post.id, необходимый для построения URL.","type":"unordered-list-item","key":"b90pp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":3,"style":"BOLD"}],"text":"⚠️ Важно: Никогда не прописывайте URL жёстко (типа /blog/42/). Всегда используйте {% url %} — это делает код надёжным и нечувствительным к изменению маршрутов.","type":"blockquote","key":"7n51o"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":44,"offset":0,"style":"BOLD"}],"text":"Фильтры шаблонов: truncatewords и linebreaks","type":"unstyled","key":"1l259"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"{{ post.body|truncatewords:30|linebreaks }}","type":"blockquote","key":"7do7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"truncatewords:30 — сокращает текст до 30 слов.","type":"unordered-list-item","key":"6igm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"linebreaks — преобразует переносы строк (\\n) в HTML-теги
и

.","type":"unordered-list-item","key":"87clp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":39,"offset":6,"style":"BOLD"}],"text":"Можно комбинировать любое количество фильтров — каждый применяется к результату предыдущего.","type":"unstyled","key":"28r0l"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":15,"offset":0,"style":"BOLD"}],"text":"Best practices:","type":"unstyled","key":"9qq4v"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":26,"offset":16,"style":"BOLD"}],"text":"Делайте шаблоны максимально декларативными, используя фильтры и теги Django — это упрощает поддержку.","type":"unordered-list-item","key":"bcdsp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Используйте truncatewords, чтобы не перегружать страницу длинными текстами.","type":"unordered-list-item","key":"c19rq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Следите, чтобы шаблоны были чистыми: без бизнес-логики и условий, которые лучше реализовать в представлении.","type":"unordered-list-item","key":"17oq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Используйте {% empty %} внутри {% for %} для обработки случая, когда список пуст.","type":"unordered-list-item","key":"d5ja4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Почему стоит использовать {% empty %}?","type":"header-three","key":"75e8i"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":45,"offset":0,"style":"BOLD"}],"text":"{% empty %} внутри {% for %} для нашего блога","type":"unstyled","key":"euv82"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"В файл post/list.html добавим {% empty %} внутри {% for %} для нашего блога.","type":"unstyled","key":"cg9rm"},{"data":{"image":{"id":"685014bf534bf43270a5d912"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"e28t9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Файл post/list.html целиком будет иметь вид:","type":"unstyled","key":"117nd"},{"data":{"image":{"id":"68501bd3ca45f56c8d0f4d17"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"enil1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":33,"offset":0,"style":"BOLD"}],"text":"Почему стоит добавить {% empty %}","type":"unstyled","key":"4tesp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":7,"offset":0,"style":"BOLD"}],"text":"Польза:","type":"unstyled","key":"8ga7s"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":21,"offset":0,"style":"BOLD"}],"text":"Пользовательский опыт: посетитель не будет видеть пустую страницу.","type":"ordered-list-item","key":"cokdu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":15,"offset":0,"style":"BOLD"}],"text":"Явное поведение: вы чётко контролируете, что покажется, если posts пуст.","type":"ordered-list-item","key":"clbq9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":16,"offset":0,"style":"BOLD"}],"text":"Удобство отладки: если данные не пришли, вы это сразу увидите в браузере, а не будете думать \"почему всё пусто\".","type":"ordered-list-item","key":"f3snb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":5,"offset":0,"style":"BOLD"}],"text":"Вывод","type":"unstyled","key":"4go7j"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":30,"offset":17,"style":"BOLD"}],"text":"Блок {% empty %} желательно использовать всегда, когда работаешь с циклом for, особенно в представлениях, отображающих контент из базы данных. Это улучшает UX и делает шаблон более надёжным.","type":"unstyled","key":"92ffj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Шаг 4. Отладка и запуск блога","type":"header-two","key":"609cm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Чтобы проверить работу блога, выполните несколько завершающих шагов:","type":"unstyled","key":"3ko6c"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Как проставить статус \"Опубликовано\"","type":"header-three","key":"cu8s"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Выполните команду для запуска тестового веб сервера Django%","type":"unstyled","key":"l0or"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"python manage.py runserver","type":"blockquote","key":"5ks9g"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Зайдите в админку сайта по ссылке:","type":"unstyled","key":"69svg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"http://127.0.0.1:8000/admin/","type":"blockquote","key":"dl3mj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"и проставьте у постов, которые должны быть опубликованы, статус \"Опубликовано\".","type":"unstyled","key":"6i13a"},{"data":{"image":{"id":"68501800deab072d7ba28d79"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"anpla"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":31,"offset":6,"style":"BOLD"}],"text":"Затем создайте несколько новых постов — также со статусом \"Опубликовано\". Это необходимо, чтобы они отображались в публичной части сайта, так как представления фильтруют посты по этому статусу:","type":"unstyled","key":"31gvg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Post.published.all()","type":"blockquote","key":"c7bjs"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Как проверить отображение постов в браузере?","type":"header-three","key":"62vgp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Откройте в браузере адрес:","type":"unstyled","key":"fg6l1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"http://127.0.0.1:8000/blog/","type":"blockquote","key":"10ln7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Результат:","type":"unstyled","key":"3odik"},{"data":{"image":{"id":"68501d3340418d7d7f466b31"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"a6s38"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Если всё сделано правильно, вы увидите страницу, на которой отображаются опубликованные посты.\n\nКаждый заголовок — это кликабельная ссылка, ведущая на страницу поста.","type":"unstyled","key":"6jj87"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Шаг 5. Управление публикацией через manage.py","type":"header-two","key":"67cr3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Как создать кастомную команду unpublish_all_posts","type":"header-three","key":"2e1qe"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Для проведения экспериментов создадим manage команду, которая автоматически будет снимать с публикации все посты блога.","type":"unstyled","key":"37klg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Для этого создадим файл: blog/management/commands/unpublish_all_posts.py","type":"unstyled","key":"40bbk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Добавьте содержимое файла unpublish_all_posts.py:","type":"unstyled","key":"31guj"},{"data":{"image":{"id":"68501eb701e5211165a356c0"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"eu4qb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"⚠️ Важно: рядом должен быть пустой __init__.py файл в каждой папке (management/, commands/), чтобы Django их распознал как модули.","type":"unstyled","key":"1cs27"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Проверка количества опубликованных и неопубликованных постов","type":"header-three","key":"ac47s"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Запустите команду:","type":"unstyled","key":"cc04s"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"python manage.py unpublish_all_posts","type":"blockquote","key":"6lm5q"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Результат:","type":"unstyled","key":"f2q06"},{"data":{"image":{"id":"68501f5bebbdf102306deabc"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"15m6q"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Выполните команду:","type":"unstyled","key":"al3so"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"python manage.py shell_plus --print-sql","type":"blockquote","key":"v8rf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Проверим, сколько опубликованных постов сейчас в базе.","type":"unstyled","key":"3tjvr"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Выполните запрос:","type":"unstyled","key":"1cbgp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":">>> from blog.models import Post","type":"blockquote","key":"6l7ic"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":">>> Post.published.count()","type":"blockquote","key":"bi92f"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Результат:","type":"unstyled","key":"3atll"},{"data":{"image":{"id":"6850209e589a567168f69e7d"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"794oh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Опубликованных постов в базе нет - 0 шт.","type":"unstyled","key":"cu7so"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Проверим сколько в базе неопубликованных постов:","type":"unstyled","key":"33og7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Post.objects.filter(status=Post.Status.DRAFT).count()","type":"blockquote","key":"8lojc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Реузультат:","type":"unstyled","key":"fkqra"},{"data":{"image":{"id":"6850215ec826e142e1c0f74a"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"fvkdq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Запустим тестовый сервер и проверим как будет выглядеть список постов.","type":"unstyled","key":"53h4u"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"python manage.py runserver","type":"blockquote","key":"888a4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Перейдем по ссылке:","type":"unstyled","key":"cg37e"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"http://127.0.0.1:8000/blog/","type":"blockquote","key":"cg31k"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Результат:","type":"unstyled","key":"fbe45"},{"data":{"image":{"id":"6850221d01e5211165aa1031"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"al7sf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Сделаем так чтобы наш sidebar блок был сверху, так как когда постов много его не видно.","type":"unstyled","key":"1mu50"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Изменим код файла base.html:","type":"unstyled","key":"8hlra"},{"data":{"image":{"id":"685023242707905871a64bd2"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"a33rr"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Теперь наш блок sidebar всегда будет сверху - на виду.","type":"unstyled","key":"8nt6l"},{"data":{"image":{"id":"6850237f01e5211165ac2774"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"4rhnr"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Шаблон отдельного поста post/detail.html","type":"header-three","key":"44dph"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":24,"offset":32,"style":"BOLD"}],"text":"Создадим шаблон для отображения детальной страницы поста.","type":"unstyled","key":"54ghb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Для этого откройте файл post/detail.html и вставьте в него следующий код:","type":"unstyled","key":"la5k"},{"data":{"image":{"id":"6850258fbc48c83f91ce2824"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"ba4su"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":41,"offset":0,"style":"BOLD"}],"text":"Подробный разбор шаблона на уровне senior","type":"unstyled","key":"10if1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":30,"offset":0,"style":"BOLD"}],"text":"{% extends \"blog/base.html\" %}","type":"unstyled","key":"aquu3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Этот шаблон наследуется от базового — base.html, который задаёт общую структуру страницы (HTML-обёртка, стили, сайдбар и т.п.).\n\nНаследование позволяет избежать дублирования кода и повысить переиспользуемость.","type":"unstyled","key":"3ok9n"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":21,"offset":0,"style":"BOLD"}],"text":"Блоки title и content","type":"unstyled","key":"9e9g4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":17,"offset":0,"style":"BOLD"}],"text":"{% block title %} — устанавливает HTML‑заголовок страницы ( в <head>). Он выводится как название вкладки в браузере.","type":"unstyled","key":"a5tbl"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"{% block title %}{{ post.title }}{% endblock %}","type":"blockquote","key":"16lmc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":19,"offset":0,"style":"BOLD"}],"text":"{% block content %} — основной контент страницы:","type":"unstyled","key":"a705o"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"<h1>{{ post.title }}</h1>","type":"blockquote","key":"4tc8g"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"<p class=\"date\">дата публикации:{{ post.publish }}, автор: {{ post.author }}</p>","type":"blockquote","key":"2u76h"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"{{ post.body|linebreaks }}","type":"blockquote","key":"8h9b1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Здесь:","type":"unstyled","key":"e8ank"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"{{ post.title }} — заголовок поста.","type":"unordered-list-item","key":"7g2lm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"{{ post.publish }} — дата публикации (можно дополнительно отформатировать фильтром |date:\"d.m.Y\").","type":"unordered-list-item","key":"a8jv3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"{{ post.author }} — имя пользователя, связанного с постом.","type":"unordered-list-item","key":"brj0c"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"{{ post.body|linebreaks }} — содержимое поста с автоматическим преобразованием \\n в <br> и <p>.","type":"unordered-list-item","key":"1v11o"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Перейдем в админку блога и проставим статус \"Опубликовано\" на нескольких постах, чтобы попрактиковаться и поверить работу нашего блога.","type":"unstyled","key":"20hor"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Откроем список постов по ссылке:","type":"unstyled","key":"et77q"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"http://127.0.0.1:8000/blog/","type":"blockquote","key":"3710h"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Результат:","type":"unstyled","key":"5a6h2"},{"data":{"image":{"id":"6850279160b8675b37403e06"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"f3uhj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Сверху видим наш сайдбар, а ниже список опубликованных постов. Кликнем по заголовку любого поста из списка и проверим работу шаблона post/detail.html.","type":"unstyled","key":"6douo"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Результат:","type":"unstyled","key":"6pms3"},{"data":{"image":{"id":"6850280fbed6096951dc7200"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"1oh1k"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"На скриншоте видим сверху наш сайдбар, ниже заголовок и тело поста.","type":"unstyled","key":"dveff"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Вывод - наш блог работает правильно.","type":"unstyled","key":"305q3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Шаг 6. Улучшение UI: стиль Киберпанк","type":"header-two","key":"36h3b"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Добавление Bootstrap 5.3 и тёмной темы","type":"header-three","key":"f8n7n"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Давайте добавим стили, чтобы наш блог выглядел в стиле киберпанк и был с темной темой и адаптивен для мобильных устройств.","type":"unstyled","key":"bi56v"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Не будем сильно заморачиваться со стилями - воспользуемся bootsrap 5.3","type":"unstyled","key":"86m3k"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Сделаем всю красоту с помощью ChatGPT.\nИзучите и скопируйте промт, вставьте в чат и получите результат.","type":"unstyled","key":"4gqm3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Откроем новый чат и опишем что мы хотим сделать:\nЯ сделал блог на Django 5, python 3.12. Блог показывает список постов и детали каждого поста. Сейчас нет стилей. Блог выглядит некраисиво.\n\nПомоги сделать адаптивную верстку bootsrap 5.3, темную тему в стиле киберпанк.\n\nСейчас я загружу содержимое шаблонов. Твоя задача добавить стили по заданиювыше.\n\nblog/base.html\n\n{% load static %}\n<!DOCTYPE html>\n<html>\n<head>\n <title>{% block title %}{% endblock %}\n \n\n\n

\n {% block content %}\n {% endblock %}\n

\n\n\n\n\nblog/post/list.html\n\n{% extends \"blog/base.html\" %}\n\n{% block title %}Блог ALEXPROIT{% endblock %}\n\n{% block content %}\n

Блог ALEXPROIT

\n {% for post in posts %}\n

\n \n {{ post.title }}\n \n

\n дата публикации: {{ post.publish }}, автор: {{ post.author }}\n

\n {{ post.body|truncatewords:30|linebreaks }}\n {% empty %}\n

Нет доступных постов. Загляните позже!

\n {% endfor %}\n{% endblock %}\n\n{% extends \"blog/base.html\" %}\n\n{% block title %}Блог ALEXPROIT{% endblock %}\n\n{% block content %}\n

Блог ALEXPROIT

\n {% for post in posts %}\n

\n \n {{ post.title }}\n \n

\n дата публикации: {{ post.publish }}, автор: {{ post.author }}\n

\n {{ post.body|truncatewords:30|linebreaks }}\n {% empty %}\n

Нет доступных постов. Загляните позже!

\n {% endfor %}\n{% endblock %}\n\nblog/post/detail.html\n\n{% extends \"blog/base.html\" %}\n\n{% block title %}{{ post.title }}{% endblock %}\n\n{% block content %}\n

\n дата публикации: {{ post.publish }}, автор: {{ post.author }}\n

\n {{ post.body|linebreaks }}\n{% endblock %}\n\nВыполни задание на уровне сеньор\n","type":"blockquote","key":"kid2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Результат:","type":"unstyled","key":"dia56"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"blog/base.html\n","type":"header-three","key":"gucf"},{"data":{"image":{"id":"68502dc58f34f90abf00ce53"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"2vaar"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"list.html","type":"header-three","key":"40qft"},{"data":{"image":{"id":"68502df5bed6096951e5c766"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"3j8e8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"detail.html","type":"header-three","key":"5pc6"},{"data":{"image":{"id":"68502e1a6a03016f14d54529"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"4cfkf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"blog.css","type":"header-three","key":"csf72"},{"data":{"image":{"id":"68502e57598bca2a99a940ac"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"3j676"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Теперь перенесите обновленный код в наши файлы стилей и шаблоны и запустите тестовый сервер по адресу:","type":"unstyled","key":"cdk92"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"http://127.0.0.1:8000/blog/","type":"blockquote","key":"2eogd"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Результат:","type":"unstyled","key":"adb0n"},{"data":{"image":{"id":"68502ec3dae42d47affe080b"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"1tblt"},{"data":{"image":{"id":"68502ef6f764b14a00b7cb12"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"5b383"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Согласитесь это хороший результат за пару минут.","type":"unstyled","key":"ad4aa"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Теперь уменьшим разрещение экрана и проверим адапртивность нашего блога при отображении информации на маленьких экранах.","type":"unstyled","key":"96o1h"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Результат:","type":"unstyled","key":"sk1l"},{"data":{"image":{"id":"68502fd7dd94d277fdf5350b"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"2h5tp"},{"data":{"image":{"id":"68502fe601e5211165bf9de1"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"ajac"},{"data":{"image":{"id":"68502ff1d78fb97bfbe85ab8"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"9mp02"},{"data":{"image":{"id":"68502ffe589a5671680ee757"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"9sjfs"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Как видно из скриншотов - полный адаптив.","type":"unstyled","key":"svjq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Шаг 7. Улучшение UX: стиль Яндекс.Дзен","type":"header-two","key":"2n786"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Почему мы перешли от Киберпанка к Дзену?","type":"header-three","key":"7pf86"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Этот стиль слишком яркий и будет мешать читать наши посты. Поэтому давайте выполним следующий короткий промт в ChatGPT:","type":"unstyled","key":"75mtc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Теперь я хочу чтобы ты сделал все тоже самое только в стиле Дзен - блог платформы от Яндекса в темной теме","type":"blockquote","key":"9nmlm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Результат:","type":"unstyled","key":"8otb4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Обновление стилей и шаблонов","type":"header-three","key":"7ojl3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"base.html","type":"header-three","key":"351gr"},{"data":{"image":{"id":"68504756598bca2a99cf2e70"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"4bd08"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"list.html","type":"header-three","key":"1d43b"},{"data":{"image":{"id":"685047ad598bca2a99cfb85c"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"ese5h"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"detail.html","type":"header-three","key":"8qf3m"},{"data":{"image":{"id":"685047e2779790766d848327"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"cl5p2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"blog.css","type":"header-three","key":"b8r2t"},{"data":{"image":{"id":"685048128f34f90abf28b3ea"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"eq4cu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Проверка адаптивности и читаемости","type":"header-three","key":"3bfnb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Обновите код в ваших файлах шаблонов и стилей и запустите тестовый веб сервер Django.","type":"unstyled","key":"em4jo"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"python manage.py runserver","type":"blockquote","key":"c32k"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Перейдите по ссылке:","type":"unstyled","key":"52ome"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"http://127.0.0.1:8000/blog/","type":"blockquote","key":"8mb3e"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Результат:","type":"unstyled","key":"aqm2k"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Страница со списоком постов","type":"header-three","key":"cmh13"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":11,"offset":0,"style":"BOLD"}],"text":"Шапка сайта","type":"unstyled","key":"cfn9j"},{"data":{"image":{"id":"685048c39cde0b021d6d3983"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"r6uf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":0,"style":"BOLD"}],"text":"Подвал","type":"unstyled","key":"cbi7"},{"data":{"image":{"id":"68504918abd011324d6b4135"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"a1t0l"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":14,"offset":0,"style":"BOLD"}],"text":"Страница поста","type":"unstyled","key":"4cadt"},{"data":{"image":{"id":"6850496c2707905871dd7abc"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"c4oma"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Как видно из скриншотов мы получили адаптивный удобный и споскойный дизайн в стиле Дзен, который позволит сконцентрировать внимание на посте и его содержании а не элементах интерфейса.","type":"unstyled","key":"bb0h4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Этот дизайн мы будем использовать в дальнейшем при создании нашего приложения блог.","type":"unstyled","key":"c0pmf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Вопросы, которые задают на собеседованиях","type":"header-two","key":"fovd"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":14,"style":"BOLD"}],"text":"\uD83D\uDFE2 Вопросы для Junior-разработчика","type":"header-three","key":"517os"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Что такое представление (view) в Django?","type":"ordered-list-item","key":"93aqu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Чем отличаются function-based views и class-based views?","type":"ordered-list-item","key":"a6jmp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Какой аргумент обязательно принимает функция-представление?","type":"ordered-list-item","key":"c6fin"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Как вернуть HTML-ответ из представления?","type":"ordered-list-item","key":"8lcvj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Для чего используется функция render()?","type":"ordered-list-item","key":"2ag0e"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Что такое get_object_or_404() и зачем она нужна?","type":"ordered-list-item","key":"663in"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Как передать переменные из представления в шаблон?","type":"ordered-list-item","key":"491cs"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Что делает тег {% url 'имя_маршрута' аргументы %} в шаблоне?","type":"ordered-list-item","key":"5g6f2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Чем отличаются {{ переменная }} и {% тег %} в шаблонах Django?","type":"ordered-list-item","key":"5an5o"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Что произойдёт, если в {% for %} не использовать {% empty %}?","type":"ordered-list-item","key":"c20qf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":14,"style":"BOLD"}],"text":"\uD83D\uDFE1 Вопросы для Middle-разработчика","type":"header-three","key":"cp38a"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Как работает механизм маршрутизации (path(), re_path(), include()) в Django?","type":"ordered-list-item","key":"9s3jh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Зачем использовать app_name и namespace в urls.py?","type":"ordered-list-item","key":"8dhv5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Как организовать маршруты в большом проекте с несколькими приложениями?","type":"ordered-list-item","key":"ahfoj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"В чём разница между HttpResponse, render() и redirect()?","type":"ordered-list-item","key":"4i3i8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Как Django находит шаблоны при рендеринге?","type":"ordered-list-item","key":"1h7sp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Какие способы передачи данных в шаблон ты знаешь, кроме контекста в render()?","type":"ordered-list-item","key":"bjihd"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Как избежать дублирования кода в шаблонах?","type":"ordered-list-item","key":"bg0ne"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Как работает механизм наследования шаблонов в Django?","type":"ordered-list-item","key":"25g2a"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Как подключать статику и медиафайлы в шаблонах?","type":"ordered-list-item","key":"e4et4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Какие фильтры шаблонов ты используешь чаще всего?","type":"ordered-list-item","key":"e50m2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":14,"style":"BOLD"}],"text":"\uD83D\uDD34 Вопросы для Senior-разработчика","type":"header-three","key":"c6r0b"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Как организовать структуру проекта, чтобы он был расширяемым и поддерживаемым при росте количества представлений и маршрутов?","type":"ordered-list-item","key":"7cqpo"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Как построить REST API на основе существующих views, не переписывая бизнес-логику?","type":"ordered-list-item","key":"4nvrf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Как реализовать шаблоны с минимальным количеством логики, соблюдая Separation of Concerns?","type":"ordered-list-item","key":"b6351"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Как писать собственные template tags и фильтры в Django?","type":"ordered-list-item","key":"6d3t5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Как реализовать универсальные компоненты шаблонов (например, карточку поста) для повторного использования?","type":"ordered-list-item","key":"4s5ir"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Как масштабировать маршрутизацию с использованием вложенных include() и пространств имён?","type":"ordered-list-item","key":"c3qm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Как обеспечить кэширование шаблонов и представлений для повышения производительности?","type":"ordered-list-item","key":"9vs8j"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Как настроить шаблонные контекстные процессоры и зачем это нужно?","type":"ordered-list-item","key":"1c7d7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Какие подходы ты используешь для тестирования представлений и шаблонов?","type":"ordered-list-item","key":"dkqe0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Как обезопасить шаблоны Django от XSS и других атак?","type":"ordered-list-item","key":"gd1j"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Заключение: чему мы научились и зачем это нужно","type":"header-two","key":"effto"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"В этой статье мы прошли полный цикл разработки базового блога на Django 5:","type":"unstyled","key":"armtv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":13,"offset":8,"style":"BOLD"}],"text":"Создали представления для списка и деталей постов,","type":"unordered-list-item","key":"9njsq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":10,"style":"BOLD"}],"text":"Настроили маршруты с использованием пространства имён,","type":"unordered-list-item","key":"acpjd"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":23,"offset":10,"style":"BOLD"}],"text":"Построили гибкую систему шаблонов на основе base.html,","type":"unordered-list-item","key":"6ddf4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":41,"offset":8,"style":"BOLD"}],"text":"Освоили фильтрацию данных через менеджеры моделей,","type":"unordered-list-item","key":"6vtoe"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":41,"offset":9,"style":"BOLD"}],"text":"Добавили кастомную команду управления публикациями через manage.py,","type":"unordered-list-item","key":"3jaam"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":33,"offset":16,"style":"BOLD"},{"length":9,"offset":67,"style":"BOLD"},{"length":11,"offset":96,"style":"BOLD"}],"text":"Оформили блог в тёмной теме с адаптивной вёрсткой, сначала в стиле киберпанк, а затем — в стиле Яндекс.Дзен.","type":"unordered-list-item","key":"710ed"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Благодаря этому вы:","type":"unstyled","key":"bptkr"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":23,"offset":42,"style":"BOLD"}],"text":"На практике закрепили архитектуру Django: Model → View → Template.","type":"unordered-list-item","key":"8tlf3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":44,"offset":12,"style":"BOLD"}],"text":"Поняли, как отделять логику отображения от бизнес-логики.","type":"unordered-list-item","key":"3fbak"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Получили основу для любого контентного проекта: от блога до новостного портала.","type":"unordered-list-item","key":"3ijfv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":25,"offset":16,"style":"BOLD"}],"text":"Познакомились с настройкой тем оформления и созданием интерфейсов, удобных для чтения.","type":"unordered-list-item","key":"a29bf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Этот проект — отправная точка для масштабирования:","type":"unstyled","key":"dajbm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Добавления пагинации, поиска, тегов;","type":"unordered-list-item","key":"9cukl"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Подключения комментариев и авторизации;","type":"unordered-list-item","key":"3ldk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Развёртывания в продакшен с помощью Docker, Nginx и PostgreSQL.","type":"unordered-list-item","key":"64rhp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Если статья была полезной","type":"header-two","key":"f352a"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"\uD83D\uDCCC Если статья оказалась полезной — поставьте лайк или отметьте её, чтобы я понял, что такой формат стоит развивать дальше.","type":"unstyled","key":"509vo"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"✍️ Напишите в комментариях, как вы обычно создаёте шаблоны и маршруты — используете class-based views или предпочитаете function-based? А может, хотите увидеть сравнение двух подходов?","type":"unstyled","key":"5o6c3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"\uD83D\uDCE4 Если у вас в команде есть те, кто только начинает изучать Django — поделись с ними ссылкой на статью. Это сэкономит им кучу времени и поможет сразу строить проект по best practices.","type":"unstyled","key":"44jbm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"\uD83D\uDCDA Подписывайтесь, чтобы не пропустить следующие разборы: расскажу про пагинацию, теги, систему комментариев, авторизацию и деплой Django-проекта в прод с Docker, Nginx и PostgreSQL.","type":"unstyled","key":"1569i"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"До встречи в следующих публикациях!","type":"unstyled","key":"8aflj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"6f346"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"marker","key":"4tN0RVvkrRxrVsIQUlRk"}],"entityMap":{"0":{"data":{"href":"https://www.packtpub.com/en-us/product/django-5-by-example-9781805122340","url":"https://www.packtpub.com/en-us/product/django-5-by-example-9781805122340"},"mutability":"MUTABLE","type":"LINK"},"1":{"data":{"url":"https://dzen.ru/a/aES0yqlaymyfifxa"},"mutability":"MUTABLE","type":"LINK"},"2":{"data":{"url":"https://docs.djangoproject.com/en/5.0/topics/http/urls/#path-converters"},"mutability":"MUTABLE","type":"LINK"},"3":{"data":{"url":"https://docs.djangoproject.com/en/5.0/ref/urls/#django.urls.re_path"},"mutability":"MUTABLE","type":"LINK"},"4":{"data":{"url":"https://docs.python.org/3/howto/regex.html"},"mutability":"MUTABLE","type":"LINK"},"5":{"data":{"url":"https://docs.djangoproject.com/en/5.0/ref/templates/language/"},"mutability":"MUTABLE","type":"LINK"},"6":{"data":{"url":"https://docs.djangoproject.com/en/5.0/ref/templates/builtins/"},"mutability":"MUTABLE","type":"LINK"}}},"mentions":[]}