لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
آموزش Tailwind CSS - با استفاده از Tailwind CSS یک پروژه برنامه بلاگ بسازید
Tailwind CSS - Build a Blog App Project Using Tailwind CSS
نکته:
آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:
آموزش Tailwind CSS، طراحی پروژه کامل برنامه وبلاگ با Tailwind CSS، طراحی واکنش گرا با Tailwind CSS Tailwind CSS ساخت یک پروژه کامل با استفاده از Tailwind CSS طراحی پاسخگو با استفاده از Tailwind CSS یک پروژه کامل برنامه وبلاگ با Tailwind CSS پیشها: درک اولیه CSS و HTML
با این دوره آموزشی که برای مبتدیان طراحی شده است، دنیای Tailwind CSS را کاوش کنید. شما از ابتدا یک وبسایت واکنشگرا میسازید تا بر اصول این چارچوب قدرتمند CSS-اول ابزار قدرتمند تسلط پیدا کنید. با Tailwind CSS، میتوانید بدون در نظر گرفتن سطح تجربه خود در توسعه وب، وبسایتهای مدرن و چشمنواز بسازید. این دوره مهارت های ضروری برای شروع را به شما آموزش می دهد.
در این دوره، یاد خواهید گرفت:
با نحوه راه اندازی Tailwind در پروژه خود آشنا شوید و درکی از ایده ها و اصول اساسی Tailwind CSS کسب کنید.
یک طرح بندی پاسخگو بسازید. نحوه استفاده از ویژگیهای طراحی واکنشگرای یکپارچه Tailwind را برای ایجاد یک طرحبندی وبسایت که به راحتی با اندازهها و دستگاههای مختلف صفحه نمایش تنظیم میشود، کشف کنید.
پی بردن به مزایای Tailwind CSS.
افزودن Tailwind CSS به تنظیمات پروژه شما.
ایجاد منوی پیمایش که پاسخگو باشد.
ساخت شبکههای محتوا که پاسخگو هستند.
قرار دادن ساختار شبکه ای برای نمایش ورودی های وبلاگ.
افزودن اطلاعات اضافی و پیوندهای پیمایش در قسمت پاورقی.
ایجاد پاورقی بصری جذاب با نمادهای رسانه های اجتماعی.
در پایان دوره، شما از Tailwind CSS برای ایجاد یک وبسایت کاملاً واکنشگرا از ابتدا استفاده خواهید کرد و به دانش و اطمینان از خود مجهز خواهید شد تا از آنچه آموختهاید در پروژههای خود استفاده کنید.
سرفصل ها و درس ها
معرفی
Introduction
بررسی اجمالی پروژه
Project Overview
ایجاد پروژه و راه اندازی قسمت 1
Create Project and Setup Part-1
ایجاد پروژه و راه اندازی قسمت 1
Create Project and Setup Part-1
مبانی Tailwind CSS Part-2
Basics of Tailwind CSS Part-2
مبانی Tailwind CSS Part-2
Basics of Tailwind CSS Part-2
متن قالب بندی قسمت 3
Text For-mating Part-3
متن قالب بندی قسمت 3
Text For-mating Part-3
فلکس باکس قسمت 4
Flex Box Part-4
فلکس باکس قسمت 4
Flex Box Part-4
موقعیت قسمت 5
Position Part-5
موقعیت قسمت 5
Position Part-5
نقاط شکست پاسخگو قسمت 6
Responsive Breakpoints Part-6
نقاط شکست پاسخگو قسمت 6
Responsive Breakpoints Part-6
ایجاد پروژه قسمت 7
Create Project Part-7
ایجاد پروژه قسمت 7
Create Project Part-7
طراحی کارت پروژه قسمت 8
Project Card Design Part-8
طراحی کارت پروژه قسمت 8
Project Card Design Part-8
پاورقی پروژه و قالب بندی قسمت 9
Project Footer and Formatting Part-9
پاورقی پروژه و قالب بندی قسمت 9
Project Footer and Formatting Part-9
نمایش نظرات