−꞊≡  تخفیف ویژه 30% تخفیف بر روی تمامی آموزشها   

logo mix

آموزش مبانی TailwindCSS 3 (زیرنویس فارسی AI)
TailwindCSS 3 Fundamentals
مدرس:
Shawn Wildermuth
با زیرنویس:
فارسی و انگلیسی
تاریخ انتشار:
1401/4/31
( 2022-07-22 )
فارسی کلاس

ایجاد پروژه‌های وب با ظاهری ثابت و ظاهری زیبا می‌تواند دشوار باشد. با استفاده از TailwindCSS، می‌توانید استایلی ایجاد کنید که احساس حرفه‌ای کند.
آنچه یاد خواهید گرفت:
استفاده از فریمورک‌‌های CSS به شما امکان دسترسی به سبک‌های مختلف را می‌دهد، اما ممکن است سفارشی‌سازی و نوشتن CSS سخت باشد. با دست که یک پروژه وب غنی ایجاد می‌کند. در این دوره، TailwindCSS 3 Fundamentals، به این خواهیم پرداخت که چگونه TailwindCSS یک حد وسط بین فریمورک‌ها و CSS سفارشی ایجاد می‌کند. ابتدا نحوه استفاده از TailwindCSS را برای ایجاد شیوه نامه‌های غنی اما کوچک که در آن می‌توانید یک زبان طراحی را تعریف کنید، بررسی خواهید کرد. در مرحله بعد، نحوه ادغام TailwindCSS را خواهید آموخت. در نهایت، یاد خواهید گرفت که چگونه از کلاس‌های ابزار TailwindCSS برای نمونه‌سازی و ساخت پروژه‌های خود استفاده کنید و TailwindCSS را برای استفاده مجدد و تولید فایل‌های CSS بهینه کنید. پس از اتمام این دوره، مهارت‌ها و دانش لازم برای اعمال TailwindCSS در پروژه‌های شخصی و حرفه‌ای وب خود را خواهید داشت.

سطح آموزشی
خرید آنلاین و دانلود فوری
به همراه فایلهای تمرین
ویدئوهای آموزشی با زیرنویس
ویدئوهای آموزشی با زیرنویس فارسی
کیفیت HD ویدئوهای آموزشی
قابل استفاده برای ناشنوایان
 
 
 

نمونه ویدیوی آموزشی ( زیرنویس‌ها جدا از ویدیو است و میتوانید آنرا نمایش ندهید ) :

 

[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 دقیقه]

 

مهارت های موجود در این دوره: Software & Web Development Web Development CSS
مشخصات این آموزش
تولید کننده محتوا
PLURALSIGHT - پلورال سایت
تولید زیرنویس فارسی
فارسی کلاس farsiclass.ir
مدرس
Shawn Wildermuth
شاون وایلدرموت
تاریخ انتشار
1401/4/31
2022-07-22
سطح آموزش
مقدماتی
زبان آموزش
انگلیسی
زیرنویس
فارسی و انگلیسی
نوع زیرنویس فارسی
ترجمه توسط هوش مصنوعی (AI)
مدت زمان آموزش
2ساعت و 42دقیقه
تعداد ویدیو‌ها
47 ویدیو
حجم فایل‌ها
620 مگابایت دانلود با تعرفه داخلی
زمان تقریبی دانلود فایل‌ها
10 دقیقه (با سرعت 1 مگابایت در ثانیه)
کد آموزش در سایت
FP1007
تعداد بازدید : 1074
اشتراک آموزش در تلگرام پلورال_ آموزش مبانی TailwindCSS 3 (زیرنویس فارسی AI)
72,000 تومان
50,400 تومان
اضافه به سبد خرید add_shopping_cart

Shawn Wildermuth
شاون وایلدرموت

تعداد دوره‌های آموزشی این مدرس: 3

شاون وایلدرموت از زمانی که 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 ببینید.

جدیدترین آموزشهای مرتبط

تمامی زیرنویس‌های فارسی و مطالب ترجمه شده در سایت، بطور انحصاری متعلق به فارسی کلاس بوده و هر گونه کپی‌ برداری و یا استفاده از آنها به هر شکلی در سایتها یا برنامه‌های دیگر پیگرد قانونی دارد
logo-samandehi