ایجاد پروژههای وب با ظاهری ثابت و ظاهری زیبا میتواند دشوار باشد. با استفاده از TailwindCSS، میتوانید استایلی ایجاد کنید که احساس حرفهای کند.
آنچه یاد خواهید گرفت:
استفاده از فریمورکهای CSS به شما امکان دسترسی به سبکهای مختلف را میدهد، اما ممکن است سفارشیسازی و نوشتن CSS سخت باشد. با دست که یک پروژه وب غنی ایجاد میکند. در این دوره، TailwindCSS 3 Fundamentals، به این خواهیم پرداخت که چگونه TailwindCSS یک حد وسط بین فریمورکها و CSS سفارشی ایجاد میکند. ابتدا نحوه استفاده از TailwindCSS را برای ایجاد شیوه نامههای غنی اما کوچک که در آن میتوانید یک زبان طراحی را تعریف کنید، بررسی خواهید کرد. در مرحله بعد، نحوه ادغام TailwindCSS را خواهید آموخت. در نهایت، یاد خواهید گرفت که چگونه از کلاسهای ابزار TailwindCSS برای نمونهسازی و ساخت پروژههای خود استفاده کنید و TailwindCSS را برای استفاده مجدد و تولید فایلهای CSS بهینه کنید. پس از اتمام این دوره، مهارتها و دانش لازم برای اعمال TailwindCSS در پروژههای شخصی و حرفهای وب خود را خواهید داشت.
نمونه ویدیوی آموزشی ( زیرنویسها جدا از ویدیو است و میتوانید آنرا نمایش ندهید ) :
[ENGLISH]
01 Course Overview [1min]
01-01 Course Overview [1mins]
02 Introducing TailwindCSS [20mins]
02-01 Introduction [1mins]
02-02 Version Check [0mins]
02-03 The Problem with CSS [4mins]
02-04 What Is TailwindCSS [3mins]
02-05 Demo- Using Editors and IDEs [3mins]
02-06 Getting Started with TailwindCSS [8mins]
02-07 What Weve Learned [1mins]
03 Using TailwindCSS [16mins]
03-01 Introduction [0mins]
03-02 Building Your CSS [1mins]
03-03 Building with TailwindCSS [8mins]
03-04 Using Layers [3mins]
03-05 Adding Reusable Classes [3mins]
03-06 What Weve Learned [1mins]
04 Tour of TailwindCSS Styles [45mins]
04-01 Introduction [1mins]
04-02 Layout [5mins]
04-03 Units [7mins]
04-04 Colors [6mins]
04-05 Other Utility Classes [5mins]
04-06 Fonts [5mins]
04-07 States and Variants [6mins]
04-08 Responsive Design [6mins]
04-09 Plugins [3mins]
04-10 What Weve Learned [1mins]
05 TailwindCSS for Forms [29mins]
05-01 Introduction [0mins]
05-02 The Form [3mins]
05-03 Styling Inputs [7mins]
05-04 Styling Buttons [8mins]
05-05 Styling Select Elements [4mins]
05-06 Validation States [6mins]
05-07 What Weve Learned [1mins]
06 Integrating TailwindCSS [23mins]
06-01 Introduction [1mins]
06-02 Adding to PostCSS [4mins]
06-03 Adding to Angular [3mins]
06-04 Adding to React [5mins]
06-05 Adding to Vue [4mins]
06-06 Adding to SvelteKit [5mins]
06-07 What Weve Learned [1mins]
07 Customizing TailwindCSS [28mins]
07-01 Introduction [1mins]
07-02 Extending the Theme [4mins]
07-03 Customizing Responsive Breakpoints [2mins]
07-04 Customizing Units [3mins]
07-05 Using TailwindCSS Functions [3mins]
07-06 Creating Your Own Theme [6mins]
07-07 Sharing a Base Theme [3mins]
07-08 Useful Configuration Properties [5mins]
07-09 What Weve Learned [1mins]
[فارسی]
01 نمای کلی دوره [1 دقیقه]
01-01 بررسی اجمالی دوره [1 دقیقه]
02 معرفی TailwindCSS [20 دقیقه]
02-01 مقدمه [1 دقیقه]
02-02 بررسی نسخه [0 دقیقه]
02-03 مشکل با CSS [4 دقیقه]
02-04 TailwindCSS چیست؟ [3 دقیقه]
02-05 نسخهی نمایشی- استفاده از ویرایشگرها و IDEها [3 دقیقه]
02-06 شروع کار با TailwindCSS [8 دقیقه]
02-07 آنچه آموختیم [1 دقیقه]
03 استفاده از TailwindCSS [16 دقیقه]
03-01 مقدمه [0mins]
03-02 ساخت CSS شما [1 دقیقه]
03-03 ساختمان با TailwindCSS [8 دقیقه]
03-04 استفاده از لایهها [3 دقیقه]
03-05 افزودن کلاسهای قابل استفاده مجدد [3 دقیقه]
03-06 آنچه آموختیم [1 دقیقه]
04 گشت و گذار در سبکهای TailwindCSS [45 دقیقه]
04-01 مقدمه [1 دقیقه]
04-02 طرحبندی [5 دقیقه]
04-03 واحد [7 دقیقه]
04-04 رنگها [6 دقیقه]
04-05 سایر کلاسهای کاربردی [5 دقیقه]
04-06 فونتها [5 دقیقه]
04-07 حالات و انواع [6 دقیقه]
04-08 طراحی واکنشگرا [6 دقیقه]
04-09 پلاگینها [3 دقیقه]
04-10 آنچه آموختیم [1 دقیقه]
05 TailwindCSS برای فرمها [29 دقیقه]
05-01 مقدمه [0mins]
05-02 فرم [3 دقیقه]
05-03 ورودیهای سبک [7 دقیقه]
05-04 دکمههای یک ظاهر طراحی شده [8 دقیقه]
05-05 سبک دادن به عناصر انتخابی [4 دقیقه]
05-06 ایالات اعتبارسنجی [6 دقیقه]
05-07 آنچه آموختیم [1 دقیقه]
06 یکپارچهسازی TailwindCSS [23 دقیقه]
06-01 مقدمه [1 دقیقه]
06-02 افزودن به PostCSS [4 دقیقه]
06-03 در حال افزودن به Angular [3 دقیقه]
06-04 افزودن به React [5 دقیقه]
06-05 در حال افزودن به Vue [4 دقیقه]
06-06 افزودن به SvelteKit [5 دقیقه]
06-07 آنچه آموختیم [1 دقیقه]
07 سفارشی کردن TailwindCSS [28 دقیقه]
07-01 مقدمه [1 دقیقه]
07-02 تمدید تم [4 دقیقه]
07-03 سفارشی کردن نقاط شکست پاسخگو [2 دقیقه]
07-04 سفارشی کردن واحدها [3 دقیقه]
07-05 استفاده از توابع TailwindCSS [3 دقیقه]
07-06 ایجاد تم شخصی شما [6 دقیقه]
07-07 به اشتراک گذاری یک تم پایه [3 دقیقه]
07-08 ویژگیهای پیکربندی مفید [5 دقیقه]
07-09 آنچه آموختیم [1 دقیقه]
شاون وایلدرموت از زمانی که Vic-20 در اوایل دهه 80 دریافت کرد، با کامپیوترها و نرم افزارها سر و کار داشت. به عنوان MVP مایکروسافت از سال 2003، او همچنین به عنوان یک ASP.NET Insider و ClientDev Insider با مایکروسافت درگیر است. او هشت کتاب و مقالات بیشماری در زمینه توسعه نرمافزار نوشته است. همچنین میتوانید او را در یکی از کنفرانسهای محلی و بینالمللی که در آن صحبت میکند، از جمله TechEd، Oredev، SDC، NDC، VSLive، DevIntersection، MIX، Devteach، DevConnections و Dev Reach ببینید. او یکی از ذهنهای رام نشدنی است. میتوانید در وبلاگ او در http://wildermuth.com با او تماس بگیرید. او اولین فیلم خود را که یک مستند بلند و بلند درباره توسعه دهندگان نرمافزار است، امروز با نام «Hello World: The Film» منتشر کرد. میتوانید اطلاعات بیشتری در مورد آن در http://helloworldfilm.com ببینید.