Companies Home Search Profile

TailwindCSS from A to Z: Master TailwindCSS Quickly

Focused View

Meta Brains

1:29:56

71 View
  • 1 - Introduction to TailwindCSS.mp4
    03:07
  • 2 - Overview of TailwindCSS.mp4
    04:24
  • 3 - Installation of npm and TailwindCSS.mp4
    02:48
  • 4 - Why use Tailwind CSS.mp4
    03:13
  • 5 - Margin and Padding.mp4
    03:37
  • 6 - Width and Height.mp4
    04:39
  • 7 - Font Size.mp4
    01:48
  • 8 - Font weight and style.mp4
    01:51
  • 9 - Line spacing in TailwindCSS.mp4
    03:12
  • 10 - Text Capitalize Text Overflow in TailwindCSS.mp4
    01:38
  • 11 - Text Decoration in TailwindCSS.mp4
    02:51
  • 12 - Background in TailwindCSS.mp4
    04:21
  • 13 - Borders in TailwindCSS.mp4
    01:56
  • 14 - Border Radius in TailwindCSS.mp4
    01:38
  • 15 - Divider in TailwindCSS.mp4
    01:34
  • 16 - Outline in TailwindCSS.mp4
    01:54
  • 17 - Opacity and BoxShadow.mp4
    02:32
  • 18 - Flexbox with TailwindCSS.mp4
    08:45
  • 19 - Designing with Tailwind CSS Hover Focus and Active Styles.mp4
    04:06
  • 20 - Boost your Productivity with Tailwind CSS Apply Directive.mp4
    01:58
  • 21 - Mini Project.mp4
    06:19
  • 22 - Final Project in TailwindCSS.mp4
    21:45
  • Description


    Get started with Tailwind, a utility-first CSS framework, and master its directives, modules, and code reusability.

    What You'll Learn?


    • Learn about Tailwind CSS basics
    • Learn how to use Tailwind CSS to create modern websites
    • Learn how to create custom components with Tailwind CSS
    • Learn how to customize existing utility classes and create new utility classes
    • Learn the A-to-Z of the Tailwind CSS Framework

    Who is this for?


  • Anyone who wants to learn Tailwind CSS
  • Students that are tired of using CSS3 and want to use something a lot easier
  • Web Designers
  • Anyone who wants to make beautiful designs
  • More details


    Description

    Are you tired of using an easy way to create a professional landing page without having to style everything yourself? You are at the right place; this course will be a complete Tailwind CSS tutorial.

    Tailwind is a utility-first framework that turns web designing into a passing breeze. Its simplicity and array of classes make it an excellent tool for beginner developers.

    This course will help you create a perfect responsive web page for your app, business, portfolio, or blog. Having a little knowledge of HTML & CSS is ideal for getting you started on the quicker route to Tailwind; however, it isn't essential.

    The first aspect of this class would be getting familiar with Tailwind CSS utilities and how it works and are implemented. We will cover the famous grid system and media queries to ensure your new page looks its best on all devices.

    You would be introduced to the fonts, colors, alignment, background colors, gradients, images, padding, margin, grid, flexbox, hover, animations, transitions, and transformation.


    Why Choose This Course?

    Complete Tutorial on Tailwind CSS: You'll be walked through every code step to ensure you have the right understanding and tools before a professional after taking this course.

    Practical-based Tutorial: You will learn by doing to help you understand all aspects of the Tailwind CSS framework faster. You'll also gain access to the tools to re-design our template or build an entirely new landing page specifically how you want it. You will be able to download project files throughout the course, which will be yours to keep and work on at your leisure.

    Exploit Your Creativity: Besides learning how to create a clean, modern, professional-looking Tailwind CSS landing page, you will also be taught how to add animations and Google Webfonts to make sure your website stands out from the crowd.


    Learn to Build Your Next Professional Websites Today!

    With the right mindset, understanding, and application of the teachings in this course, you will instantly begin to move towards Mastering Tailwind CSS.

    Who this course is for:

    • Anyone who wants to learn Tailwind CSS
    • Students that are tired of using CSS3 and want to use something a lot easier
    • Web Designers
    • Anyone who wants to make beautiful designs

    User Reviews
    Rating
    0
    0
    0
    0
    0
    average 0
    Total votes0
    Focused display
    Category
    Meta Brains is a professional training brand developed by a team of software developers and finance professionals who have a passion for Coding, Finance & Excel.We bring together both professional and educational experiences to create world-class training programs accessible to everyone.Currently, we're focused on the next great revolution in computing: The Metaverse. Our ultimate objective is to train the next generation of talent so we can code & build the metaverse together!
    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 22
    • duration 1:29:56
    • Release Date 2023/05/18