آموزش Tailwind CSS - بوت کمپ عملی در 2024

در این دوره به مباحث ضروری Tailwind CSS مسلط می شوید، تمرین‌ های کدنویسی را انجام می دهید و پروژه‌ هایی واقعی می سازید که متمایز هستند.

آنچه یاد خواهید گرفت

• به مبانی Tailwind CSS مسلط شده و اصول utility-first را برای ساخت وب‌ سایت‌ های واکنش‌ گرا و مدرن به کار می برید.
• برای تقویت درک و کسب تجربه عملی، پس از هر درس در تمرینات کدنویسی تعاملی شرکت می کنید.
• اصول HTML و CSS را با ماژول‌ های رفرشر اختصاصی که شما را از مبتدی تا مفاهیم پیشرفته راهنمایی می‌ کند، بررسی می کنید.
• برای دستیابی به طرح‌ بندی‌ های حرفه‌ ای با Tailwind CSS، یوتیلیتی های فاصله گذاری، اندازه ها و تایپوگرافی را درک و پیاده‌ می کنید.
• از تم های رنگی، پس زمینه ها و بوردرها برای ایجاد طرح های ویژوال جذاب استفاده می کنید.
• در استفاده از سیستم‌ های طرح‌ بندی flexbox و گرید برای ایجاد ساختارهای صفحه پیشرفته و انعطاف‌ پذیر مهارت کسب می کنید.
• طرح‌ بندی‌ های پیچیده را با استفاده از یوتیلیتی های گرید، با تسلط به سیستم‌ های گرید implicit و explicit ایجاد و استایل دهی می کنید.
• می آموزید که طرح‌ های خیره‌ کننده dark mode ایجاد کنید که با ترجیحات کاربر مطابقت دارند.
• از ترنزیشن ها و انیمیشن ها برای افزودن تعامل روان به عناصر وب استفاده می کنید.
• از فیلترها، افکت‌ ها و تبدیل‌ ها برای بهبود نمایش ویژوال وب‌ سایت‌ های خود استفاده می کنید.
• یاد می گیرید که چگونه از states و شبه کلاس های Tailwind برای هاور، فوکوس و سایر تعاملات کاربر استفاده کنید.
• دانش عمیقی در مورد اصول طراحی واکنش گرا کسب می کنید و مطمئن می شوید که پروژه های شما در تمام اندازه های صفحه نمایش عالی به نظر می رسند.
• با اطمینان از استایل های preflight برای ریست کردن و استانداردسازی CSS خود برای یک صفحه تمیز استفاده می کنید.
• یاد می گیرید که چگونه Tailwind CSS را با ابزارهای مختلف مانند Tailwind CLI برای توسعه کارآمد، راه اندازی و پیکربندی کنید.
• با استفاده از یوتیلیتی های Tailwind، یک سیستم ناوبری واکنش گرا، شامل منوهای کشویی و همبرگری می سازید.
• برای ایجاد و مدیریت کامپوننت های utility-first با بهینه‌ سازی قابلیت استفاده مجدد در پروژه‌ های خود، بهترین شیوه ها را کشف می کنید.
• مهارت های خود را با تکمیل سه پروژه بزرگ اعمال می کنید - وب سایت پورتفولیوی حرفه ای، وب سایت خدمات مالی و وب سایت پورتفولیوی گروه موسیقی
• یک پایه قوی در طراحی utility-first ایجاد می کنید که به شما امکان می دهد با ذهنیتی ساده و مقیاس پذیر به پروژه ها نزدیک شوید.

پیش نیازهای دوره

• داشتن دانش اساسی از HTML و CSS تنها چیزی است که شما نیاز دارید.

توضیحات دوره

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

در این بوت کمپ، با تسلط به موارد ضروری Tailwind CSS شروع می‌ کنید. ما شما را از طریق رویکرد utility-first راهنمایی کرده و به شما یاد می دهیم که چگونه با حداقل CSS سفارشی طرح های زیبا ایجاد کنید. شما درک عمیقی از مفاهیم اصلی مانند فاصله گذاری، تایپوگرافی و طرح بندی خواهید داشت و یاد می گیرید که از ویژگی های قدرتمندی مانند سیستم های flexbox و گرید استفاده کنید.

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

نکات مهم این بوت کمپ:

• برای طراحی وب سریع‌ تر، تمیزتر و واکنش‌ گرا، به رویکرد utility-first در Tailwind CSS مسلط می شوید.
• برای تمرین و تکمیل مهارت های خود، پس از هر درس در تمرین های کدنویسی عملی شرکت می کنید.
• سه پروژه حرفه ای می سازید - وب سایت پورتفولیو، وب سایت خدمات مالی و وب سایت پورتفولیوی گروه موسیقی
• یاد می گیرید که به طور یکپارچه dark mode را در طراحی های خود برای رابط های مدرن و کاربر پسند یکپارچه کنید.
• در سیستم‌ های قدرتمند طرح بندی مانند Flexbox و گرید مهارت کسب کرده و طرح‌ بندی‌ های پیچیده و در عین حال مقیاس‌ پذیر ایجاد می کنید.
• اصول طراحی واکنش گرا را بررسی می کنید تا مطمئن شوید که وب سایت های شما در هر دستگاهی، از موبایل تا دسکتاپ، خیره کننده به نظر می رسند.
• می آموزید که چگونه گردش کار توسعه خود را با استفاده از ابزارهای Tailwind CSS مانند CLI و Preflight ساده کنید.

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

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