آموزش دوره کاربردی Tailwind CSS برای مبتدیان
Practical Tailwind CSS Course for Beginners
در این دوره شما همه چیز را در مورد Tailwind CSS یاد خواهید گرفت و در کمترین زمان شروع به توسعه مؤلفه‌های عالی UI قابل استفاده مجدد خواهید کرد.
شما موارد زیر را یاد خواهید گرفت:
نحوه نصب tailwind CSS
نحوه خواندن اسناد
نحوه استفاده از کلاس های مختلف tailwind
ما همه چیز را با یادگیری و استفاده از آنها در پروژه های کوچک یاد خواهیم گرفت
ما مؤلفه‌هایی مانند کارت پاسخگو، طرح‌بندی پاسخگو، منوی پاسخگو و موارد دیگر را خواهیم ساخت
من همچنین به شما یک کتابخانه منبع باز رایگان می گویم که بیش از 500 جزء tailwind را به صورت آماده در اختیار شما قرار می دهد
همچنین کد منبع آنچه را که یاد خواهیم گرفت، دریافت خواهید کرد.
در حوزه پویای توسعه وب، جلوتر ماندن از منحنی بسیار مهم است. Tailwind CSS، اولین فریم ورک ابزاری پیشرفته، به عنوان یک تغییر دهنده بازی در دنیای طراحی جلویی ظاهر شده است. اهمیت آن فراتر از عمل صرف یادگیری است. این یک کاتالیزور برای ایجاد رابط های خیره کننده، کارآمد و کاربر پسند است.
در هسته Tailwind CSS سادگی و انعطاف پذیری آن نهفته است. با ارائه مجموعه ای جامع از کلاس های کاربردی از پیش تعریف شده، توسعه دهندگان را قادر می سازد تا طرح های سفارشی سازی شده را به سرعت بسازند. این فقط در مورد زیبایی شناسی زیبا نیست. این در مورد عملی است. Tailwind CSS بهترین روش‌ها را در توسعه وب، ترویج کدهای تمیز، قابل نگهداری و مقیاس‌پذیر تشویق می‌کند.
به‌علاوه، Tailwind CSS طراحی واکنش‌گرا را بسیار ساده می‌کند. رویکرد اول موبایل آن به‌طور یکپارچه با اندازه‌های مختلف صفحه نمایش و دستگاه‌ها سازگار است و تجربه کاربری یکپارچه را تضمین می‌کند. این سازگاری در دنیایی که کاربران به طور یکسان از تلفن‌های هوشمند، تبلت‌ها و رایانه‌های رومیزی به وب‌سایت‌ها دسترسی دارند، حیاتی است.
اکوسیستم توسعه‌دهنده Tailwind CSS فراتر از کد است. دارای یک جامعه قوی و یک کتابخانه همیشه در حال رشد از افزونه ها و برنامه های افزودنی است که ادغام آن را با سایر فناوری ها آسان می کند. مستندات گسترده و انجمن‌های فعال انجمن تضمین می‌کند که زبان‌آموزان از پشتیبانی لازم برای تسلط بر چارچوب برخوردار هستند.
در چشم انداز توسعه وب امروزی، Tailwind CSS فقط یک ابزار دیگر نیست. این یک مزیت رقابتی است. یادگیری Tailwind CSS در را به روی یک رویکرد کارآمد و نوآورانه برای توسعه front-end باز می کند. این برنامه توسعه دهندگان را با مهارت ها و دانش برای ایجاد طرح های بصری خیره کننده، پاسخگو و کاربر محور که تقاضای بالایی دارند، مجهز می کند. جادوی Tailwind CSS را در آغوش بگیرید و شاهد افزایش مهارت های توسعه وب خود باشید.
معرفی و نصب Introduction & Installation
-
بررسی اجمالی دوره Course Overview
-
مروری بر Tailwind CSS و تفاوت آن با Bootstrap Overview Of Tailwind CSS and How it Differs from Bootstrap
-
نصب و راه اندازی برای محیط توسعه Installing and Setup for Development Environment
-
Hello World with Tailwind و نصب افزونه های مهم Hello World with Tailwind and Installing important extensions
-
راه اندازی Tailwind CSS به روش درست Setting Up Tailwind CSS the Right Way
-
نحوه بررسی اسناد How to explore the documentation
یادگیری مبتنی بر پروژه در مورد متن، فونت ها، پس زمینه، تراز، شناور Projects based learning about text, fonts, background, alignment, hover
-
Project-1 Align Element در مرکز صفحه Project-1 Align Element at center of the page
-
Project-2 Utility ابتدا با ایجاد یک کامپوننت کارت Project-2 Utility First by Creating a Card Component
-
Project-3 Hover Focus and other states با ایجاد یک دکمه سفارشی Project-3 Hover Focus And Other states by creating a custom Button
طراحی ریسپانسیو با Tailwind CSS: ساخت کارت پاسخگو Responsive Design with Tailwind CSS: Build Responsive Card
-
مفهوم طراحی پاسخگو در Tailwind Concept of Responsive Design in Tailwind
-
عملی برای درک مفهوم طراحی پاسخگو برای دستگاه های مختلف Practicals to understand Responsive Design concept for different devices
-
Project-4 Designing Card Responsive - Part-1 Project-4 Designing Responsive Card - Part-1
-
Project-4 Designing Card Responsive - Part-2 Project-4 Designing Responsive Card - Part-2
-
Project-4 Designing Card Responsive - Part-3 Project-4 Designing Responsive Card - Part-3
چیدمان پاسخگو، ردیف ها و ستون ها، متغیرها، انیمیشن ها، انتقال ها، تبدیل Responsive Layout, Rows & Columns, Variables, Animations, Transitions, Transform
-
استایل متغیر در Tailwind Variable Styling in Tailwind
-
انتقال انیمیشن ها و ترجمه در Tailwind Animations Transitions and Translate in Tailwind
-
طرح بندی ستون ردیف پاسخگو - قسمت 1 Responsive Row Column Layout - Part-1
-
طرح بندی ستون ردیف پاسخگو - قسمت 2 Responsive Row Column Layout - Part-2
نوار ناوبری پاسخگو Responsive Navbar
-
نوار ناوبری پاسخگو - قسمت 1 Responsive Navbar - Part-1
-
Navbar پاسخگو - قسمت 2 Responsive Navbar - Part-2
-
Navbar پاسخگو - قسمت 3 Responsive Navbar - Part-3
کتابخانه کامپوننت آماده Tailwind CSS Readymade Free Tailwind CSS Readymade Component Library
-
کامپوننت های رایگان Tailwind UI Free Tailwind UI Components
کد منبع Source Code
-
کد Code
https://donyad.com/d/0a2723
Ranjan Pandey
نرم افزار حرفه ای با 11+ سال تجربه در ITI یک نرم افزار Fullstack DevOps با 11+ سال تجربه در انواع فناوری ها از جمله توسعه وب و برنامه های تلفن همراه با استفاده از HTML5 ، CSS3 ، JavaScript ، JQuery ، Bootstrap ، Angular ، React ، Java ، Spring ، Springboot ، Python ، Flask ، Django ، NodeJS ، Express ، Android ، Ionic ، React Native ، Flutter به هوش مصنوعی و فناوری های ابری مانند سرویس های وب آمازون و Microsoft Azure. من همچنین دارای گواهینامه جاوا ، Azure cloud ، محصول Backbase هستم. من تجربه کار با چندین مشتری MNC و اروپایی را دارم. من همچنین یک مربی شرکتی هستم که طیف گسترده ای از آموزش را ارائه می دهد.
نمایش نظرات