آموزش ساخت اپلیکیشن‌های فول استک با HTMX - آخرین آپدیت

سرفصل ها و درس ها

مقدمه Introduction

• پروژه‌های عملی با HTMX Hands on projects with HTMX

• پیش‌نیازهای مورد نیاز What you need to know?

• کلون کردن پروژه اولیه Cloning the seed project

• استفاده از چالش‌های CoderPad Using CoderPad challenges

1. قابلیت جستجو 1. Search Functionality

• راهکار: تاخیر و مقصد هدف Solution: Delay and target destination

• وارد کردن داده‌های آزمایشی دانشجویان در دیتابیس Seeding the database students records

• توسعه صفحه جستجو Developing the search page

• پروژه 1: قابلیت جستجو Project 1: Search functionality

2. جداول داده‌های صفحه‌بندی شده 2. Paginated Data Tables

• نمایش رکوردها در جدول Displaying records in a table

• وارد کردن داده‌های آزمایشی محصولات در دیتابیس Seeding the database product records

• افزودن صفحه‌بندی Adding pagination

• راهکار: تعیین مقصد هدف در المان کانتینر Solution: Target destination within container element

• پروژه 2: جداول داده‌های صفحه‌بندی شده Project 2: Paginated data tables

3. پیاده‌سازی اسکرول نامحدود 3. Infinite Scroll Implementation

• پروژه 3: اسکرول نامحدود Project 3: Infinite scroll

• نمایش تمام مقالات با اسکرول نامحدود Displaying all articles with infinite scrolling

• نمایش برخی از مقالات Displaying some articles

• وارد کردن داده‌های آزمایشی مقالات در دیتابیس Seeding the database with articles

• راهکار: الحاق محتوا Solution: Appending content

4. فرم‌های تعاملی 4. Interactive Forms

• افزودن اعتبارسنجی Adding validation

• نوشتن بخش‌های فرم Writing the form sections

• ارسال فرم Submitting the form

• پروژه 4: فرم‌های تعاملی Project 4: Interactive forms

5. پروژه نهایی: ساخت یک اپلیکیشن کامل — پلتفرم وبلاگ 5. Final Project: Building a Full Application—Blog Platform

• راهکار 4: افزودن مقاله جدید Solution #4: Adding a new article

• راهکار 2: نمایش تمام مقالات با اسکرول نامحدود Solution #: Displaying All articles with infinite scroll

• راهکار 3: مشاهده یک مقاله Solution #3: Viewing an article

• پروژه نهایی: پلتفرم وبلاگ Final project: Blog platform

• راهکار 1: جستجوی مقالات Solution #2: Searching articles

جمع‌بندی Conclusion

• گام‌های بعدی Next steps