Companies Home Search Profile
TrainingHub TrainingHub

Tailwind CSS for Beginners

Focused View

Web Adventure

9:48:18

95 View
  • 1 - Setting Working Environment.mp4
    03:33
  • 2 - Utility First.mp4
    08:33
  • 3 - Text and Colors.mp4
    14:07
  • 4 - Padding Margin and Space.mp4
    20:25
  • 5 - Font and Typography.mp4
    20:11
  • 6 - Text and Decoration.mp4
    12:43
  • 7 - Height and Width.mp4
    15:12
  • 8 - CSS Postion.mp4
    12:29
  • 9 - Background Image and Shadow.mp4
    12:29
  • 10 - Border and Outline.mp4
    13:11
  • 11 - Break Point and Media Query.mp4
    06:00
  • 12 - Hover and Interactivity.mp4
    13:11
  • 13 - Transition and Transform.mp4
    13:09
  • 14 - Flexbox Property.mp4
    15:33
  • 15 - Working with CSS Grid.mp4
    04:23
  • 16 - Tailwind CLI Setup with VS Code.mp4
    13:45
  • 17 - Customizing Tailwind CSS Functions and Derivatives.mp4
    16:00
  • 18 - Hero Section with Flex.mp4
    41:33
  • 19 - Single Product Page.mp4
    48:45
  • 20 - Featured Post Layout.mp4
    38:03
  • 21 - Featured Products.mp4
    32:46
  • 22 - Featured Product Categories.mp4
    28:54
  • 23 - Building website from scratch using Tailwind CSS.mp4
    02:41:50
  • 24 - Deploy Tailwind CSS project to cPanel GitHub Netlify Vercel.mp4
    21:33

    • Description

    Learn everything you need to know about Tailwind CSS

    What You'll Learn?

    • Tailwind CSS installation with CLI
    • Tailwind CSS Flex
    • Tailwind CSS Grid
    • Tailwind CSS Animation
    • How to use Tailwind CSS Documentation
    • How to create website from scratch using Tailwind CSS
    • Deploying Tailwind CSS to Github
    • Hosting Tailwind CSS Project on Netlify, Vercel, cPanel

    Who is this for?

  • Web Developer
  • Web Designer
  • Software Engineer
  • Freelancer Developer on Upwork/Fiverr
  • Full Stack Developer
  • People who want to learn how to develop website

    • More details

    Description

    Tailwind CSS is  used to style websites in the fastest and easiest way.

    Tailwind CSS is basically an utility-first CSS framework for rapidly building custom user interfaces. It is a highly customizable, low-level CSS framework that gives you all of the building blocks you need to build bespoke designs without any annoying opinionated styles you have to fight to override.

    The beauty of this thing called tailwind is it doesn’t impose design specifications or how your site should look, you simply bring tiny components together to construct a user interface that is unique. What Tailwind simply does is take a ‘raw’ CSS file, process this CSS file over a configuration file, and produces an output.

    Why Tailwind CSS?

    • Faster UI building process

    • It is na utility-first CSS framework which means we can use utility classes to build custom designs without writing CSS as in the traditional approach.

    Advantages of Tailwind CSS:

    • No more silly names for CSS classes and Id’s.

    • Minimum lines of Code in CSS file.

    • You can customize the designs to make the components.

    • Makes the website responsive.

    • Makes the changes in the desired manner.
      CSS is global in nature and if make changes in the file the property is changed in all the HTML files linked to it. But with the help of Tailwind CSS we can use utility classes and make local changes.

    Who this course is for:

    • Web Developer
    • Web Designer
    • Software Engineer
    • Freelancer Developer on Upwork/Fiverr
    • Full Stack Developer
    • People who want to learn how to develop website

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

    tailwind css

    Web Adventure
    Web Adventure
    Instructor's Courses
    I am a web developer with a vast array of knowledge in many different front end and back end languages, responsive frameworks, databases, and best code practices. My objective is simply to be the best web developer that I can be and to contribute to the technology industry all that I know and can do
    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 24
    • duration 9:48:18
    • Release Date 2023/04/19

    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
    Utility-First CSS with Tailwind
    VueMasteryUtility-First CSS with Tailwind
    37:16
    09/09/2023
    Multi-Style Tailwind Components
    UdemyMulti-Style Tailwind Components
    1:18:46
    12/21/2023