Companies Home Search Profile
TrainingHub TrainingHub

Tailwind CSS from Beginner to Expert | Tutorial and Projects

Focused View

16:53:09

0 View
  • 1 - Welcome to the Course.mp4
    02:07
  • 2 - Course Content and Projects.mp4
    08:38
  • 3 - Tutorial and Project Link.html
  • 4 - Overview of Tailwind CSS.mp4
    05:32
  • 5 - Setting Up Development Environment.mp4
    09:04
  • 6 - VS Code Extra Settings.mp4
    02:19
  • 7 - Tailwind Playground.mp4
    03:24
  • 8 - Tailwind CDN.mp4
    04:28
  • 9 - Installing Tailwind CLI.mp4
    09:01
  • 10 - Dev Script.mp4
    02:51
  • 11 - What is UtilityFirst.mp4
    06:16
  • 12 - Font Family.mp4
    08:52
  • 13 - Font Sizes.mp4
    09:16
  • 14 - Line Height.mp4
    07:02
  • 15 - Font Weight.mp4
    03:10
  • 16 - Text Alignment.mp4
    02:57
  • 17 - Colors and Text Color.mp4
    06:42
  • 18 - Text Decoration.mp4
    06:27
  • 19 - List Style.mp4
    07:09
  • 20 - Utilities Customizations.mp4
    02:03
  • 21 - Spacing.mp4
    04:29
  • 22 - Padding.mp4
    05:07
  • 23 - Margin.mp4
    02:13
  • 24 - Space Between.mp4
    04:48
  • 25 - Width.mp4
    03:26
  • 26 - MinWidth.mp4
    02:04
  • 27 - MaxWidth.mp4
    06:07
  • 28 - Height.mp4
    06:17
  • 29 - Size.mp4
    03:00
  • 30 - Background.mp4
    02:36
  • 31 - Background Contd.mp4
    12:28
  • 32 - Border.mp4
    03:10
  • 33 - Border Contd.mp4
    05:56
  • 34 - Divide.mp4
    06:11
  • 35 - Outline.mp4
    04:18
  • 36 - Preparatory Project.mp4
    08:06
  • 37 - States Hover Focus Active Disabled.mp4
    04:09
  • 38 - group Keyword Parent State.mp4
    07:56
  • 39 - peer Keyword Sibling State.mp4
    07:05
  • 40 - Modifier Direct Children.mp4
    04:31
  • 41 - Responsiveness.mp4
    12:17
  • 42 - Other Modifiers.mp4
    02:16
  • 43 - Dark Mode.mp4
    07:25
  • 44 - Display.mp4
    06:55
  • 45 - Positioning.mp4
    06:51
  • 46 - Container.mp4
    05:32
  • 47 - Flex.mp4
    18:57
  • 48 - Flex Contd.mp4
    07:45
  • 49 - Grid.mp4
    07:56
  • 50 - Grid Contd.mp4
    08:55
  • 51 - ColumnRow Span.mp4
    07:53
  • 52 - Box Shadow.mp4
    06:15
  • 53 - Opacity.mp4
    03:51
  • 54 - Filters.mp4
    04:06
  • 55 - Transform.mp4
    12:27
  • 56 - Transition.mp4
    08:09
  • 57 - Animations.mp4
    10:45
  • 58 - Directives.mp4
    18:01
  • 59 - Directives Contd.mp4
    11:12
  • 60 - Functions.mp4
    06:55
  • 61 - Preflight.mp4
    05:57
  • 62 - Project Overview and Setup.mp4
    07:57
  • 63 - Responsive Card.mp4
    08:50
  • 64 - Pricing Plans.mp4
    17:53
  • 65 - Prettier Plugin.mp4
    04:51
  • 66 - Image Gallery.mp4
    19:08
  • 67 - Registration Form.mp4
    23:20
  • 68 - Features Table.mp4
    15:13
  • 69 - Setup.mp4
    09:53
  • 70 - Navbar.mp4
    14:57
  • 71 - Hero Section.mp4
    07:06
  • 72 - Features Section.mp4
    10:02
  • 73 - How it Works.mp4
    10:43
  • 74 - Pricing Section.mp4
    12:07
  • 75 - Testimonial Section.mp4
    09:36
  • 76 - FAQ.mp4
    13:05
  • 77 - Call to Action.mp4
    06:02
  • 78 - Footer.mp4
    17:00
  • 79 - Deployment Manual.mp4
    08:02
  • 80 - Deployment GitHub.mp4
    08:17
  • 81 - Overview and Setup.mp4
    13:23
  • 82 - Customizations.mp4
    04:03
  • 83 - Navigation Bar.mp4
    25:46
  • 84 - Hero Section Home.mp4
    08:45
  • 85 - Category Section Home.mp4
    08:28
  • 86 - Featured Products Home.mp4
    10:25
  • 87 - Testimonials Home.mp4
    20:19
  • 88 - Call to Action Home.mp4
    04:22
  • 89 - Footer.mp4
    15:46
  • 90 - Filters Section Products Page.mp4
    11:49
  • 91 - Products List Products Page.mp4
    15:45
  • 92 - Product Details Page.mp4
    15:54
  • 93 - Product Details Page Contd.mp4
    12:47
  • 94 - About Page.mp4
    07:09
  • 95 - About Page Contd.mp4
    07:12
  • 96 - Contact Page.mp4
    11:15
  • 97 - Contact Page Contd.mp4
    10:14
  • 98 - Cart Page.mp4
    15:59
  • 99 - Bug Fix Cart Page.mp4
    04:43
  • 100 - Checkout Page.mp4
    14:27
  • 101 - Checkout Page Contd.mp4
    14:45
  • 102 - Login Page.mp4
    20:11
  • 103 - Login Page Contd.mp4
    04:47
  • 104 - Wishlist Page.mp4
    10:11
  • 105 - User Dashboard.mp4
    26:57
  • 106 - Order History Page.mp4
    19:40
  • 107 - Order Details Page.mp4
    18:47
  • 108 - User Account Details.mp4
    19:31
  • 109 - Frequently Asked Questions.mp4
    13:53
  • 110 - Body Newsletter Fix.mp4
    02:36
  • 111 - Project Deployment.mp4
    07:43
  • 112 - Bonus.html
    •

    Description

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

    What You'll Learn?

    • Understand the basics and advanced concepts of Tailwind CSS
    • Setup and customize Tailwind CSS
    • Build responsive layouts with Tailwind's mobile first design principle
    • Develop real world projects using Tailwind CSS

    Who is this for?

  • Beginner and Expert Web Developers looking to develop websites with more speed and efficiency without having to deal with the complexities of CSS

    • What You Need to Know?

  • A little bit of CSS

    • More details

    Description

    Are you looking to master Tailwind CSS and build beautiful, modern websites with ease? This course is designed for anyone who wants to learn Tailwind CSS from scratch and advance to a level where they can confidently build real-world projects. Tailwind CSS is a popular utility-first framework that helps you create responsive, customizable, and clean designs without writing long custom CSS or writing custom CSS at all.


    In this course, you will start with the basics of Tailwind CSS, learning how to set up your development environment and understand its utility-first approach. You will explore how to use utility classes to create responsive layouts quickly, without needing complex CSS. As you progress, you will learn to create custom themes, giving your projects a unique and consistent look and feel. We will also look into advanced topics like customizing Tailwind for your specific project needs.


    It does not stop at just theory! This course emphasizes practical learning by building real-world projects, including several mini-projects, landing page, and full e-commerce website. By the end of this course, you will have the skills to build beautiful, responsive, and professional websites using Tailwind CSS, making you confident to build any web development project with this powerful tool. Whether you're a beginner or an experienced developer, this course has something valuable for you!

    Who this course is for:

    • Beginner and Expert Web Developers looking to develop websites with more speed and efficiency without having to deal with the complexities of CSS

    User Reviews
    Rating
    0
    0
    0
    0
    0
    average 0
    Total votes0
    Focused display
    Category

    tailwind css

    Udemy
    Udemy
    View courses Udemy
    Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.
    • language english
    • Training sessions 110
    • duration 16:53:09
    • Release Date 2025/03/08

    Courses related to tailwind css

    Modern Web Design with Tailwind CSS and JavaScript course.
    Udemy John Bura
    John Bura
    Modern Web Design with Tailwind CSS and JavaScript course.
    6:07:10
    05/14/2023
    Subtitle
    Tailwind CSS From Scratch | Learn By Building Projects
    Udemy Brad Traversy
    Brad Traversy
    Tailwind CSS From Scratch | Learn By Building Projects
    12:32:49
    English subtitles
    02/27/2024
    Subtitle
    A Beginners Guide to Using Typographic Scales
    TutsPlusA Beginners Guide to Using Typographic Scales
    18:02
    English subtitles
    06/08/2023