Welcome to the Panda Mastery Course! This course consists of 12 modules designed to help developers become expert in using Panda CSS when building modern web applications.
Panda Mastery is a step-by-step guide that will help you master the Panda CSS framework and level up your web development skills. Using a Vite and React project, you'll learn to create stunning and responsive user interfaces with ease.
- Introduction
- Styling Foundations
- Layout Patterns
- Color Mode
- Recipes
- Slot Recipes
- Config Recipes
- Design Tokens
- Migration
- Theming
- JSX Style Props
- Monorepo
To get started with the course, simply clone the repository and run pnpm install to install the necessary dependencies. Then, run vite to start the development server and open the project in your web browser.
Each module will include a series of lessons, with a video lecture and a code exercise to help you reinforce your learning. Be sure to complete each exercise before moving on to the next module.
To access the code for each lesson, branch out from the main branch to a new branch for the lesson. For example, to access the code for module 2 lesson 2, switch to it using git checkout 02-lesson2.
Once you have completed all 12 modules, you will have a solid understanding of Panda CSS and be able to build responsive, maintainable, and scalable web applications.
Have fun building!