آموزش TailwindCSS از A تا Z: TailwindCSS را به سرعت استاد کنید

TailwindCSS from A to Z: Master TailwindCSS Quickly

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: با Tailwind، یک فریم ورک CSS که اولین ابزار کاربردی است، شروع کنید و بر دستورالعمل ها، ماژول ها و قابلیت استفاده مجدد کد آن مسلط شوید. با اصول CSS Tailwind آشنا شوید نحوه استفاده از Tailwind CSS برای ایجاد وب سایت های مدرن آموزش ایجاد کامپوننت های سفارشی با Tailwind CSS یاد بگیرید چگونه کلاس های ابزار موجود را سفارشی کنید و کلاس های ابزار جدید ایجاد کنید آموزش A-to-Z چارچوب Tailwind CSS پیش نیازها :آمادگی، انعطاف پذیری و اشتیاق برای یادگیری دانش پایه HTML5 و CSS3 یک امتیاز مثبت است!

آیا از استفاده از یک راه آسان برای ایجاد یک صفحه فرود حرفه ای بدون نیاز به استایل دادن به همه چیز خسته شده اید؟ شما در جای درست قرار دارید؛ این دوره یک آموزش کامل Tailwind CSS خواهد بود.

Tailwind یک چارچوب کاربردی است که طراحی وب را به یک نسیم گذرا تبدیل می کند. سادگی و مجموعه ای از کلاس ها آن را به یک ابزار عالی برای توسعه دهندگان مبتدی تبدیل می کند.

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

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

با فونت‌ها، رنگ‌ها، تراز، رنگ‌های پس‌زمینه، شیب‌ها، تصاویر، لایه‌بندی، حاشیه، شبکه، فلکس‌باکس، شناور، انیمیشن‌ها، انتقال‌ها و تبدیل آشنا می‌شوید.


چرا این دوره را انتخاب کنید؟

آموزش کامل در Tailwind CSS: شما در تمام مراحل کد پیموده خواهید شد تا پس از گذراندن این دوره مطمئن شوید که درک درست و ابزارهای لازم را قبل از یک حرفه ای دارید.

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

از خلاقیت خود بهره برداری کنید: علاوه بر یادگیری نحوه ایجاد یک صفحه فرود Tailwind CSS تمیز، مدرن و حرفه ای، همچنین به شما آموزش داده می شود که چگونه انیمیشن ها و فونت های وب گوگل را اضافه کنید تا مطمئن شوید که وب سایت شما از سایرین متمایز است.


امروز یاد بگیرید که وب سایت های حرفه ای بعدی خود را بسازید!

با طرز فکر، درک و کاربرد درست آموزه‌های این دوره، شما فوراً شروع به حرکت به سمت تسلط بر Tailwind CSS خواهید کرد.


سرفصل ها و درس ها

مقدمه و بررسی اجمالی Introduction & Overview

  • مقدمه ای بر TailwindCSS Introduction to TailwindCSS

  • نمای کلی TailwindCSS Overview of TailwindCSS

نصب TailwindCSS Installation of TailwindCSS

  • نصب npm و TailwindCSS Installation of npm and TailwindCSS

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

تایپوگرافی Typography

  • حاشیه و بالشتک Margin and Padding

  • عرض و ارتفاع Width and Height

  • اندازه فونت Font Size

  • وزن و سبک فونت Font weight and style

  • فاصله خطوط در TailwindCSS Line spacing in TailwindCSS

  • حروف بزرگ و سرریز متن در TailwindCSS Text Capitalize & Text Overflow in TailwindCSS

  • تزیین متن در TailwindCSS Text Decoration in TailwindCSS

  • پس زمینه در TailwindCSS Background in TailwindCSS

حاشیه در TailwindCSS Border in TailwindCSS

  • مرزها در TailwindCSS Borders in TailwindCSS

  • شعاع مرزی در TailwindCSS Border Radius in TailwindCSS

  • تقسیم کننده در TailwindCSS Divider in TailwindCSS

  • طرح کلی در TailwindCSS Outline in TailwindCSS

  • Opacity و Box-Shadow Opacity and Box-Shadow

چیدمان Layout

  • Flexbox با TailwindCSS Flexbox with TailwindCSS

  • طراحی با Tailwind CSS: Hover، Focus و Active Styles Designing with Tailwind CSS: Hover, Focus, and Active Styles

  • بهره وری خود را با Tailwind CSS افزایش دهید: دستورالعمل را اعمال کنید Boost your Productivity with Tailwind CSS: Apply Directive

پروژه Project

  • مینی پروژه Mini Project

پروژه نهایی Final Project

  • پروژه نهایی در TailwindCSS Final Project in TailwindCSS

نمایش نظرات

آموزش TailwindCSS از A تا Z: TailwindCSS را به سرعت استاد کنید
جزییات دوره
1.5 hours
22
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
20,756
3.7 از 5
ندارد
دارد
دارد
Meta Brains
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Meta Brains Meta Brains

بیایید با هم ابر جهان را کدنویسی و بسازیم! Meta Brains یک برند آموزشی حرفه ای است که توسط تیمی از توسعه دهندگان نرم افزار و متخصصان امور مالی که به امور مالی، کدنویسی و اکسل علاقه دارند، توسعه یافته است. ما تجارب حرفه‌ای و آموزشی را برای ایجاد برنامه‌های آموزشی در سطح جهانی که برای همه قابل دسترسی است، گرد هم می‌آوریم. در حال حاضر، ما بر انقلاب بزرگ بعدی در محاسبات متمرکز هستیم: متاورس. هدف نهایی ما این است که نسل بعدی استعدادها را آموزش دهیم تا بتوانیم با هم متاورز را کدنویسی و بسازیم!