آموزش Tailwind CSS از ابتدا - با پروژههای متعدد
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- مفاهیم اصلی Tailwind CSS را یاد خواهید گرفت.
- در کار با Tailwind CSS اعتماد به نفس پیدا خواهید کرد
- چگونه یک وبسایت را از اسکچ برنامهریزی کنیم؟
- توانایی ساخت وبسایتهای واقعی را بدست خواهید آورد.
- چگونه کاری کنیم که وبسایتها روی هر دستگاه موبایل ممکن کار کنند؟ (طراحی واکنشگرا)
- کد منبع قابل دانلود
پیشنیازهای دوره
- درک اولیه از اچ تی ام ال و سی اس اس
- آخرین نسخه node و npm نصب شده باشد.
- دانش اولیه از جاوا اسکریپت (غیرضروری)
توضیحات دوره
به توسعه Tailwind CSS از ابتدا - با پروژههای متعدد خوش آمدید. در این دوره، آخرین نسخه Tailwind را به صورت گامبهگام یاد خواهید گرفت. پس از یادگیری مبانی، چند پروژه ایجاد میکنیم تا یاد بگیرید چگونه پروژهها را با مهارتهای خود بسازید و اگر چیزی در دوره از قلم افتاده باشد، آن هم در پروژه جبران میشود. پس از یادگیری مهارتها، باید چند پروژه بسازیم تا یادگیری ملموستر شود. این دوره تمام بخشهای مختلف آخرین نسخه محبوبترین فریمورک فرانتاند دنیا، Tailwind، را پوشش میدهد. این فریمورک در میلیونها وبسایت در سراسر جهان استفاده شده و بهدقت توسعه یافته تا دامنه وسیعی از رابطهای کاربری معمول را پوشش دهد.
قبل از یادگیری Tailwind CSS چه چیزی را باید یاد بگیریم؟
اگر به یادگیری Tailwind CSS علاقه دارید، باید درک عالی از موارد زیر داشته باشید:
- اچ تی ام ال (Hyper Text Markup Language)
- سی اس اس (Cascading Style Sheets)
- جاوا اسکریپت (غیرضروری)
- NPM (غیرضروری)
نیازی به یادگیری فناوریهای قدیمیتر مانند Tailwind v2 یا غیره نیست.
امروز ارزش خود را به عنوان یک توسعهدهنده فرانتاند وب با یادگیری یک روش پیشرفتهتر برای استایلدهی به وبسایتهایتان با Tailwind CSS افزایش دهید.
ما همه منابع را آپلود کردهایم، اگر جایی ذخیره کنید، میتوانید آنها را بررسی کنید. پس منتظر چه هستید؟ در این دوره شرکت کنید و محبوبترین فریمورک فرانتاند دنیا، Tailwind را یاد بگیرید.
این دوره برای چه کسانی مناسب است؟
- اگر کمی اچ تی ام ال و سی اس اس میدانید، اما نمیدانید چگونه پروژههای واقعی بسازید، این دوره برای شما بسیار مناسب است.
- توسعهدهندگان وب در تمامی سطوح که میخواهند ارزش خود را با یادگیری یک روش پیشرفتهتر برای استایلدهی به اپلیکیشنها و سایتهایشان افزایش دهند.
- هر کسی که میخواهد در ایجاد طرحبندیهای وبسایت و رابط کاربری بهتر شود.
آموزش Tailwind CSS از ابتدا - با پروژههای متعدد
-
Tailwind CSS چیست؟ 03:05
-
راهاندازی محیط توسعه 13:02
-
میانبرهای کیبورد ویژوال استودیو کد 06:45
-
اولین اپلیکیشن Tailwind 06:40
-
نصب و راهاندازی Tailwind CSS 09:31
-
بررسی پروژه اول 00:45
-
بررسی پروژه دو 01:08
-
درک رویکرد utility-first 15:45
-
پلاگینها و تنظیمات پیکربندی 03:01
-
مدیریت هاور، تمرکز و Stateهای دیگر 13:49
-
طراحی واکنشگرا با Tailwind CSS 07:11
-
حالت روشن و تاریک 09:14
-
سفارشیسازیهای Tailwind 07:19
-
مقادیر دلخواه 03:08
-
apply@ در Tailwind 04:05
-
layers@ در Tailwind 05:20
-
رنگها در Tailwind 04:33
-
فاصلهگذاری در Tailwind 04:22
-
تایپوگرافی در Tailwind 10:35
-
اندازهگیری در Tailwind 03:47
-
پسزمینهها در Tailwind 03:09
-
گرادیان در Tailwind 01:55
-
بوردرها در Tailwind 05:41
-
افکتها در Tailwind 02:10
-
فلکس باکس و گرید در Tailwind 04:41
-
کانتینر Tailwind 03:03
-
کامپوننتهای Tailwind 03:05
-
بیلد در Tailwind 06:41
-
منابع Tailwind 02:48
-
ساخت پروژه کامل با Tailwind CSS 11:35
-
ناحیه Top Hero 08:30
-
ناحیه هدر 08:01
-
حالت روشن و حالت تاریک 06:26
-
منوی اصلی 09:39
-
ناحیه Hero 06:42
-
ناحیه خدمات 07:35
-
ناحیه برند 04:00
-
ناحیه پروژه 04:34
-
ناحیه تماس 11:46
-
ناحیه فوتر 04:12
-
ساخت پروژه 03:38
-
میزبانی پروژه 02:15
-
آزمون None
-
اشتباهات رایجی که هنگام استفاده از TailwindCSS باید از آنها پرهیز کنید 04:19
-
گامهای بعدی و منابع برای یادگیری مداوم 00:44
مشخصات آموزش
آموزش Tailwind CSS از ابتدا - با پروژههای متعدد
- تاریخ به روز رسانی: 1404/06/21
- سطح دوره:مقدماتی
- تعداد درس:45
- مدت زمان :04:20:14
- حجم :4.97GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy