TOIT Training

Intermediate

Chakra UI Crash Course

Overview
Curriculum

This course covers Chakra UI, a modular and accessible component library that enables developers to build React applications with speed and efficiency. It focuses on Chakra UI’s utility-first design, which allows for rapid styling of applications with sensible defaults and responsive designs out of the box. The course explores the extensive range of components available in Chakra UI, from simple buttons and inputs to complex accordions and modals, all while maintaining a consistent theme and design language. Participants learn how to customize components to fit their design requirements, manage themes, and handle component states and interactions to create aesthetically pleasing and accessible user interfaces. By utilizing Chakra UI, developers can streamline the development process and craft responsive, theme-consistent applications with ease.

Curriculum

  • 1 Section
  • 12 Lessons
  • 2h Duration
Expand All
Up & Running with Chakra UI
12 Lessons
  1. Intro & Chakra UI Setup
  2. Components & Style Props
  3. Flex Layouts
  4. Grid Layouts
  5. Responsive Styles
  6. Lists & List Icons
  7. Card Component
  8. Tabs Component
  9. Form Fields
  10. Toast Component
  11. Avatars
  12. Customizing the Theme

Deleting Course Review

Are you sure? You can't restore this back

Course Access

This course is password protected. To access it please enter your password below:

Buy for group

Chakra UI Crash Course
No groups Found

You don't have any groups yet

Create a group and add group members. Sync Group(s)