Перейти к содержимому

финал

Codynn

0:00 / 0:00

финал

10 034 просмотра · 5 дней назад
Codynn
37 тыс. подписчиков
10 034 просмотра · 5 дней назад
Build a full Trello style Kanban board with HTMX, Alpine.js, and a small Node and Express backend. Add cards, search live as you type, move and delete tasks, and edit them in a pop up modal, all without React, a build step, or any frontend framework. If you know basic HTML and CSS, you are ready. We start from an empty folder and finish with a working app. Timestamps: 0:00 Intro and what we are building 0:58 The mental model and project setup (Alpine vs HTMX) 15:57 Alpine and local state, the board shell 24:58 HTMX loads the board from the server 41:51 Adding tasks 47:25 Live search as you type 51:50 The edit modal with Alpine and HTMX What you will learn: HTMX basics like hx-get, hx-post, hx-put, hx-delete, hx-target, and hx-swap. Debounced live search with hx-trigger. Alpine state with x-data, x-show, and class binding. How to structure an Express app with separate routes, data, and views. And how HTMX and Alpine work together in one project, hypermedia driven, with no frontend framework. #htmx #alpinejs #nodejs #express #webdevelopment