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
- Installing Tailwind CSS
- Installing Node
- Installing VS Code
- Setting up the environment
Tailwind CSS Fundamentals
- Integrating Tailwind CSS with HTML
- Creating containers with utility classes
- Setting width and height properties
- Understanding how flexbox works
- Wrapping and resizing flex items
- Creating grid and row layouts
- Adjusting the flow of elements in a grid layout
- Adding gaps and justifying items
- Justifying individual items
- Adding padding and margins to elements
- Styling text using Tailwind utility classes
- Adding and styling borders
- Adding shadows to elements
- Using breakpoints for responsive design
- Using pseudo-selectors
- Working with layer and apply directives
- Using components for code reuse
Setting Up an Enhanced Development Environment
- Creating an environment with Tailwind CLI
- Directives and Functions
Summary and Next Steps
Requirements
- Basic knowledge of HTML and CSS.
Target Audience
- Developers
7 Hours
Testimonials (2)
Hands-on, exercises, in-person helping and questioning.
Jose Paulos - INESC TEC
Course - Tailwind CSS
The teacher.
