WEB-TAI
New Tailwind CSS training
Description
Our Tailwind CSS training aims to help participants quickly master the utility-first approach and be able to create professional, responsive, and customizable websites. Throughout the course, practical examples and exercises will aid in deepening the knowledge, allowing participants to confidently apply Tailwind CSS in their own projects. In some sections of the course, we will also showcase examples of integrating with React and creating dynamic styles.
Suggested For
- Frontend/Fullstack developers
- Web designers
- Anyone interested in modern CSS frameworks
Outline
- Installation and VSCode setup
- The philosophy of Tailwind CSS: utility-first approach
- Overview of basic utility classes
- Handling pseudo-classes and states
- Using media queries with Tailwind classes
- Dark mode
- Icons and images
- Using @apply
- Tailwind configuration file (tailwind.config.js)
- Adding custom colors, fonts, and sizes
- Creating and maintaining themes
- Designing reusable components
- Creating cards, navigation menus, and forms
- Using dynamic classes with JavaScript
- Integrating Tailwind CSS with other libraries (React)
- Using pre-built components
- Building a complete website with Tailwind
- The shadcn component library
- Using plugins
Prerequisites
Basic knowledge of HTML and CSS is recommended, knowledge of React is recommended but not required.