مسترکلاس Alpine JS - یادگیری Alpine.JS با 10 پروژه جذاب
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- چگونه با Alpine JS زندگی خود را به عنوان یک توسعهدهنده آسانتر کنیم؟
- مفاهیم کلیدی و مبانی Alpine JS
- چگونه از دایرکتیوها و عناصر جادویی Alpine JS استفاده کنیم؟
- 10 پروژه عملی برای یادگیری کاربرد Alpine JS در سناریوهای واقعی
- چگونه نوار ناوبری، پنجرههای پاپآپ، tooltip، آکاردئون، کاروسل، مودال و غیره را با Alpine JS ایجاد کنیم؟
- چگونه از Alpine JS برای دریافت و نمایش داده از طریق API استفاده کنیم؟
توضیحات دوره
بیایید واقعیت را بپذیریم. جاوااسکریپت یادگیری سختی دارد و استفاده از آن در پروژههای روزانه وب چالشبرانگیز است. برای مثال، ساخت تعاملات کوچک در صفحات وب مانند نوار ناوبری، منوهای کشویی و مودالها با جاوااسکریپت کاری دشوار است. در قدم اول، زمان زیادی میگیرد و ما را خسته میکند.
به همین دلیل بود که از جیکوئری استفاده میکردیم، درست است؟ اما جیکوئری منسوخ شده است.
Alpine جایگزین ایدهآلی برای استفاده از جیکوئری و جاوااسکریپت ساده (vanilla javascript) در پروژههایمان است. بسیار کوچک (تنها 21.9 کیلوبایت) و ساده برای استفاده ولی به شدت قدرتمند است
شما میتوانید آن را مستقیماً در کد HTML خود پیادهسازی کنید. فقط کافیست تگ اسکریپت را قرار دهید و شروع به کار کنید.
این دوره را طراحی کردیم تا به شما کمک کنیم خیلی سریع شروع به استفاده از Alpine در پروژههای روزمره خود کنید.
چرا این دوره متفاوت است؟
اکثر دورهها فقط روی مبانی تمرکز دارند، اما ما علاوه بر آن، نحوه استفاده عملی از Alpine JS را در پروژههای واقعی، با انجام واقعی پروژهها، یاد میگیریم.
ما 10 پروژه واقعی انجام خواهیم داد که یادگیری را تقویت میکند. همچنین اعتمادبهنفس لازم را برای استفاده عملی از Alpine JS پیدا خواهید کرد.
پروژههایی که انجام میدهیم:
- tooltip اولیه هنگام هاور و کلیک
- نوار ناوبری واکنشگرا
- تبهای پیچیده
- بخش آکاردئون با انیمیشن هموار
- تایمر شمارش معکوس
- مودال با افکت انیمیشن
- مولد نقلقول با استفاده از API
- یک کاروسل ساده
- سوئیچر تم تاریک و تم روشن
- اپلیکیشن to-do جذاب
به شدت توصیه میکنیم فقط چند ساعت سرمایهگذاری کنید تا مواردی جدید و جذاب یاد بگیرید که حوزه برنامهنویسی شما را بسیار آسانتر خواهد کرد.
این دوره برای چه کسانی مناسب است؟
- کسانی که میخواهند بدون استفاده از جاوااسکریپت پیچیده یا فریمورکهایی مثل ریاکت، تعامل بسازند.
- افرادی که به دنبال جایگزینی سادهتر و بهتر برای جیکوئری هستند.
- توسعهدهنده مبتدی وب که HTML و CSS را یاد گرفته و میخواهد سطح خود را ارتقا دهد.
- در کل، افرادی که علاقهمند به یادگیری کاربرد عملی Alpine JS هستند.
مسترکلاس Alpine JS - یادگیری Alpine.JS با 10 پروژه جذاب
-
مقدمه 01:09
-
راهاندازی و آمادهسازی اولیه - ویرایشگر، پلاگینها، مرورگر 09:01
-
x-data - مقداردهی اولیه Alpine JS و x-text 14:20
-
x-show و x-on 13:23
-
x-model 07:46
-
x-bind 14:17
-
میانبرهای x-bind و x-on 02:39
-
بیایید آنچه تاکنون یاد گرفتهایم را بررسی کنیم None
-
x-show در مقابل x-if 06:44
-
x-ref و refs$ 08:26
-
حلقه زدن در Alpine - بررسی x-for 15:48
-
x-text در مقابل x-html 03:34
-
انیمیشن در Alpine - بررسی x-transition 07:46
-
استفاده از x-transition با کلاسهای CSS 11:39
-
x-cloak 04:26
-
بیایید tooltips ساده بسازیم 15:20
-
نوار ناوبری واکنشگرا و منو برای هدر وبسایت 22:17
-
تبها با Alpine JS 16:08
-
ایجاد تایمر شمارش معکوس جذاب 26:28
-
آکاردئون با انیمیشن هموار 25:39
-
استفاده از API - ایجاد مولد نقلقول 18:37
-
سوئیچر تم - سوئیچر Light mode و Dark mode 19:36
-
مودال در Alpine.js 23:17
-
کاروسل ساده 16:57
-
بیایید یک اپلیکیشن todo جذاب برای کارهای سرگرمکننده ایجاد کنیم - نشانهگذاری و استایلدهی 39:32
-
بیایید یک اپلیکیشن todo جذاب برای کارهای سرگرمکننده ایجاد کنیم - تابعی کردن آن 16:59
مشخصات آموزش
مسترکلاس Alpine JS - یادگیری Alpine.JS با 10 پروژه جذاب
- تاریخ به روز رسانی: 1404/12/10
- سطح دوره:همه سطوح
- تعداد درس:26
- مدت زمان :06:03:48
- حجم :2.36GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy