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 development environment
Tailwind CSS Fundamentals
- Integrating Tailwind CSS with HTML
- Creating containers using utility classes
- Defining width and height properties
- Understanding the mechanics of flexbox
- Wrapping and resizing flex items
- Constructing grid and row layouts
- Modifying the flow of elements within a grid layout
- Incorporating gaps and aligning items
- Aligning specific items individually
- Applying padding and margins to elements
- Styling text with Tailwind utility classes
- Incorporating and styling borders
- Adding shadows to elements
- Utilizing breakpoints for responsive design
- Working with Pseudo selectors
- Layering and applying directives
- Leveraging components for code reusability
Enhancing the Development Environment
- Setting up an environment with the Tailwind CLI
- Exploring Directives and Functions
Wrap-up and Next Steps
Requirements
- Fundamental understanding of HTML and CSS
Intended Audience
- Software developers
7 Hours
Testimonials (2)
Hands-on, exercises, in-person helping and questioning.
Jose Paulos - INESC TEC
Course - Tailwind CSS
The teacher.
