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
- Attaching Tailwind CSS with HTML
- Creating containers with utility classes
- Adding width and height properties
- Understanding how flexbox works
- Wrapping and resizing flex items
- Creating grid and row layout
- Adjusting the flow of elements in a grid layout
- Adding gap between and justifying items
- Justifying individual items
- Adding padding and margins to elements
- Styling text using Tailwind utility classes
- Adding and styling borders
- Adding shadows to elements
- Using breakpoints to add responsive behavior
- Using Pseudo selectors
- Layer and apply directives
- Using components for code reuse
Setting Up a Better Dev Environment
- Creating an environment with Tailwind CLI
- Directives and Functions
Summary and Next Steps
Requirements
- Basic knowledge of HTML and CSS
Audience
- Developers
7 Hours
Testimonials (5)
coding exercises
Kesh - Vodacom
Course - HTML5, JavaScript, and CSS4
To learn something new, the instructor led the sessions in an engaging way and always helped when there was an issue.
Mikolaj Mazurkiewicz - Stowarzyszenie Wiedza i Rozwoj
Course - Creating Web Pages with HTML
Machine Translated
Console part in web environment it gives me ho to navigate and check the history, browser api. It explains well the proper functions every element in the templates.
Glenford Cataluna - Bureau of Fisheries and Aquatic Resources
Course - HTML5, JavaScript, and CSS3
trainer is a practitioner and we worked on a live case
Michal Boryczka - MAHLE Shared Services Poland Spolka z o.o.
Course - Front End Developer
Machine Translated
I was benefit from the step by step and in detail guidance of the trainer.
