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 using utility classes.
- Applying 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 layout.
- Adding gaps and justifying items.
- Justifying individual items.
- Applying padding and margins to elements.
- Styling text via Tailwind utility classes.
- Adding and styling borders.
- Adding shadows to elements.
- Employing breakpoints for responsive behaviour.
- Utilizing pseudo-selectors.
- Understanding layer and apply directives.
- Using components for code reuse.
Setting Up a Better Dev Environment
- Creating an environment with the Tailwind CLI.
- Directives and Functions.
Summary and Next Steps
Requirements
- Foundational knowledge of HTML and CSS.
Audience
- Developers.
7 Hours
Custom Corporate Training
Training solutions designed exclusively for businesses.
- Customized Content: We adapt the syllabus and practical exercises to the real goals and needs of your project.
- Flexible Schedule: Dates and times adapted to your team's agenda.
- Format: Online (live), In-company (at your offices), or Hybrid.
Price per private group, online live training, starting from 1300 € + VAT*
Contact us for an exact quote and to hear our latest promotions
Testimonials (2)
Hands-on, exercises, in-person helping and questioning.
Jose Paulos - INESC TEC
Course - Tailwind CSS
The teacher.
