Thank you for sending your enquiry! One of our team members will contact you shortly.
Thank you for sending your booking! One of our team members will contact you shortly.
Course Outline
Introduction
- Overview of Tailwind CSS
Getting Started
- Installation of Tailwind CSS
- Installing Node
- Installing VS code
- Configuring the development environment
Foundations of Tailwind CSS
- Integrating Tailwind CSS with HTML
- Building containers using utility classes
- Defining width and height properties
- Exploring the mechanics of flexbox
- Managing flex item wrapping and resizing
- Constructing grid and row layouts
- Controlling element flow within grid layouts
- Incorporating gaps and justifying items
- Aligning individual items
- Applying padding and margins to elements
- Styling text via Tailwind utility classes
- Implementing and styling borders
- Applying shadows to elements
- Leveraging breakpoints for responsive behavior
- Utilizing Pseudo selectors
- Applying layers and directives
- Using components to enhance code reusability
Optimizing the Development Environment
- Building an environment with the Tailwind CLI
- Working with Directives and Functions
Summary and Future Directions
Requirements
- Familiarity with basic HTML and CSS concepts
Target Audience
- Developers
7 Hours
Testimonials (2)
Hands-on, exercises, in-person helping and questioning.
Jose Paulos - INESC TEC
Course - Tailwind CSS
The teacher.
