Tailwind CSS from Beginner to Expert | Tutorial and Projects

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

Master Tailwind CSS: Learn Utility Classes, Responsive Design, Custom Themes, and Build Real-World Projects

1 - Introduction

1 - Welcome to the Course

2 - Course Content and Projects

3 - Tutorial and Project Link.html

4 - Overview of Tailwind CSS

5 - Setting Up Development Environment

6 - VS Code Extra Settings

7 - Tailwind Playground

8 - Tailwind CDN

9 - Installing Tailwind CLI

10 - Dev Script

2 - Tailwind Basics

11 - What is UtilityFirst

12 - Font Family

13 - Font Sizes

14 - Line Height

15 - Font Weight

16 - Text Alignment

17 - Colors and Text Color

18 - Text Decoration

19 - List Style

20 - Utilities Customizations

3 - Tailwind Basics Contd

21 - Spacing

22 - Padding

23 - Margin

24 - Space Between

25 - Width

26 - MinWidth

27 - MaxWidth

28 - Height

29 - Size

30 - Background

31 - Background Contd

32 - Border

33 - Border Contd

34 - Divide

35 - Outline

4 - Modifiers and Responsive Designs

36 - Preparatory Project

37 - States Hover Focus Active Disabled

38 - group Keyword Parent State

39 - peer Keyword Sibling State

40 - Modifier Direct Children

41 - Responsiveness

42 - Other Modifiers

43 - Dark Mode

5 - Layouts

44 - Display

45 - Positioning

46 - Container

47 - Flex

48 - Flex Contd

49 - Grid

50 - Grid Contd

51 - ColumnRow Span

6 - Effects

52 - Box Shadow

53 - Opacity

54 - Filters

55 - Transform

56 - Transition

57 - Animations

7 - Tailwind Core

58 - Directives

59 - Directives Contd

60 - Functions

61 - Preflight

8 - MiniProjects

62 - Project Overview and Setup

63 - Responsive Card

64 - Pricing Plans

65 - Prettier Plugin

66 - Image Gallery

67 - Registration Form

68 - Features Table

9 - Project 1 NovaFit Landing Page

69 - Setup

70 - Navbar

71 - Hero Section

72 - Features Section

73 - How it Works

74 - Pricing Section

75 - Testimonial Section

76 - FAQ

77 - Call to Action

78 - Footer

79 - Deployment Manual

80 - Deployment GitHub

10 - Project 2 Urban Trends Ecommerce Website

81 - Overview and Setup

82 - Customizations

83 - Navigation Bar

84 - Hero Section Home

85 - Category Section Home

86 - Featured Products Home

87 - Testimonials Home

88 - Call to Action Home

89 - Footer

90 - Filters Section Products Page

91 - Products List Products Page

92 - Product Details Page

93 - Product Details Page Contd

94 - About Page

95 - About Page Contd

96 - Contact Page

97 - Contact Page Contd

98 - Cart Page

99 - Bug Fix Cart Page

100 - Checkout Page

101 - Checkout Page Contd

102 - Login Page

103 - Login Page Contd

104 - Wishlist Page

105 - User Dashboard

106 - Order History Page

107 - Order Details Page

108 - User Account Details

109 - Frequently Asked Questions

110 - Body Newsletter Fix

111 - Project Deployment

112 - Bonus.html

139,000 تومان

خرید اشتراک افزودن به سبد خرید

خرید دانلودی فوری

در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

تولید کننده: Udemy