Udemy - Быстрая разработка с помощью Flask HTMX TailwindCSS и AlpineJS / Rapid Development with Flask HTMX TailwindCSS and AlpineJS Создавайте интерактивные веб-приложения с минимальным использованием JavaScript и использованием рендеринга на стороне сервера. Продолжительность: 1 час 54 минуты Язык: английский Формат: MP4 Видео: h264, 1920x1080 Звук: AAC, 44,1 кГц Что вы узнаете
Быстро создайте приложение для чтения RSS с помощью Flask, HTMX, TailwindCSS и AlpineJS.
Используйте рендеринг на стороне сервера с помощью HTMX для динамического обновления страницы.
Быстро создавайте интерактивные веб-приложения с минимальным использованием JavaScript.
Добавьте интерактивности на странице, просто используя AlpineJS
Основы CSS и как использовать TailwindCSS
CSS-макеты, гибкие и сетчатые макеты и способы их применения с помощью TailwindCSS. Требования
Требуются средние знания программирования, желательно на Python.
Знание Flask будет полезно, поскольку курс динамичный.
Никаких знаний CSS, TailwindCSS или JavaScript не требуется. Описание
Хотите быстро и просто создавать интерактивные веб-приложения? Python с Flask, HTMX, TailwindCSS и AlpineJS — это полный набор технологий для создания интерактивных, привлекательных веб-приложений без необходимости писать (почти) какой-либо JavaScript. Это означает, что вы можете используйте свои существующие знания Python без необходимости изучать совершенно новый язык для создания своего веб-проекта. Традиционно создание веб-приложения без JavaScript означало бы медленный и медленный процесс с большим количеством перезагрузок страниц при каждом нажатии кнопки или ссылки. С HTMX и AlpineJS мы можем избежать почти всех перезагрузок страниц и создавать приложения, отображаемые на стороне сервера, которые кажутся быстрыми, отзывчивыми и привлекательными. Это включает в себя такие вещи, как добавление нумерации страниц, скрытие и отображение элементов, а также обновление состояния страницы. Добавление TailwindCSS в этот микс поможет Мы пишем наш CSS быстро и эффективно. В ходе курса мы создаем программу чтения RSS-каналов, которая загружает данные из Интернета для отображения статей из каналов, на которые вы подписаны. Это отличный проект для знакомства с этими технологиями, и очень скоро вы сможете создавать свои собственные интерактивные веб-приложения. Курс содержит: Использование Flask для создания веб-приложения. Основы CSS и способы их применения с помощью TailwindCSS. Страница Avoid. перезагружается с помощью HTMX, отправляя запросы к серверной части и заменяя части содержимого страницы. Добавляйте интерактивность на странице просто с помощью AlpineJS, используя диспетчеризацию состояний и событий. Узнайте о гибкости CSS и сетке для создания часто используемой структуры страницы с боковой панелью и основным контентом. .Я уверен, вам понравится этот курс. Увидимся внутри! Обзор
Раздел 1: Введение
Лекция 1 Приветствие на курсе
Лекция 2 Настройка современного проекта Python с помощью Rye
Лекция 3 Добавление внешних веб-зависимостей
Лекция 4 Создание приложения Flask для рендеринга одного RSS-канала
Лекция 5 Блочная модель CSS
Лекция 6 Позиционирование макета потока CSS
Лекция 7. Макеты CSS: flex и сетка.
Лекция 8. Создание шаблона RSS-канала.
Лекция 9. Работа со списком различных каналов в Flask.
Лекция 10. Медиа-запросы с помощью TailwindCSS.
Лекция 11. Цвета в TailwindCSS.
Лекция 12. Добавление боковой панели с помощью TailwindCSS.
Лекция 13. Когда следует использовать частичные или компоненты?
Лекция 14 Добавление динамической нумерации страниц в наше приложение
Лекция 15 Добавление статуса чтения к статьям и обновление страницы без перезагрузки
Лекция 16 Диспетчеризация и обработка событий с помощью AlpineJS
Лекция 17 Разрешение пользователям создавать новые каналы (показ и скрытие элементов с помощью AlpineJS)
Лекция 18 Заключение курса , и спасибо Раздел 2: Бонусный раздел
Лекция 19 Бонусная лекция Разработчики Python среднего уровня, которые хотят быстро создавать свои проекты веб-приложений, Разработчики интерфейсов, которые хотят понять, как создавать приложения, отображаемые на стороне сервера, Разработчики, которые хотят узнать о веб-разработке, включая HTML и CSS. Дополнительная информация:https://www.udemy.com/course/flask-htmx
ENG INFO
Build interactive web applications with minimal JavaScript, using server-side rendering What you'll learn
Rapidly build an RSS reader application using Flask, HTMX, TailwindCSS, and AlpineJS
Use server-side rendering with HTMX to update the page dynamically
Rapidly build interactive web applications with minimal JavaScript
Sprinkle in-page interactivity simply using AlpineJS
CSS fundamentals and how to use TailwindCSS
CSS flow, flex, and grid layouts and how to apply them with TailwindCSS Requirements
Intermediate programming knowledge required, preferably with Python
Knowledge of Flask will be helpful as the course is fast-paced
No CSS, TailwindCSS, or JavaScript knowledge required Description
Do you want to build interactive web applications quickly and simply?Python with Flask, HTMX, TailwindCSS, and AlpineJS is a complete stack of technologies to build interactive, engaging web applications without having to write (almost) any JavaScript.This means you can use your existing Python knowledge without having to learn a completely new language to build your web project.Traditionally, building a web application without JavaScript would mean a slow and sluggish experience, with lots of page reloads at every button or link click.With HTMX and AlpineJS, we can avoid almost all page reloads, and craft server-side rendered applications that feel fast, responsive, and engaging.This includes things like adding pagination, hiding and showing elements, and updating page state.Adding TailwindCSS into the mix will help us write our CSS quickly and efficiently.In the course, we build an RSS feed reader that loads data from the internet to display articles from feeds you follow. It's a great project to get familiar with these technologies, and in no time you'll be building your own interactive web applications.The course contains:Use Flask to create a web application.CSS fundamentals and how to apply them with TailwindCSS.Avoid page reloads with HTMX by making requests to your backend and swapping parts of the page content.Add in-page interactivity simply with AlpineJS using state and event dispatching.Learn about CSS flex and grid to create a commonly used page structure with a sidebar and main content.I'm sure you'll enjoy this course. See you on the inside! Overview
Section 1: Introduction
Lecture 1 Course welcome
Lecture 2 Set up a modern Python project with Rye
Lecture 3 Adding our external web dependencies
Lecture 4 Build a Flask app to render a single RSS feed
Lecture 5 The CSS box model
Lecture 6 CSS flow layout positioning
Lecture 7 CSS layouts: flex and grid
Lecture 8 Creating our RSS feed template
Lecture 9 Working with a list of different feeds in Flask
Lecture 10 Media queries with TailwindCSS
Lecture 11 Colors in TailwindCSS
Lecture 12 Adding a sidebar with TailwindCSS
Lecture 13 When should you use partials vs. components?
Lecture 14 Adding dynamic pagination to our app
Lecture 15 Adding a read status to articles, and updating the page without reloading
Lecture 16 Event dispatching and handling with AlpineJS
Lecture 17 Letting users create new feeds (showing and hiding elements with AlpineJS)
Lecture 18 Course conclusion, and thank you Section 2: Bonus section
Lecture 19 Bonus lecture Intermediate Python developers who want to quickly build their web application projects,Front-end developers who want to understand how to build server-side rendered applications,Developers who want to learn about web development, including HTML and CSS
