Vous souhaitez suivre cette formation ?

Contactez-nous ! Un expert vous recontactera dans les plus brefs délais.

Les 4 derniers articles du blog

Comment réussir sa reconversion professionnelle en 2025 ? Les clés essentielles

Découvrez les clés pour une reconversion professionnelle réussie en 2025 : tendances, conseils, outils pratiques et témoignages pour franchir le cap sereinement.

Allan Busi

30 juin 202413 min

Quels sont les outils d’IA les plus efficaces pour les enseignants en juillet 2025 ?

Un tour d’horizon des outils d’intelligence artificielle les plus performants pour les enseignants en juillet 2025 : panorama, usages, avantages et limites.

Allan Busi

19 juil. 202514 min

Comment la formation gestion du stress booste la performance au travail en juillet 2025 chez Learni

Découvrez comment la formation dédiée à la gestion du stress proposée par Learni en juillet 2025 améliore la performance professionnelle et le bien-être des salariés, au travers des dernières tendances et approches pédagogiques.

Allan Busi

19 juil. 202514 min

Quel est l’impact du télétravail sur les PME en 2025 ?

Découvrez comment le télétravail transforme les PME en 2025 : performance, organisation, bien-être au travail, cybersécurité et défis RH.

Allan Busi

30 juin 202412 min

Voir tous les articles

Objectifs de la formation

Comprendre la philosophie et l’architecture de Chakra UI

Utiliser efficacement les composants Chakra UI pour construire des interfaces modernes

Personnaliser les thèmes et mettre en place le design system de son entreprise

Améliorer l’accessibilité de ses applications avec Chakra UI

Optimiser la gestion des états et des styles dynamiques

Intégrer Chakra UI à d’autres bibliothèques React

Programme

Jour 1Introduction, installation, bases de Chakra UI

Vue d’ensemble de Chakra UI et de son écosystème. Installation dans un projet React existant. Prise en main de la syntaxe des composants. Création de layouts responsives avec Box, Flex, SimpleGrid. Utilisation des composants typographiques et de base (Text, Heading, Button…). Exercices pratiques sur la reproduction d’une interface simple.

Jour 2Thèmes, personnalisation et accessibilité avancée

Comprendre le système de theming : création et extension de thèmes, palettisation de couleurs, typographies custom, breakpoints personnalisés. Utilisation des hooks d’accessibilité intégrés. Adaptation de l’interface au mode sombre/clair. Exercices de personnalisation pour respecter une charte graphique d’entreprise.

Jour 3Chakra UI avancé : états dynamiques, intégration et bonnes pratiques

Manipulation des hooks Chakra UI (useDisclosure, useToast, useClipboard…). Réalisation de formulaires réactifs et accessibles. Intégration de Chakra UI dans des applications existantes, cohabitation avec d’autres bibliothèques (React Hook Form, React Router, etc.). Optimisation des performances et bonnes pratiques de mise en production. Travaux pratiques construisant une interface utilisateur complète et modulaire.

Méthode d'évaluation

QCM et corrections d’exercices à chaque fin de journée
Projet de synthèse : réalisation d’une mini-application UI Chakra documentée et évaluée

Méthode d'apprentissage

Cours interactifs illustrés d’exemples de code
TP guidés sur des cas d’usage réels
Remise de supports pédagogiques pas à pas et fiches de synthèse

Chargement en cours...

Vous souhaitez suivre cette formation ?

Les 4 derniers articles du blog

Comment réussir sa reconversion professionnelle en 2025 ? Les clés essentielles

Quels sont les outils d’IA les plus efficaces pour les enseignants en juillet 2025 ?

Comment la formation gestion du stress booste la performance au travail en juillet 2025 chez Learni

Quel est l’impact du télétravail sur les PME en 2025 ?

Chakra UI : Maîtriser la création d’interfaces réactives et accessibles avec React

Objectifs de la formation

Programme

Méthode d'évaluation

Méthode d'apprentissage

Ces formations pourraient vous plaire

Maîtrisez Chakra UI : Création d’interfaces React modernes et accessibles

Maîtriser Chakra UI : Créer des Interfaces React Modernes et Accessibles

Maîtriser Material UI : Créez des Interfaces Modernes avec React

Maîtriser la conception d'interfaces avancées avec Ant Design et React