دوره Tailwind CSS و Alpine JS - آموزش اساسی
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- یادگیری و درک مبانی Tailwind CSS
- یادگیری و درک مبانی Alpine JS
- ساخت یک پروژه جدید با Tailwind CSS و Alpine JS
- ایجاد کامپوننت های وبسایت با Tailwind CSS و Alpine JS
توضیحات دوره
این دوره برای افرادی است که دانش اولیه از html و css دارند و میخواهند با Tailwind CSS یا Alpine JS شروع کنند.
در این دوره برخی مبانی جاوااسکریپت نیز ارائه میشود، اما اگر تجربه کمی یا هیچ تجربهای در جاوااسکریپت ندارید، نگران نباشید. ما در طول دوره زمان لازم را برای یادگیری این مبانی اختصاص میدهیم.
ابتدا به سرعت صفحه اصلی یک وبسایت را میسازیم تا یک دید کلی از کار با Tailwind CSS و Alpine JS به شما بدهیم. سپس سرعت کار را کم میکنیم و هر بخش از صفحه اصلی را به تفصیل توضیح میدهیم.
هدف این دوره ساخت یک وبسایت کامل از ابتدا تا انتها نیست، بلکه فراهم کردن ابزارهای لازم برای شروع و تکمیل پروژههای خودتان است. ما یک صفحه اصلی خواهیم ساخت و همچنین برخی مثالهای عملی را بررسی میکنیم.
برای شرکت در این دوره به یک ویرایشگر متن و مرورگر وب نیاز دارید. من از Sublime Text و Google Chrome استفاده میکنم، اما انتخاب هر ابزار دیگری که با آن راحت هستید کاملاً قابل قبول است.
ترکیب Tailwind CSS و Alpine JS در این دوره به این دلیل است که در نهایت صفحات وب تعاملی و پویا، نه صفحات ایستا، داشته باشیم.
این دوره برای چه کسانی مناسب است؟
- این دوره برای افرادی است که دانش اولیه از html و css دارند و میخواهند با Tailwind یا Alpine شروع کنند.
دوره Tailwind CSS و Alpine JS - آموزش اساسی
-
مقدمه دوره Tailwind CSS و Alpine JS 01:28
-
Tailwind CSS چیست؟ 02:24
-
Alpine JS چیست؟ 07:18
-
اضافه کردن Tailwind CSS و Alpine JS به پروژه 06:37
-
بخش اول پروژه - ساخت صفحه اصلی با Tailwind CSS 11:24
-
بخش دوم پروژه - ساخت صفحه اصلی با Tailwind CSS 06:55
-
بخش سوم پروژه - ناوبری با Tailwind CSS و Alpine JS 08:19
-
بررسی دقیقتر Tailwind CSS بخش اول 10:22
-
بررسی دقیقتر Tailwind CSS بخش دوم 07:14
-
اضافه کردن فونتهای سفارشی در Tailwind CSS 09:23
-
افزودن رنگهای سفارشی در Tailwind CSS 05:11
-
بررسی دقیقتر Alpine JS 06:08
-
مثال Alpine JS - کلاسها و متن 13:49
-
نکتهای درباره Alpine JS - چند کامپوننت 01:31
-
نکته Alpine JS - استفاده از جاوااسکریپت 02:43
-
مثال Alpine JS - تبها 12:53
-
چگونگی ساخت منوی ناوبری با Alpine JS 04:59
-
صفحه جزئیات پروژه 12:04
-
صفحه تماس با ما 06:39
-
واکنشگرا کردن سایت با Tailwind CSS 09:27
-
پایان دوره 01:23
مشخصات آموزش
دوره Tailwind CSS و Alpine JS - آموزش اساسی
- تاریخ به روز رسانی: 1405/04/02
- سطح دوره:مقدماتی
- تعداد درس:21
- مدت زمان :02:28:11
- حجم :1.02GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy