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.
Duration 7 hours
Course Outline
Introduction
- Overview of Tailwind CSS capabilities
Getting Started
- Installation of Tailwind CSS
- Installation of Node.js
- Installation of Visual Studio Code
- Configuration of the development environment
Tailwind CSS Fundamentals
- Integration of Tailwind CSS with HTML
- Construction of containers using utility classes
- Application of width and height attributes
- Analysis of Flexbox mechanisms
- Management of Flex item wrapping and resizing
- Design of grid and row structures
- Modification of element flow within grid layouts
- Inclusion of spacing and alignment adjustments
- Alignment of individual items
- Application of padding and margin properties
- Text styling via Tailwind utility classes
- Implementation and styling of borders
- Application of shadow effects
- Utilization of breakpoints for responsive design
- Application of pseudo-selectors
- Implementation of layer and apply directives
- Use of components for code reusability
Enhancing the Development Environment
- Environment configuration via Tailwind CLI
- Utilization of directives and functions
Summary and Future Implementation Steps
Requirements
- Familiarity with HTML and CSS fundamentals
Intended Audience
- Software developers
Testimonials (2)
Hands-on, exercises, in-person helping and questioning.
Jose Paulos - INESC TEC
Course - Tailwind CSS
The teacher.
