A l’issue de la formation le participant sera capable de
● Réaliser des interfaces avancées (TreeView, zones de défilement, listes dynamiques) en Blazor et MAUI, tout en maintenant une architecture minimaliste et fonctionnelle (économie de temps, flexibilité future).
● Maîtriser les techniques d’accès aux données avec Dapper et SQL (Transact-SQL) pour lire, écrire, modifier, supprimer et rechercher des informations dans une base de données.
● Intégrer une couche métier robuste et des APIs backend pour supporter les interfaces utilisateur.
- Nos Nouvelles Formations
- Développement
Formation Blazor : Micro Bootcamp autour des Interfaces et de l’Architecture du Projet
Objectifs
Prérequis
Un entretien en amont avec notre expert permet de prendre en compte le profil de chaque participant (niveau, objectifs et résultats attendus, contexte professionnel, enjeux…) et d’adapter le contenu de la formation si besoin.
Cette formation ne peut être financée que dans le cadre d’un projet d’entreprise (prise en charge entreprise ou OPCO). Les dossiers à financement personnel et CPF ne sont pas pris en compte.
Public
Développeurs
Dernière mise à jour
Programme mis à jour le 22 janvier 2025
Bon à savoir
Evaluez votre niveau
Pour vous aider à bien choisir votre formation, nous vous proposons soit un entretien avec le formateur soit un test d’évaluation. Cela vous assurera que vous disposez des connaissances nécessaires pour suivre la formation dans des conditions optimales.
Sessions garanties
La majorité de nos sessions proposées en distanciel sont garanties. Elles peuvent être enregistrées à la demande.
Travaux pratiques
Nos formations comprennent de nombreux travaux pratiques pour un meilleur apprentissage (60 % de pratique). Nous proposons également de travailler sur vos données pour une meilleure expérience.
Les Modules
de formation
Module1
Modélisation et accès aux données
1. Modèle relationnel simplifié :
o Table principale : Media avec les colonnes ID, Name, GroupID.
o Table secondaire : Group pour gérer les groupes avec une relation 1:N avec Media.
o Si besoin : ajouter des colonnes comme Type, Status pour préparer les fonctionnalités futures.
2. Accès aux données avec Dapper :
○ Configuration initiale :
■ Connexion à une base SQL Server via une chaîne de connexion.
■ Présentation des requêtes SQL de base pour CRUD (Create, Read, Update, Delete).
3. Tests unitaires pour l’accès aux données :
3. Tests unitaires pour l’accès aux données :
○ Utilisation de xUnit pour valider les méthodes CRUD.
○ Simulation des requêtes SQL avec une base en mémoire ou une base de test dédiée.
Module2
Couche métier
1. Services métier :
○ Implémentation de la logique métier dans un MediaService :
■ Chargement des médias d’un groupe spécifique.
■ Validation des données avant les opérations (exemple : état « prêt à imprimer »).
2. APIs Backend :
○ Création d’une Web API REST exposant les fonctionnalités :
■ Récupération des groupes et des médias.
■ Envoi des modifications des médias via le backend.
○ Gestion des points de terminaison avec des paramètres pour la pagination, les filtres, etc.
3. Tests unitaires pour la couche métier :
○ Validation des règles métier avec xUnit.
○ Tests d’intégration pour vérifier le bon fonctionnement des endpoints d’API.
Module3
Interfaces avec Blazor
1. Structure initiale :
○ Création d’un projet Blazor Server.
○ Mise en place d’un layout de base (menu, zones dynamiques).
2. Implémentation des interfaces demandées :
○ TreeView dynamique :
■ Chargement des sous-nœuds à la demande depuis le backend.
■ Gestion des interactions utilisateur (ouvrir/fermer les nœuds).
○ Zone de défilement :
■ Affichage paginé des médias.
■ Chargement progressif des données lors du défilement.
3. Interactions avancées :
○ Drag-and-Drop :
■ Déplacement des éléments entre plusieurs listes.
■ Gestion des suppressions directes sur le client.
○ Formulaires modaux :
■ Formulaire dynamique pour ajouter ou modifier un média.
■ Validation et envoi des données au backend.
4. Tests des composants Blazor :
○ Création de tests unitaires pour valider les interactions utilisateur.
Module4
Extension avec MAUI
1. Application mobile simple :
○ Développement d’une application MAUI consommant les mêmes APIs que Blazor.
○ Implémentation du TreeView et de la zone de défilement dynamique.
2. Synchronisation des données :
○ Utilisation des services backend pour partager les données entre Blazor et MAUI.
3. Fonctionnalités interactives sur mobile :
○ Gestion tactile du drag-and-drop.
○ Réactivité des événements pour des actions rapides.
Module5
Pipeline CI/CD avec Jenkins
1. Pipeline freestyle :
○ Automatisation de la compilation des projets backend, Blazor, et MAUI.
○ Exécution des tests unitaires et d’intégration.
○ Déploiement sur un environnement cible.
2. Démonstration :
○ Réalisation d’une automatisation complète pour illustrer les pratiques de CI/CD.
Les prochaines
sessions de formation
Sur demande
Vous souhaitez organiser cette formation à une date spécifique ?Contactez-nous en remplissant le formulaire ci-dessous
04 août 2025
29 septembre 2025
24 novembre 2025
19 janvier 2026
