قیمت این دوره: 300,000 150,000 تومان
  • مدرس دوره : طاها زرگر
  • تعداد ویدیوها : 13 ویدیو
  • مدت زمان دوره : 2:45:00
  • سطح دوره : پیشرفته
  • وضعیت دوره : در حال برگزاری
  • تاریخ آخرین بروزرسانی : 1403/02/31
ثبتـــ نام در این دوره ثبت نام در دوره
آموزش Tailwind css با 3 پروژه عملی اینستاگرام، گوگل و توییتر

آموزش Tailwind css با 3 پروژه عملی اینستاگرام، گوگل و توییتر

در این دوره آموزش کامل آخرین ورژن فریم ورک Tailwind css صورت می‌پذیرد و 3 پروژه عملی شامل طراحی سایت اینستاگرام، گوگل و توییتر نیز برای تثبیت موارد آموخته شده در نظر گرفته شده است. دانشجو پس از اتمام این دوره قادر به طراحی هر گونه طرح مد نظر خود با فریم ورک محبوب   Tailwind خواهد بود.

سرفصل های دوره

ستاپ دوره (موارد مورد نیاز برای شروع دوره و نحوه نصب و استفاده از Tailwind)

آموزش موارد پایه ای و مهم Tailwind

آموزش تنظیمات Tailwind  اعم از Extend options

پروژه اول: طراحی Landing page

پروژه دوم: طراحی Google

پروژه سوم: طراحی Instagram

پروژه چهارم: طراحی Twitter

50 درصد تخفیف ثبت نام تا پایان زمان انتشار دوره برای علاقه مندان فعال است.



پیش نیاز های دوره :

  1. آشنایی مقدماتی با HTML و Css

فهرستـــ ویدیوها

مدت زمان دوره 2:45:00
  • با مشاهده آنلاین جلسات در سایت ، هزینه اینترنت شما به صورت نیم بها محاسبه خواهد شد.

1
  • مقایسه Bootstrap با Tailwind

00:09:14

در این قسمت قصد داریم تا به بررسی و مقایسه بین دو فریم ورک مطرح Bootstrap و Tailwind بپردازیم و دلایل برتری Tailwind بر Bootstrap و دلیل محبوبیت بالای Tailwind را بهتر درک کنیم.

2
  • نیازمندی های دوره و ابزار های مورد نیاز

00:01:53

در این قسمت به بررسی ابزار مورد نیاز برای شروع این دوره خواهیم پرداخت.

3
  • آموزش نصب Tailwind با استفاده از روش CLI

00:13:08

در این قسمت با آموزش نصب Tailwind از طریق روش CLI آشنا خواهید شد.

4
  • آموزش نصب Tailwind با استفاده از روش Post css

00:09:48

در این قسمت نحوه نصب Tailwind رو با کمک روش Post css یاد میگیریم.

5
  • Vendor prefix در Tailwind

00:09:02

در این قسمت مبحث جذاب Vendor Prefix بیان خواهد شد.

6
  • تایپو گرافی در Tailwind

00:25:07

در این قسمت به طور کاربردی به مبحث مهم Typography در این فریم ورک میپردازیم.

7
  • رنگ ها (Colors) در Tailwind

00:10:45

تمامی رنگ های موجود در Tailwind در این قسمت آموزش داده خواهند شد.

8
  • Object properties در Tailwind

00:21:20

در این قسمت به بررسی کامل ویژگی های مهم شی ها در Tailwind خواهیم پرداخت.

9
  • شروع مبحث لایه ها (Layouts)

00:16:11

در این قسمت شروع به آموزش مبحث لایه بندی صفحات HTML خودمون و نحوه بخش بندی بر اساس طرح های مختلف می‌کنیم و درباره کلاس پر کاربرد container در Tailwind نیز صحبت خواهیم کرد.

10
  • آموزش مبحث طراحی واکنش گرا (Responsive)

00:07:03

مبحث بسیار بسیار مهم طراحی واکنش گرا یا همان ریسپانسیو در این قسمت آموزش داده خواهد شد. بررسی کلاس های مورد استفاده از Tailwind برای ریسپانسیو سازی طراحی شما بسیار حائز اهمیت است.

11
  • FlexBox در Tailwind

00:12:18

در این قسمت درباره نحوه پیاده سازی FlexBox در Tailwind صحبت خواهیم کرد.

12
  • Grid در Tailwind

00:09:04

در این قسمت به بررسی Grid template system خواهیم پرداخت.

13
  • دارک مود (ِDark mode)

00:20:58

در این قسمت به مبحث جذاب دارک مود و نحوه استفاده از آن در Tailwind خواهیم پرداخت.


نظرات کاربران در رابطه با این دوره

لطفا سوالات خود را راجع به این آموزش در این بخش پرسش و پاسخ مطرح کنید به سوالات در قسمت نظرات پاسخ داده نخواهد شد و آن نظر حذف میشود.
جهت ثبت نظر باید در سایت عضو شوید و یا وارد سایت شده باشید .