دوره آموزشی جامع Tailwind CSS
3 ساعت 33 دقیقهمتوسط2021-10-22
مدرسین

Ray Villalobos
Senior Staff Instructor at LinkedIn Learning
جزئیات دوره
در حالی که راه کارهای ما در وب با گذشت زمان تکامل مییابد، هر از چند گاهی، یک تغییر دهنده بازی واقعی ظاهر میشود. رویکرد Tailwind CSS برای اولین بار بسیاری از رویکردهای سنتی CSS را برای ساخت پروژهها را تغییر داد، به شما امکان میدهد بدون نوشتن یک خط CSS یک وب سایت کامل و منحصر به فرد ایجاد کنید. در این دوره، مربی ارشد لینکداین Ray Villalobos نشان میدهد که چگونه Tailwind CSS از طریق برچسب گذاری با نام کلاس مناسب، رویکردی سبک اما پیچیده را برای سبک کردن مطالب در سایتها و برنامههای شما ارائه میدهد. ری با اضافه کردن Tailwind و تعیین کاربرد آن بر روی عناصر HTML در صفحات خود، همه اینها را بدون نیاز به لمس یک سند سبک، نشان میدهد که چگونه میتوانید همه چیز را از قلمها، رنگها، حاشیهها و کل طرح صفحات خود مدیریت کنید.
مهارت ها
CSSFront-End Web DevelopmentWeb DevelopmentOpen SourceOne-Off
سرفصل ها
0. مقدمه
- 01 - رویکرد اول ابزار Tailwind
- 02 - استفاده از تمرینات این دوره
1. شروع به کار
- 03 - نصب Tailwind CSS
- 04 - کار با ابزار ساخت
- 05 - ساختهای سفارشی
- 06 - اضافه کردن سبک
2. تایپوگرافی
- 07 - دستورات فونت
- 08 - بخشنامههای متنی
- 09 - سبکها را فهرست کنید
- 10 - تایپوگرافی فاصله دار
3. ویژگیهای شی
- 11 - مرزها
- 12 - انگشتر
- 13 - تقسیم کنید
- 14 - پیشینه
- 15 - سایه جعبه
4. معیارهای شی
- 16 - عرض و ارتفاع
- 17 - بالشتک و حاشیه
- 18 - نمایش و موقعیت
- 19 - شیء شناور و محصور
- 20 - سایر خواص
5. چیدمان
- 21 - فلکس باکس
- 22 - شبکه ها
- 23 - هم ترازی باکس
6. انیمیشن
- 24 - تحولات
- 25 - انتقال
- 26 - متحرک کنید
- 27 - ابزارهای فیلتر
- 28 - ابزارهای حالت ترکیبی
7. گزینههای دیگر
- 29 - فرم ها
- 30 - جداول
- 31 - SVG
- 32 - صفحه خوان
- 33 - تعاملی
8. حالت فقط در زمان
- 34 - کار با JIT
- 35 - انواع اضافی
- 36 - بهبود JIT
نتیجه
- 37 - مراحل بعدی
دوره های مرتبط
- دوره آموزشی جعبه ابزار CSS: نکات و روشهای طراحی و چینش صفحه
- دوره آموزشی CSS: طرحبندیهای پیشرفته با Grid
- دوره آموزشی CSS برای توسعهدهندگان
- دوره آموزشی HTML، CSS و جاوااسکریپت: ساخت وب
- دوره آموزشی طرح بندی قابل دسترسی برای وب
- دوره آموزشی فرم های HTML: قابلیت دسترسی
- دوره آموزشی مقدمه ای بر طراحی و توسعه وب
- دوره آموزشی آن را تمرین کن: طرح بندی CSS