آموزش تسلط بر 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

  • ساخت فوتر Create the Footer

شبیه‌سازی رابط کاربری اینستاگرام Instagram UI Clone

  • آشنایی با پروژه Introduction to the Project

  • نصب Tailwind CSS و ایجاد اولین قالب Install Tailwind CSS and Create the First Template

  • ساخت بخش هدر Create Header Section

  • ساخت بخش استوری‌ها Create Stories Section

  • ساخت بخش پست‌ها Create the Post Section

  • ساخت بخش پروفایل کوچک و پیشنهادات Create the Mini Profile and Suggestions Sections

نمایش نظرات

آموزش تسلط بر Tailwind CSS 3.0 - ساخت دو پروژه داینامیک و حرفه‌ای
جزییات دوره
6h 31m
13
(آخرین آپدیت)
91
- از 5
دارد
دارد
دارد
Chris Croft
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Chris Croft Chris Croft

مربی مدیریت، سخنران، نویسنده