دوره طراحی وب مدرن با Tailwind CSS و جاوا اسکریپت
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- چگونه کار با Tailwind CSS را شروع کنیم؟
- طراحی یک صفحه فرود محصول
- طراحی برای موبایل
- طراحی وبسایت شبکه اجتماعی با ساختار گرید
توضیحات دوره
این دوره برای آموزش چگونگی ساخت وبسایتهای مدرن، واکنشگرا و جذاب با Tailwind CSS و جاوا اسکریپت طراحی شده است.
این دوره با معرفی مبانی طراحی وب، شامل اچ تی ام ال و سی اس اس شروع میشود تا پایهای برای دانشجویانی ایجاد کند که در زمینه توسعه وب تازهکار هستند. پس از پوشش مبانی، به آموزش چگونگی استفاده از Tailwind CSS، فریمورک محبوب سی اس اس، برای ساخت سریع و بهینه طراحیهای وب زیبا و واکنشگرا میپردازد.
دانشجویان یاد میگیرند چگونه از کلاسهای یوتیلیتی Tailwind برای استایلدهی به عناصر اچ تی ام ال استفاده کنند و چگونه استایلهای پیشفرض Tailwind را سفارشیسازی کرده و گسترش دهند. همچنین یاد میگیرند چگونه از ویژگیهای طراحی واکنشگرا در Tailwind برای ساخت وبسایتهایی استفاده کنند که در هر اندازه صفحهنمایش به خوبی نمایش داده میشوند.
این دوره جاوا اسکریپت را نیز پوشش میدهد که زبان ضروری برای ساخت وبسایتهای پویا و تعاملی است. دانشجویان یاد میگیرند چگونه از جاوا اسکریپت برای افزودن تعاملی بودن به وبسایتهای خود استفاده کنند که شامل ساخت منوهای کشویی، مودالها و اسلایدرها است. همچنین یاد خواهند گرفت چگونه از جاوا اسکریپت برای واکشی داده از APIها و نمایش آن در وبسایتهای خود استفاده کنند.
در طول دوره، دانشجویان روی پروژههای متعددی به صورت عملی کار خواهد کرد که شامل ساخت یک صفحه فرود واکنشگرا، ایجاد منوی ناوبری واکنشگرا و افزودن ویژگیهای تعاملی به وبسایت است. در پایان این دوره، دانشجویان قادر خواهند بود وبسایتهای زیبا و واکنشگرا با Tailwind CSS و جاوا اسکریپت بسازند.
این دوره برای چه کسانی مناسب است؟
طراحان وب مبتدی یا با تجربه
دوره طراحی وب مدرن با Tailwind CSS و جاوا اسکریپت
-
مقدمه 01:31
-
معرفی مدرس 01:01
-
Tailwind CSS چیست؟ 01:06
-
چگونه کار با Tailwind CSS را شروع کنیم؟ 13:25
-
پیشنمایش پروژه 01:05
-
راهاندازی پروژه 00:47
-
طراحی بخش هدر 16:03
-
طراحی بخش اصلی 11:54
-
طراحی فوتر 09:26
-
طراحی بخش توصیهنامه مشتریان 10:27
-
ساخت کارت اشتراک ایمیل 09:56
-
ساخت گریدهای قیمتگذاری 15:30
-
ساخت مودال محصول 16:50
-
ساخت گالری تصاویر 07:17
-
پیشنمایش پروژه 01:29
-
طراحی دکمه همبرگری و انیمیشن آن 09:16
-
طراحی منوی موبایلی 04:43
-
پیادهسازی واکنشگرایی 03:10
-
طراحی اسکرول نرم 06:23
-
پیشنمایش پروژه 00:54
-
طراحی دکمه حالت تاریک 05:58
-
تنظیم حالت رنگ با جاوا اسکریپت 07:18
-
پیشنمایش پروژه 01:05
-
طراحی فرم 11:16
-
اعتبارسنجی لینک در جاوا اسکریپت 09:13
-
پیشنمایش پروژه 01:03
-
راهاندازی پروژه 02:37
-
طراحی اولین جعبه در گرید 10:09
-
طراحی جعبههای باقیمانده 12:33
-
ساخت کلاسهای گرید 05:29
-
پیشنمایش پروژه 01:15
-
راهاندازی پروژه 08:00
-
طراحی منوی ناوبری 06:32
-
طراحی هدر 06:44
-
طراحی محتوای اصلی 04:59
-
طراحی فوتر 14:25
-
طراحی بخشهای بیشتر 16:28
-
پیادهسازی واکنشگرایی 16:59
-
پیشنمایش پروژه 02:11
-
راهاندازی پروژه 08:00
-
طراحی هدر 07:24
-
طراحی محتوای اصلی 04:40
-
طراحی فوتر 13:17
-
طراحی مودال لاگین 16:12
-
طراحی مودال سبد خرید 17:06
-
طراحی بخشهای بیشتر 08:03
-
پیادهسازی واکنشگرایی 06:01
مشخصات آموزش
دوره طراحی وب مدرن با Tailwind CSS و جاوا اسکریپت
- تاریخ به روز رسانی: 1404/06/21
- سطح دوره:مقدماتی
- تعداد درس:47
- مدت زمان :06:07:16
- حجم :4.35GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy