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.
Duration 7 hours
Course Outline
Introduction
- Overview of Tailwind CSS
Getting Started
- Installing Tailwind CSS
- Installing Node
- Installing VS Code
- Configuring the development environment
Tailwind CSS Fundamentals
- Integrating Tailwind CSS with HTML
- Building containers using utility classes
- Setting width and height properties
- Understanding flexbox mechanics
- Managing wrapping and resizing of flex items
- Constructing grid and row layouts
- Controlling the flow of elements within a grid
- Implementing gaps and justification for items
- Aligning individual items
- Applying padding and margins to elements
- Styling text with Tailwind utility classes
- Adding and customizing borders
- Applying shadows to elements
- Leveraging breakpoints for responsive design
- Utilizing pseudo-selectors
- Applying layers and directives
- Employing components for code reusability
Enhancing the Development Environment
- Establishing an environment via Tailwind CLI
- Exploring directives and functions
Summary and Next Steps
Requirements
- Fundamental understanding of HTML and CSS
Target Audience
- Software Developers
Testimonials (2)
Hands-on, exercises, in-person helping and questioning.
Jose Paulos - INESC TEC
Course - Tailwind CSS
The teacher.
