آشنایی با HTMX
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- یادگیری مبانی HTMX
- یاد بگیرید چگونه با Express و HTMX کار کنید.
- یادگیری درباره درخواستها، اندیکاتورها، انیمیشنها و غیره
- استفاده از TailwindCSS با HTMX و توسعه دو اپلیکیشن
پیشنیازهای دوره
- اچ تی ام ال
- سی اس اس
- جاوا اسکرپیت
- نود جی اس اولیه
توضیحات دوره
آشنایی با HTMX دورهای است که به دنیای توسعه وب مدرن میپردازد و روی فناوری معروفی به نام Hypertext Markup eXtensions (HTMX) متمرکز است. این دوره طراحی شده است تا شما را به مهارتها و دانش لازم برای بهکارگیری قدرت HTMX در ایجاد وب اپلیکیشنهای بسیار پویا، تعاملی و واکنشگرا مجهز کند.
HTMX نمایانگر تغییر پارادایم در توسعه وب است. این فناوری اچ تی ام ال، سی اس اس و جاوا اسکرپیت را به طور یکپارچه ترکیب میکند و به شما این امکان را میدهد وب اپلیکیشنهایی بسازید که تجربه کاربری روان و شبیه به اپلیکیشن را ارائه میدهند، بدون اینکه سادگی و آشنایی توسعه وب سنتی را فدای آن کنید. در طول این دوره، شما به جزئیات HTMX پرداخته و یاد میگیرید چگونه از قابلیتهای آن برای ساخت وب اپلیکیشنهای واکنشگرا و غنی از ویژگی استفاده کنید.
برنامه درسی این دوره با دقت طراحی شده است تا شما را از اصول HTMX، معرفی مفاهیم و اصول اساسی آن تا توسعه اپلیکیشنهای لیست انجام کارها و ترلوی کوچک هدایت کند. شما یاد خواهید گرفت چگونه از HTMX برای ایجاد رابطهای وب پویا استفاده کنید که میتوانند محتوا را بدون رفرش کل صفحه بهطور یکنواخت بروزرسانی کنند و در نتیجه تجربه کاربری سریعتر و جالبتری ارائه دهند.
علاوه بر این، شما تجربه عملی کار با HTMX در سناریوهای مختلف، از جمله مدیریت فرم و ارتباط کلاینت-سرور بدست خواهید آورد.
این دوره برای توسعهدهندگان وب و کسانی که به پیشبرد مرزهای توسعه وب علاقهمند هستند، ایدهآل است. در پایان دوره، شما درک خوبی از HTMX خواهید داشت و بهخوبی مجهز خواهید بود تا وب اپلیکیشنهایی ایجاد کنید که تجربه کاربری یکپارچه و جذابی را ارائه میدهند. آماده شوید تا دنیای جدیدی از امکانات را در توسعه وب با HTMX آنلاک کنید. به ما در این سفر بپیوندید و مهارتهای توسعه وب خود را به مراحل جدیدی ارتقا دهید.
این دوره برای چه کسانی مناسب است؟
- توسعهدهندگان
- افراد علاقهمند به HTMX
آشنایی با HTMX
-
مقدمه 03:07
-
HTMX چیست؟ 04:47
-
نصب 06:19
-
اولین تجربه با HTMX 11:24
-
درخواستهای مختلف AJAX با HTMX 05:33
-
تریگرها 14:30
-
سرور اولیه Express 12:33
-
Long Polling 04:34
-
اندیکاتورهای درخواست 11:13
-
منطق تعویض 05:12
-
گزینههای تعویض 02:41
-
همگامسازی 10:32
-
تأیید درخواستها 05:44
-
بوستینگ 03:53
-
انیمیشن و ترنزیشن View 09:32
-
راهاندازی پروژه 17:49
-
پسزمینه و هدر 05:53
-
استایلدهی به ورودی کار 12:37
-
اندپوینت پست کار جدید 05:27
-
ذخیره کار در LowDB 11:33
-
اندیکاتور بارگذاری 06:24
-
لیست انجام کارها 06:36
-
لیست انجام کارها - قسمت 2 03:43
-
علامتگذاری کار به عنوان انجام شده 07:24
-
حذف یک کار 08:04
-
نمایش فرم ویرایش کار 09:38
-
ویرایش کار 08:50
-
نمایش دکمههای فیلتر 06:20
-
نمایش فیلتر انتخابشده 07:19
-
ارسال فیلترهای انتخابشده 13:27
-
بروزرسانی دکمههای فیلتر 11:45
-
نمایش تعداد کارها در دکمههای فیلتر و View بدون کار 08:10
-
لمسهای نهایی 03:27
-
راهاندازی پروژه 14:46
-
رابط کاربری هدر 04:34
-
View افزودن لیستها 06:12
-
فرم ایجاد لیست 07:47
-
تاگل بین فرم افزودن لیست جدید و دکمه 02:33
-
ایجاد لیست جدید 06:06
-
نمایش رابط کاربری لیست 04:11
-
نمایش ویرایش لیست 05:43
-
ذخیره ویرایشهای لیست 04:56
-
حذف یک لیست 05:21
-
نمایش افزودن کارت جدید 07:12
-
تاگل کردن فرم کارت 07:55
-
ذخیره کارت 07:41
-
حذف یک کارت 08:36
-
بروزرسانی یک کارت 10:32
-
استفاده از Sortable JS برای مرتبسازی 13:12
-
ذخیره لیستهای مرتبشده 03:23
-
ذخیره کارتهای مرتبشده 16:19
-
رفع باگ - مهم 06:27
-
نکات پایانی 02:45
مشخصات آموزش
آشنایی با HTMX
- تاریخ به روز رسانی: 1404/12/10
- سطح دوره:مقدماتی
- تعداد درس:53
- مدت زمان :06:52:34
- حجم :3.61GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy