آموزش Tailwind CSS Mega Course: Basic to Advanced-Build 2 Projects

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

پایه های Tailwind CSS Basic of Tailwind CSS

• مقدمه ای برای Tailwind CSS Part-1 Introduction To Tailwind CSS Part-1

• مقدمه ای برای Tailwind CSS Part-1 Introduction To Tailwind CSS Part-1

• نصب و راه اندازی Tailwind CSS قسمت 2 Tailwind CSS Installation and Setup Part-2

• Tailwind CSS نصب و راه اندازی قسمت 2 Tailwind CSS Installation and Setup Part-2

• Tailwind CSS Configuration Part-3 Tailwind CSS Configuration Part-3

• Tailwind CSS Configuration Part-3 Tailwind CSS Configuration Part-3

• پیکربندی Tailwind CSS و اندازه قلم قسمت 4 Tailwind CSS Configuration and Font Size Part-4

• پیکربندی Tailwind CSS و اندازه قلم قسمت 4 Tailwind CSS Configuration and Font Size Part-4

• اندازه قلم قسمت 5 Font Size Part-5

• اندازه قلم قسمت 5 Font Size Part-5

• اندازه قلم سفارشی قسمت 6 Custom Font Size Part-6

• اندازه قلم سفارشی قسمت 6 Custom Font Size Part-6

• سبک قلم و فونت های سفارشی قسمت 7 Font Style and Custom Fonts Part-7

• سبک قلم و فونت های سفارشی قسمت 7 Font Style and Custom Fonts Part-7

• تزیین و استایل متن قسمت 8 Text Decoration and Styling Part-8

• تزیین و استایل متن قسمت 8 Text Decoration and Styling Part-8

• حاشیه قسمت 9 Margins Part-9

• حاشیه قسمت 9 Margins Part-9

• Padding and Border Part-10 Padding and Border Part-10

• Padding and Border Part-10 Padding and Border Part-10

• فضای بین کلاس قسمت 11 Space Between Class Part-11

• فضای بین کلاس قسمت 11 Space Between Class Part-11

• اثر هوور قسمت 12 Hoover Effect Part-12

• اثر هوور قسمت 12 Hoover Effect Part-12

• تمرکز و جلوه فعال قسمت 13 Focus and Active Effect Part-13

• تمرکز و جلوه فعال قسمت 13 Focus and Active Effect Part-13

• Active and Layer Part-14 Active and Layer Part-14

• Active and Layer Part-14 Active and Layer Part-14

پایه های Tailwind CSS Basic of Tailwind CSS

روش اول سودمند Utility First Approach

• Utility First Approach Part-1 Utility First Approach Part-1

• Utility First Approach Part-1 Utility First Approach Part-1

• Utility First Approach Part-2 Utility First Approach Part-2

• Utility First Approach Part-2 Utility First Approach Part-2

روش اول سودمند Utility First Approach

نوار ناوبری Navigation Bar

• ساختار نوار ناوبری قسمت 1 Navigation Bar Structure Part-1

• ساختار نوار ناوبری قسمت 1 Navigation Bar Structure Part-1

• اجزای نوار ناوبری قسمت 2 Navigation Bar Components Part-2

• اجزای نوار ناوبری قسمت 2 Navigation Bar Components Part-2

• نماد نوار ناوبری و استایل قسمت 3 Navigation Bar Icon and Styling Part-3

• نماد نوار ناوبری و استایل قسمت 3 Navigation Bar Icon and Styling Part-3

• قرار دادن نوار ناوبری و یک ظاهر طراحی قسمت 4 Navigation Bar Placement and Styling Part-4

• قرار دادن نوار ناوبری و یک ظاهر طراحی قسمت 4 Navigation Bar Placement and Styling Part-4

• استایل نوار ناوبری قسمت 5 Navigation Bar Styling Part-5

• استایل نوار ناوبری قسمت 5 Navigation Bar Styling Part-5

• دکمه‌های نوار پیمایش و استایل‌سازی قسمت 6 Navigation Bar Buttons and Styling Part-6

• دکمه‌های نوار پیمایش و استایل‌سازی قسمت 6 Navigation Bar Buttons and Styling Part-6

• استایل نوار ناوبری قسمت 7 Navigation Bar Styling Part-7

• استایل نوار ناوبری قسمت 7 Navigation Bar Styling Part-7

نوار ناوبری Navigation Bar

تجارت الکترونیک E-Commerce

• صفحه اصلی تجارت الکترونیک قسمت 1 Homepage E-Commerce Part-1

• صفحه اصلی تجارت الکترونیک قسمت 1 Homepage E-Commerce Part-1

• صفحه اصلی تجارت الکترونیک قسمت 2 Homepage E-commerce Part-2

• صفحه اصلی تجارت الکترونیک قسمت 2 Homepage E-commerce Part-2

• صفحه اصلی-آیکون ها-تجارت الکترونیک قسمت 3 Homepage-Icons-E-commerce Part-3

• صفحه اصلی-آیکون ها-تجارت الکترونیک قسمت 3 Homepage-Icons-E-commerce Part-3

• صفحه اصلی-بدن-تجارت الکترونیک قسمت-4 Homepage-Body-E-Commerce Part-4

• صفحه اصلی-بدن-تجارت الکترونیک قسمت-4 Homepage-Body-E-Commerce Part-4

• صفحه اصلی-بدن-تجارت الکترونیک قسمت 5 Homepage-Body-E-Commerce Part-5

• صفحه اصلی-بدن-تجارت الکترونیک قسمت 5 Homepage-Body-E-Commerce Part-5

• صفحه اصلی-دکمه ها-تجارت الکترونیک قسمت 6 Homepage-Buttons-E-Commerce Part-6

• صفحه اصلی-دکمه ها-تجارت الکترونیک قسمت 6 Homepage-Buttons-E-Commerce Part-6

• صفحه اصلی-تصویر-تجارت الکترونیک قسمت 7 Homepage-Image-E-Commerce Part-7

• صفحه اصلی-تصویر-تجارت الکترونیک قسمت 7 Homepage-Image-E-Commerce Part-7

• درباره ما صفحه-تجارت الکترونیک قسمت-8 About Us Page-E-Commerce Part-8

• درباره ما صفحه-تجارت الکترونیک قسمت-8 About Us Page-E-Commerce Part-8

• درباره ایالات متحده صفحه-تجارت الکترونیک قسمت 9 About US Page-E-Commerce Part-9

• درباره ایالات متحده صفحه-تجارت الکترونیک قسمت 9 About US Page-E-Commerce Part-9

• درباره ما صفحه ماموریت ارزش تجارت الکترونیک قسمت 10 About Us Page Mission Value E-Commerce Part-10

• درباره ما صفحه ماموریت ارزش تجارت الکترونیک قسمت 10 About Us Page Mission Value E-Commerce Part-10

• درباره ما طراحی صفحه تجارت الکترونیک قسمت 11 About Us Page Styling E-Commerce Part-11

• درباره ما طراحی صفحه تجارت الکترونیک قسمت 11 About Us Page Styling E-Commerce Part-11

• درباره ما طراحی صفحه تجارت الکترونیک قسمت 12 About Us Page Styling E-Commerce Part-12

• درباره ما طراحی صفحه تجارت الکترونیک قسمت 12 About Us Page Styling E-Commerce Part-12

• صفحه محصول تجارت الکترونیک قسمت 13 Product Page E-Commerce Part-13

• صفحه محصول تجارت الکترونیک قسمت 13 Product Page E-Commerce Part-13

• صفحه محصول تجارت الکترونیک قسمت 14 Product Page E-Commerce Part-14

• صفحه محصول تجارت الکترونیک قسمت 14 Product Page E-Commerce Part-14

• انیمیشن صفحه محصول تجارت الکترونیک قسمت 15 Product Page Animation E-Commerce Part-15

• انیمیشن صفحه محصول تجارت الکترونیک قسمت 15 Product Page Animation E-Commerce Part-15

• صفحه میوه تجارت الکترونیک قسمت 16 Fruit Page E-Commerce Part-16

• صفحه میوه تجارت الکترونیک قسمت 16 Fruit Page E-Commerce Part-16

• صفحه میوه تجارت الکترونیک قسمت 17 Fruit Page E-Commerce Part-17

• صفحه میوه تجارت الکترونیک قسمت 17 Fruit Page E-Commerce Part-17

• صفحه میوه تجارت الکترونیک قسمت 18 Fruit Page E-Commerce Part-18

• صفحه میوه تجارت الکترونیک قسمت 18 Fruit Page E-Commerce Part-18

تجارت الکترونیک E-Commerce