Learn how to use Chakra UI like a Pro!
The complete course for absolute beginners to understand how Chakra UI works & get started building. (Tutorial is based on Chakra UI version 2)
20 Lessons
Level up your knowledge
60mins of Learning
Learn Chakra UI in 60mins
Easy to follow
A step by step guide for starters
Taught by Esther Agbaje
Developer Advocate, Chakra UI
Here's what you'll learn
1
Introduction
2
Layout Components
3
Typography Components
5
Let's build
7
Responsive Design
8
Going forward
Design and Source Code
Access course resources
- Figma Design for both web & mobile
- The code source in CodeSandbox
- The code source in GitHub
Meet your Instructor
I'm Esther.
I'm a developer advocate, technical writer, and open-source maintainer. At Chakra UI, I create a weekly video series- The Components of the Week and build code samples & tidbits to educate and engage developers on efficiently using Chakra UI components. I've also been involved in speaking at conferences and driving the conversation about Chakra UI at different events.
At the moment, I'm actively involved with growing the developer community by organizing events such as Hackathons and Physical meetups.
In my previous role as Technical Content Manager at Animalz, I leveraged my knowledge and experience as a frontend developer to create relevant, trustworthy content for several technical audiences and companies. The topics span from accessibility to test automation, localization, etc.