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.
コース概要
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
要求
- Basic knowledge of HTML and CSS
Audience
- Developers
7 時間
お客様の声 (5)
とてもフレンドリーで、思った通りに話すことができ、すべてがうまくいきました。
Axel - Université Libre de Bruxelles
コース - Advanced TypeScript
Machine Translated
実践的なセッション
Tshepo - Vodacom
コース - HTML5, JavaScript, and CSS4
Machine Translated
Trainer' style of teaching
Fatma Badi - Dubai Electricity and Water Authority
コース - 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
コース - HTML5, JavaScript, and CSS3
I mostly enjoyed the hands-on training code.
