آموزش TailwindCSS از A تا Z: TailwindCSS را به سرعت استاد کنید
TailwindCSS from A to Z: Master TailwindCSS Quickly
آیا از استفاده از یک راه آسان برای ایجاد یک صفحه فرود حرفه ای بدون نیاز به استایل دادن به همه چیز خسته شده اید؟ شما در جای درست قرار دارید؛ این دوره یک آموزش کامل 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
https://donyad.com/d/2455bf
Meta Brains
بیایید با هم ابر جهان را کدنویسی و بسازیم! Meta Brains یک برند آموزشی حرفه ای است که توسط تیمی از توسعه دهندگان نرم افزار و متخصصان امور مالی که به امور مالی، کدنویسی و اکسل علاقه دارند، توسعه یافته است. ما تجارب حرفه‌ای و آموزشی را برای ایجاد برنامه‌های آموزشی در سطح جهانی که برای همه قابل دسترسی است، گرد هم می‌آوریم. در حال حاضر، ما بر انقلاب بزرگ بعدی در محاسبات متمرکز هستیم: متاورس. هدف نهایی ما این است که نسل بعدی استعدادها را آموزش دهیم تا بتوانیم با هم متاورز را کدنویسی و بسازیم!
نمایش نظرات