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.
- Creating containers using utility classes.
- Adding width and height properties.
- Understanding flexbox functionality.
- Wrapping and resizing flex items.
- Establishing grid and row layouts.
- Adjusting the flow of elements within a grid.
- Adding spacing and justifying items.
- Justifying individual items.
- Applying padding and margins to elements.
- Styling text with Tailwind utility classes.
- Adding and styling borders.
- Adding shadows to elements.
- Utilizing breakpoints to implement responsive behavior.
- Using pseudo-selectors.
- Layer and apply directives.
- Using components for code reusability.
Setting Up an Optimized 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.
