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
Testimonials (6)
I mostly enjoyed the hands-on training code.
Tomislav Brajkovic - HSE - Healthlink
Course - Angular 4: Create Single-Page Applications Using HTML, CSS and JavaScript
Trainer' style of teaching
Fatma Badi - Dubai Electricity and Water Authority
Course - Front End Developer
His ability to teach me through real-life examples, and his immediate response to my question with a clear and understandable answer.
Zayed Al Kindi
Course - HTML5, JavaScript, and CSS3
The practical sessions
Tshepo - Vodacom
Course - HTML5, JavaScript, and CSS4
Very friendly, we could talk as we wanted, everything went well.
Axel - Université Libre de Bruxelles
Course - Advanced TypeScript
Machine Translated
Well planned. Without much foundation, I didn't get lost and I knew where I was. Issues from general to specific provide the basis for further work in your own field.
Andrzej - TENSOFT Sp. z o.o.
Course - Design Patterns in PHP
Machine Translated