- مدرس دوره : طاها زرگر ( رزومه )
- تعداد ویدیوها : 12 ویدیو
- مدت زمان دوره : 2:24:00
- سطح دوره : پیشرفته
- وضعیت دوره : در حال برگزاری
- تاریخ آخرین بروزرسانی : 1403/02/30
آموزش Tailwind css با 3 پروژه عملی اینستاگرام، گوگل و توییتر
در این دوره آموزش کامل آخرین ورژن فریم ورک Tailwind css صورت میپذیرد و 3 پروژه عملی شامل طراحی سایت اینستاگرام، گوگل و توییتر نیز برای تثبیت موارد آموخته شده در نظر گرفته شده است. دانشجو پس از اتمام این دوره قادر به طراحی هر گونه طرح مد نظر خود با فریم ورک محبوب Tailwind خواهد بود.
سرفصل های دوره
ستاپ دوره (موارد مورد نیاز برای شروع دوره و نحوه نصب و استفاده از Tailwind)
آموزش موارد پایه ای و مهم Tailwind
آموزش تنظیمات Tailwind اعم از Extend options
پروژه اول: طراحی Landing page
پروژه دوم: طراحی Google
پروژه سوم: طراحی Instagram
پروژه چهارم: طراحی Twitter
50 درصد تخفیف ثبت نام تا پایان زمان انتشار دوره برای علاقه مندان فعال است.
پیش نیاز های دوره :
- آشنایی مقدماتی با HTML و Css
فهرستـــ ویدیوها
مدت زمان دوره 2:24:00با مشاهده آنلاین جلسات در سایت ، هزینه اینترنت شما به صورت نیم بها محاسبه خواهد شد.
مقایسه Bootstrap با Tailwind
در این قسمت قصد داریم تا به بررسی و مقایسه بین دو فریم ورک مطرح Bootstrap و Tailwind بپردازیم و دلایل برتری Tailwind بر Bootstrap و دلیل محبوبیت بالای Tailwind را بهتر درک کنیم.
نیازمندی های دوره و ابزار های مورد نیاز
در این قسمت به بررسی ابزار مورد نیاز برای شروع این دوره خواهیم پرداخت.
آموزش نصب Tailwind با استفاده از روش CLI
در این قسمت با آموزش نصب Tailwind از طریق روش CLI آشنا خواهید شد.
آموزش نصب Tailwind با استفاده از روش Post css
در این قسمت نحوه نصب Tailwind رو با کمک روش Post css یاد میگیریم.
تایپو گرافی در Tailwind
در این قسمت به طور کاربردی به مبحث مهم Typography در این فریم ورک میپردازیم.
رنگ ها (Colors) در Tailwind
تمامی رنگ های موجود در Tailwind در این قسمت آموزش داده خواهند شد.
Object properties در Tailwind
در این قسمت به بررسی کامل ویژگی های مهم شی ها در Tailwind خواهیم پرداخت.
شروع مبحث لایه ها (Layouts)
در این قسمت شروع به آموزش مبحث لایه بندی صفحات HTML خودمون و نحوه بخش بندی بر اساس طرح های مختلف میکنیم و درباره کلاس پر کاربرد container در Tailwind نیز صحبت خواهیم کرد.
آموزش مبحث طراحی واکنش گرا (Responsive)
مبحث بسیار بسیار مهم طراحی واکنش گرا یا همان ریسپانسیو در این قسمت آموزش داده خواهد شد. بررسی کلاس های مورد استفاده از Tailwind برای ریسپانسیو سازی طراحی شما بسیار حائز اهمیت است.
نظرات کاربران در رابطه با این دوره