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
- Configuring the development environment
Tailwind CSS Fundamentals
- Integrating Tailwind CSS with HTML
- Building containers using utility classes
- Defining width and height properties
- Understanding flexbox mechanics
- Wrapping and resizing flex items
- Establishing grid and row layouts
- Controlling element flow within grid layouts
- Spacing and justifying items
- Aligning individual items
- Applying padding and margins to elements
- Styling text via Tailwind utility classes
- Creating and styling borders
- Adding shadows to elements
- Leveraging breakpoints for responsive design
- Utilizing pseudo-selectors
- Working with layering and applying directives
- Using components to promote code reusability
Setting Up an Enhanced Dev Environment
- Creating an environment with Tailwind CLI
- Directives and Functions
Summary and Next Steps
Requirements
- Fundamental understanding of HTML and CSS
Target Audience
- Software Developers
7 Hours
Testimonials (2)
Hands-on, exercises, in-person helping and questioning.
Jose Paulos - INESC TEC
Course - Tailwind CSS
The teacher.
