لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
آموزش تسلط بر Tailwind CSS 3.0 - ساخت دو پروژه داینامیک و حرفهای
- آخرین آپدیت
دانلود Mastering Tailwind CSS 3.0 - Build Two Dynamic Projects
نکته:
ممکن هست محتوای این صفحه بروز نباشد ولی دانلود دوره آخرین آپدیت می باشد.
نمونه ویدیوها:
توضیحات دوره:
این دوره دارای قابلیت Coursera Coach است؛ روشی هوشمندانهتر برای یادگیری از طریق گفتگوهای تعاملی و لحظهای که به شما کمک میکند دانش خود را آزمایش کنید، پیشفرضها را به چالش بکشید و در حین پیشروی در دوره، درک عمیقتری کسب کنید.
با تسلط بر Tailwind CSS 3.0، مهارتهای توسعه وب خود را به سطح جدیدی ببرید. در این دوره، شما یاد میگیرید که چگونه با ساخت پروژههای داینامیک، رابطهای کاربری (UI) خیرهکنندهای را به صورت بهینه خلق کنید. در پایان این دوره، درک عمیقی از Tailwind CSS و نحوه استفاده از آن برای طراحی وب مدرن و ریسپانسیو خواهید داشت.
شما کار خود را با شبیهسازی رابط کاربری تسلا (Tesla UI clone) آغاز میکنید. ابتدا با پیکربندی Tailwind CSS شروع کرده و سپس هر بخش شامل هدر، بخش Model 3، بخش Model Y و لوازم جانبی و در نهایت فوتر را پیادهسازی میکنید. هر مرحله به شما کمک میکند تا متوجه شوید چگونه از رویکرد utility-first در Tailwind برای ساختاردهی آسان وبسایت استفاده کنید.
سپس، روی شبیهسازی رابط کاربری اینستاگرام (Instagram UI clone) کار خواهید کرد و بخشهای کلیدی مانند هدر، استوریها، پستها، پروفایل کوچک و بخش پیشنهادات را بازسازی میکنید. این پروژه دانش شما را تقویت کرده و تجربه عملی در استفاده از Tailwind CSS برای ساخت لایوتهای ریسپانسیو که در تمامی دستگاهها عالی به نظر برسند، به شما میدهد.
این دوره برای توسعهدهندگان فرانتاند یا علاقهمندان به وب که به دنبال ارتقای مهارتهای UI خود هستند، ایدهآل است. هیچ تجربه قبلی در Tailwind CSS مورد نیاز نیست، هرچند داشتن دانش پایه HTML و CSS توصیه میشود. این دوره برای یادگیرندگانی که میخواهند در ساخت پروژههای واقعی و داینامیک غوطهور شوند، عالی است.
سرفصل ها و درس ها
مقدمه
Introduction
مقدمه
Introduction
شبیهسازی رابط کاربری تسلا
Tesla UI Clone
آشنایی با پروژه
Introduction to the Project
نصب Tailwind CSS و ایجاد اولین قالب
Install Tailwind CSS and Create the First Template
ساخت بخش هدر
Create the Header Section
تکمیل بخش Model 3
Complete Model 3 Section
ساخت بخش Model Y و لوازم جانبی
Create Model Y and Accessories Sections
نمایش نظرات