Vous souhaitez suivre cette formation ?

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

Les 4 derniers articles du blog

Comment enseigner en 2025 ? Nouvelles compétences et approches pédagogiques

Découvrez comment enseigner efficacement en 2025 en maîtrisant les tendances pédagogiques, les outils numériques innovants et les compétences attendues dans la formation professionnelle.

Allan Busi

30 juin 202415 min

Guide pratique pour la VAE dans l'enseignement supérieur en juillet 2025 : Étapes, conseils et opportunités

Découvrez comment réussir une VAE dans l’enseignement supérieur en 2025 avec ce guide pratique : étapes clés, astuces pour maximiser vos chances, et conseils d’experts et d’établissements.

Allan Busi

20 juil. 202514 min

Comment une PME peut-elle accéder aux financements OPCO en 2025 ?

Découvrez les démarches clés, conditions et astuces pour qu’une PME bénéficie des financements OPCO en 2025 pour ses formations professionnelles.

Allan Busi

30 juin 202412 min

Comment réussir en tant qu’étudiant en 2025 ?

Découvrez les stratégies, outils et tendances qui permettent aux étudiants de réussir leurs études en 2025, entre innovations pédagogiques, organisation personnelle et nouvelles compétences.

Allan Busi

30 juin 202413 min

Voir tous les articles

Objectifs de la formation

Comprendre les principes fondamentaux d’Ant Design et son positionnement dans l’écosystème React

Être capable d’installer et configurer Ant Design dans un projet React

Maîtriser l’utilisation des composants principaux (grilles, formulaires, tableaux, navigation, feedback…)

Personnaliser le thème Ant Design selon la charte graphique d'une entreprise

Optimiser les performances et l’accessibilité des interfaces créées avec Ant Design

Déployer un projet professionnel en utilisant les meilleures pratiques d’Ant Design

Programme

Jour 1Introduction, installation et prise en main

Présentation d’Ant Design, philosophie du design, positionnement dans les librairies React. Installation dans un projet existant ou neuf (avec Create React App/Vite). Prise en main rapide des composants de base. Comprendre la gestion du LESS, importation optimisée. Premiers exercices pratiques : création d’une page de login et mise en page simple.

Jour 2Composants clés et mise en œuvre avancée

Étude détaillée des composants : Grilles (Grid, Layout), Navigation (Menu, Breadcrumb, Tabs), Tableaux (Table, List), Formulaires (Form, Input, Select, Validation avancée), Notifications et Feedback (Modal, Notification, Message, Skeleton). Cas pratiques : création d’un tableau de bord interactif et profils utilisateurs. Gestion des formulaires complexes et validation personnalisée.

Jour 3Thématisation, personnalisation et bonnes pratiques

Personnalisation du thème Ant Design avec LESS ou variables CSS-in-JS, adaptation à la charte graphique. Accessibilité (ARIA), performance et optimisation du rendu, internationalisation (i18n). Maintenance et scalabilité d’interfaces basées sur Ant Design. Déploiement et bonnes pratiques pour des applications robustes. Cas pratique final : refonte complète d’une interface métier en Ant Design.

Méthode d'évaluation

Mini-projet à remettre en fin de formation (audit d’une UI et refonte avec Ant Design)
QCM technique sur les composants et la personnalisation
Évaluation continue lors des exercices pratiques

Méthode d'apprentissage

Ateliers de mise en pratique sur projet fil rouge
Études de cas réels
Démonstrations guidées et code partagé
Support de cours complet fourni (slides, repo Github d’exemples)

Chargement en cours...

Vous souhaitez suivre cette formation ?

Les 4 derniers articles du blog

Comment enseigner en 2025 ? Nouvelles compétences et approches pédagogiques

Guide pratique pour la VAE dans l'enseignement supérieur en juillet 2025 : Étapes, conseils et opportunités

Comment une PME peut-elle accéder aux financements OPCO en 2025 ?

Comment réussir en tant qu’étudiant en 2025 ?

Maîtriser Ant Design : Création d'interfaces UI professionnelles avec React

Objectifs de la formation

Programme

Méthode d'évaluation

Méthode d'apprentissage

Ces formations pourraient vous plaire

Maîtriser Ant Design pour des Interfaces React Professionnelles

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

Maîtriser Ant Design : Créez des Interfaces Réactives et Élégantes avec React

Créer des Interfaces Professionnelles avec Ant Design et React : Formation Complète