توضیحات
آموزش پروژه محور Tailwind CSS از صفر
نام دوره : Tailwind CSS From Scratch | Learn By Building Projects
به روز رسانی 5/2022 با کیفیت 1080 تهیه شده رسمی یودمی ایران
پیش نیاز:
توضیحات:
این یک دوره آموزشی سرگرم‌کننده مبتنی بر پروژه است تا یاد بگیرید چگونه با استفاده از چارچوب Tailwind CSS طرح‌بندی‌های فوق‌العاده ایجاد کنید و با استفاده از کلاس‌های ابزار بر روی چیزی مانند Bootstrap که از کلاس‌های مبتنی بر کامپوننت استفاده می‌کند، کار کنید.
بیایید نگاهی به طرح کلی دوره آموزش پروژه محور Tailwind CSS از صفر بیندازیم…
Sandbox
من نمی‌خواهم مستقیماً وارد پروژه‌ها شوم، اگرچه اگر بخواهید مطمئناً می‌توانید.
بنابراین دو بخش اول، ما در یک Sandbox کدنویسی کار خواهیم کرد.
در هر ویدیوی جدید در این بخش ها، ما یک فایل جدید برای آزمایش و یادگیری همه چیز در مورد جنبه خاصی از Tailwind خواهیم داشت.
به عنوان مثال، ما صفحات/ویدئوهایی برای رنگ‌ها، تایپوگرافی، فاصله، کلاس‌های انعطاف‌پذیر و موارد دیگر خواهیم داشت. این به ما این امکان را می‌دهد تا به جای اینکه مستقیماً به پروژه‌ها بپریم، همه بخش‌های Tailwind را با نظم خاصی لمس کنیم.
پروژه های کوچک
در مرحله بعد، آنچه را که در محیط sandbox یاد می گیریم را برای ایجاد چند پروژه کوچک استفاده می کنیم.
اینها چیزهایی هستند که ایجاد آنها 10 تا 20 دقیقه طول می کشد و ما همه آن ها را در یک ویدیو در هر پروژه انجام خواهیم داد.
مینی پروژه ها شامل:
- کارت اشتراک ایمیل
- شبکه های قیمت گذاری
- مدال محصول
- گالری تصاویر
- ورود به سیستم
پروژه های وب سایت
در مرحله بعد، ما شروع به کار بر روی وب سایت های صفحه فرود بزرگتر خواهیم کرد.
این واقعاً چیزهایی را که یاد گرفتید آزمایش می کند. 6 وب سایت مختلف وجود خواهد داشت. همه آنها بسیار مدرن و تمیز هستند.
ما با Frontend Mentor برای طراحی ها همکاری کردیم. برخی از پروژه ها دارای کمی جاوا اسکریپت برای مواردی مانند منوهای همبرگر، برگه ها و برخی اعتبار سنجی هستند.
بیایید نگاهی به پروژه ها بیندازیم:
- وب سایت کلیپ بورد – صفحه فرود محصول نرم افزاری ساده. تمرکز بیشتر بر روی فلکس باکس و تراز. برخی از تصاویر پس زمینه و غیره
- Loopstudios – وب سایت شرکت VR با تصاویر جالب، منوی تلفن همراه پاسخگو با برخی از جاوا اسکریپت، جلوه های همپوشانی گرادیان.
- Shortly – وب سایت ابزار کوتاه کردن لینک. ما یک منوی پاسخگو با ظاهری زیبا خواهیم داشت و کمی جاوا اسکریپت برای اعتبارسنجی فرم و کار با DOM اضافه می کنیم.
- Testimonial Grid – پروژه ای که در آن بر استفاده از کلاس های گرید Tailwind تمرکز می کنیم.
- Fylo – صفحه محصول با ویژگی حالت روشن/تاریک. ما مقداری جاوا اسکریپت اضافه می کنیم تا حالت رنگ را در حافظه محلی ذخیره کنیم. ما همچنین یک مؤلفه برگه پویا برای سؤالات متداول خواهیم داشت.
- نشانک – صفحه فرود برنامه افزودنی مدیر نشانک. این وب سایت دارای تعدادی تصویر پس زمینه پویا، یک منوی همبرگر و چند برگه است که از جاوا اسکریپت استفاده می کنند.
دوره آموزش پروژه محور Tailwind CSS از صفر برای چه کسانی است:
- هر کسی که می‌خواهد در ایجاد طرح‌بندی وب‌سایت و رابط کاربری بهتر شود
یودمی ایران –
دوره درخواستی خود را از راه های ارتباطی درخواست کنید