آموزش Tailwind CSS – دوره فشرده

رايگان
139 دانشجو
۱ ساعت و ۵۰ دقیقه
ثبت نام در دوره

آموزش Tailwind CSS – دوره فشرده بر روی مفاهیم اصلی فریم‌ورک Tailwind CSS تمرکز دارد.

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

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

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

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

سرفصل‌ها

۰۱. بررسی تمرین دوره
۰۲. فریم‌ورک Tailwind
۰۳. راه‌اندازی محیط توسعه
۰۴. استفاده از Tailwind
۰۵. کار با رنگ‌ها
۰۶. استفاده از Margin و Padding
۰۷. بررسی Typography
۰۸. کار با Width و Height
۰۹. استفاده از Positionها
۱۰. انواع Border
۱۱. استفاده از Border Radius
۱۲. کلاس‌های Breakpoint
۱۳. بررسی Flexbox در Tailwind
۱۴. استفاده از Grid
۱۵. مقادیر در Config
۱۶. پیاده سازی Dark Mode

۱۷. نصب Tailwind در پروژه
۱۸. استفاده از فونت
۱۹. پیاده سازی Navbar
۲۰. توسعه قسمت Intro
۲۱. توسعه قسمت محصولات
۲۲. پیاده سازی Tab و Panel
۲۳. استفاده از جاوااسکریپت برای Tabها
۲۴. توسعه Accordion
۲۵. پیاده سازی قسمت Newsletter
۲۶. استفاده از Scroll Smooth
۲۷. ادامه مسیر یادگیری

دیدگاه‌ها:

افزودن دیدگاه جدید