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 Basics
- Integrating Tailwind CSS with HTML
- Building containers with utility classes
- Configuring width and height properties
- Understanding Flexbox mechanics
- Wrapping and resizing flex items
- Establishing grid and row layouts
- Adjusting element flow within a grid layout
- Setting gaps and justifying items
- Justifying individual items
- Applying padding and margins to elements
- Styling text via Tailwind utility classes
- Adding and styling borders
- Applying shadows to elements
- Implementing responsive behavior with breakpoints
- Utilizing pseudo-selectors
- Working with layers and applying directives
- Using components for code reuse
Setting Up an Enhanced Dev Environment
- Creating an environment with Tailwind CLI
- Directives and Functions
Summary and Next Steps
Requirements
- Fundamental knowledge of HTML and CSS
Audience
- Developers
7 Hours
Testimonials (2)
Hands-on, exercises, in-person helping and questioning.
Jose Paulos - INESC TEC
Course - Tailwind CSS
The teacher.
