آموزش مقدماتی Tailwind

Tailwind CSS یک فریم‌ورک CSS است که کلاس‌های از پیش طراحی شده‌ای را ارائه می‌دهد که می‌توانید از آنها برای استایل دادن به عناصر HTML خود به جای اجزا یا توابع جداگانه استفاده کنید. نکته ... ادامه

ارائه دهنده:  مکتب‌خونه  مکتب‌خونه
مدرس دوره:
سطح: مقدماتی
 پلاس
  
زمان مورد نیاز برای گذارندن دوره:  5 ساعت
مجموع محتوای آموزشی:  5 ساعت ویدئو
 (قابل دانلود می‌باشد)

آنچه در این دوره می‌آموزیم:

 یادگیری مباحث پایه Tailwind

 ویژگی‌های CSS

 افکت‌ها در Tailwind

 پیاده‌سازی پروژه

پیش‌نیاز‌ها

جهت گذراندن این دوره لازم است با CSS آشنایی داشته باشید.

سرفصل‌های دوره آموزش مقدماتی Tailwind

مفاهیم Tailwind

یادگیری کلاسهای متفاوت tailwind  برای کامپوننتها

  نصب Tailwind
"13:04  
  رنگ‌ها در Tailwind
"15:30  
  فاصله‌ها در Tailwind
"13:26  
  عرض و ارتفاع در Tailwind
"14:06  
  ویژگی‌های پس زمینه در Tailwind
"17:52  
  کلاسهای متن در Tailwind
"20:24  
  کلاس‌های Border در Tailwind
"11:54  
  افکت‌ها در Tailwind
"15:54  
  ویژگی Transform در Tailwind
"16:58  
  کلاس‌های Table در Tailwind
"04:48  
  کلاس‌های Flex
"19:37  
  کلاس‌های Grid
"19:59  
  ریسپانسیو - Modifier ها در Tailwind
"13:11  
پروژه سایت شرکتی در Tailwind
  ایجاد منوی واکنشگرا
"24:04  
  ایجاد بخش هدر سایت
"10:18  
  ایجاد بخش ویژگی‌ها در پروژه
"17:24  
  ایجاد بخش درباره ما در پروژه
"19:32  
  بخش فرم‌ها
"20:20  
  ایجاد بخش فوتر سایت
"13:51  

درباره دوره

 Tailwind CSS یک فریم‌ورک CSS است که کلاس‌های از پیش طراحی شده‌ای را ارائه می‌دهد که می‌توانید از آنها برای استایل دادن به عناصر HTML خود به جای اجزا یا توابع جداگانه استفاده کنید.

نکته مهم این است که Tailwind CSS به ما اجازه می‌دهد تا وب‌سایت‌ها و برنامه‌های وب واکنش‌گرا را سریع‌تر و آسان‌تر ایجاد کنیم. این شامل مجموعه‌ای چشمگیر از کلاس‌های CSS مانند animate-spin، mb-4، font-bold، sepia و غیره است. (و در واقع یک کلاس برای هر ویژگی CSS که می‌توانید به آن فکر کنید) و یک سیستم شبکه قدرتمند (که امکان ایجاد طرح‌بندی‌های پاسخگو-موبایل-اول را می‌دهد) که می‌توانیم از آن برای ایجاد رابط‌های کاربری استفاده کنیم.

 چرا از Tailwind CSS استفاده کنیم؟

 دلایل زیادی برای استفاده از Tailwind CSS وجود دارد. مهم‌ترین آنها عبارت‌اند از: 

 توسعه سریع‌تر: با کلاس‌های ابزار از پیش طراحی شده، می‌توانید به راحتی و به سرعت عناصر HTML خود را سبک دهید و نیاز به CSS سفارشی را کاهش دهید.
 انعطاف پذیری: Tailwind به شما امکان می‌دهد بدون نیاز به نوشتن CSS سفارشی، طرح‌های خود را به راحتی، از طرح‌های رنگی گرفته تا تایپوگرافی، سفارشی کنید.
 سازگاری: با استفاده از کلاس‌های ابزار از پیش طراحی شده، می‌توانید از ثبات در کل سایت خود اطمینان حاصل کنید و خطر خطاها و ناسازگاری‌ها را کاهش دهید.
 طراحی ریسپانسیو: شامل کلاس‌های طراحی واکنش‌گرا است که به شما امکان می‌دهد طرح‌بندی‌هایی ایجاد کنید که با اندازه‌های مختلف صفحه نمایش سازگار شوند.
 دسترس‌پذیری: Tailwind دارای ویژگی‌های دسترسی داخلی است که اطمینان می‌دهد سایت شما برای همه کاربران قابل استفاده و در دسترس است.
 مقیاس پذیری: این فریم‌ورک به‌گونه‌ای طراحی شده است که مقیاس پذیر باشد و نگهداری و به‌روزرسانی سایت شما با رشد آن آسان باشد.
 سازگاری بین مرورگرها: در تمام مرورگرهای مدرن یکپارچه کار می‌کند و خطر مشکلات سازگاری را کاهش می‌دهد.
 انجمن: Tailwind دارای یک انجمن بزرگ و فعال است که یافتن منابع، پشتیبانی و الهام را آسان می‌کند.
 یکپارچه‌سازی: می‌توان آن را با فریم‌ورک‌های front-end محبوبی مانند React و Vue ادغام کرد و آن را به ابزاری همه‌کاره برای توسعه‌دهندگان تبدیل کرد.
 مقرون به صرفه: Tailwind منبع باز و رایگان برای استفاده است، و آن را به یک راه حل مقرون به صرفه برای پروژه‌های توسعه وب تبدیل می‌کند.
 به طور خلاصه: Tailwind CSS یک انتخاب عالی برای توسعه دهندگان و طراحان است که می‌خواهند یک رابط سفارشی و پاسخگو به روشی سریع و کارآمد بسازند.

درباره استاد

maktabkhooneh-teacher زهرا داودی

زهرا داودی درزی ، فارغ التحصیل دانشگاه شهید بهشتی تهران می باشد . ایشان مدرس دوره‌های برنامه نویسی و برنامه نویس فول استک سایت می‌باشد . وی در زمینه طراحی وب‌سایت در دو حوزه Back-End و Front-End تسلط دارند و تجربه کار با Adobe Photoshop ،Adobe Illustrator ،HTML5 CSS3 ،jQuery و نیز زبان برنامه‌نویسی PHP و WordPress را دارا هستند. وی سابقه فعالیت در زمینه برنامه‌نویسی در شرکت‌ها و تدریس در حوزه‌های طراحی وب‌سایت را نیز دارند و برنامه‌نویسی Laravel بصورت فول استک، برنامه‌نویسی وردپرس، React و فریم‌ورک‌های جاوااسکریپت (JavaScript) از فعالیت‌های کاری و تخصصی ایشان محسوب می‌شود.

مشاهده پروفایل و دوره‌‌های استاد

نظرات کاربران

تا کنون نظری برای این دوره ثبت نشده است. برای ثبت نظر باید ابتدا در دوره ثبت نام کرده و دانشجوی دوره باشید.

سوالات پرتکرار

پس از سپری شدن زمان دوره، به محتوای دوره دسترسی خواهم داشت؟
بله؛ پس از سپری شدن مدت زمان دوره شما به محتوای دوره دسترسی خواهید داشت و می توانید از ویدئوها، تمارین، پروژه و دیگر محتوای دوره در صورت وجود استفاده کنید ولی امکان تصحیح تمارین توسط پشتیبان و دریافت گواهی نامه برای شما وجود نخواهد داشت.
poster
  
برگزار کننده:  مکتب‌خونه
  
زمان مورد نیاز برای گذارندن دوره:  5 ساعت
مجموع محتوای آموزشی:  5 ساعت ویدئو
 (قابل دانلود می‌باشد)