Formation développement Web avec l'IA

Leçon 1 • Remise à niveau sur les technologies web fondamentales

Revise les fondamentaux HTML, CSS et JavaScript, qui constituent le substrat sur lequel les outils d'IA opèrent. Garantit que tous les apprenants partagent une base technique commune avant de commencer le travail spécifique à l'IA.

Leçon 2 • L'état d'esprit du développeur augmenté par l'IA

Définit le rôle pratique de l'IA en tant que collaborateur de codage, et non en tant que remplacement. Établit les attentes en matière de supervision humaine et de développement piloté par des prompts tout au long de la formation.

Leçon 3 • Présentation des outils de codage par IA

Explore le paysage des assistants de codage par IA, des outils basés sur le chat et des IDE génératifs. Établit des critères pour sélectionner l'outil approprié selon le type de tâche.

Leçon 1 • Chaînage de prompts et raffinement itératif

Présente les séquences de prompts en plusieurs étapes qui construisent des fonctionnalités complexes de manière incrémentale. Développe l'habitude de réviser et de réorienter la sortie de l'IA entre chaque étape de la chaîne.

Leçon 2 • Débogage et correction du code généré par l'IA

Couvre les stratégies pour identifier les erreurs dans la sortie de l'IA et demander des corrections ciblées. Développe des compétences d'évaluation critique essentielles pour une utilisation sûre du code généré.

Leçon 3 • Saisie de prompts pour la logique JavaScript

Enseigne les stratégies de prompt pour générer des fonctions, des gestionnaires d'événements et de la logique asynchrone. Relie la précision du prompt à la correction et à la maintenabilité du code.

Leçon 4 • Anatomie d'un prompt de code efficace

Décompose les composants d'un prompt de haute qualité : contexte, contraintes, format et exemples. Améliore directement la qualité de la sortie pour toutes les tâches de codage IA de cette formation.

Leçon 1 • Génération de composants de navigation et de mise en page

Applique le prompting IA pour construire des en-têtes, des barres de navigation, des pieds de page et des mises en page en grille. Couvre le comportement responsive et la compatibilité entre navigateurs dans la sortie générée.

Leçon 2 • Composants de formulaires, de champs et de validation

Génère des composants de formulaire accessibles avec une validation côté client à l'aide de l'assistance IA. Relie les schémas UX des formulaires aux exigences réelles de collecte de données.

Leçon 3 • Éléments d'interface utilisateur interactifs et animations

Crée des modales, des accordéons, des onglets et des animations CSS grâce à la génération pilotée par l'IA. Met l'accent sur une animation respectueuse des performances et une accessibilité au clavier.

Leçon 4 • Principes du développement piloté par les composants

Établit le modèle de composant comme fondement structurel du travail d'interface utilisateur assisté par IA. Explique comment les outils d'IA correspondent aux limites des composants et aux schémas de réutilisation.

Leçon 1 • Intégration d'API et récupération de données

Demande à l'IA de générer des schémas fetch, async/await et de gestion d'erreurs pour les API REST. Couvre les états de chargement, les indices de mise en cache et la normalisation des données dans la couche d'interface utilisateur.

Leçon 2 • Logique de routage et de navigation

Génère des configurations de routage côté client et des schémas de routes protégées à l'aide de l'IA. Couvre les routes dynamiques, les paramètres de requête et les gardes de navigation.

Leçon 3 • Choix et échafaudage d'un framework JS

Compare les principaux frameworks JavaScript et utilise l'IA pour échafauder les structures de projet. Établit les fondations du projet pour tout le travail basé sur les frameworks dans ce chapitre.

Leçon 4 • Génération de composants de framework avec l'IA

Applique le prompting pour générer des composants spécifiques au framework avec des props, des slots et des hooks de cycle de vie. Couvre l'adaptation de la sortie générique de l'IA aux conventions du framework.

Leçon 1 • Gestion des erreurs et sécurité des API

Demande à l'IA de mettre en œuvre une gestion centralisée des erreurs, un assainissement des entrées et un limiteur de débit. Relie les pratiques de sécurité back-end aux normes de préparation à la production.

Leçon 2 • Systèmes d'authentification et d'autorisation

Génère des flux d'authentification basés sur des jetons et un contrôle d'accès basé sur les rôles à l'aide de l'IA. Met l'accent sur la révision de sécurité de tout code d'authentification produit par l'IA avant le déploiement.

Leçon 3 • Conception et construction d'API REST

Utilise l'IA pour concevoir des schémas de points de terminaison RESTful et générer des gestionnaires de routes. Couvre la validation des requêtes, le formatage des réponses et les conventions de codes d'état HTTP.

Leçon 4 • Modélisation de base de données et requêtes avec l'IA

Applique l'IA pour générer des modèles de données, des définitions de schémas et des requêtes optimisées. Couvre les schémas de bases de données relationnelles et documentaires côte à côte.

Leçon 1 • Test des intégrations full-stack

Utilise l'IA pour générer des suites de tests unitaires, d'intégration et de bout en bout pour l'application full-stack. Couvre l'analyse de la couverture de test et la génération de cas de test assistée par IA.

Leçon 2 • Optimisation des performances sur toute la pile

Applique l'IA pour identifier et résoudre les goulots d'étranglement dans le rendu, le temps de réponse des API et les requêtes de base de données. Produit des améliorations mesurables des performances à l'aide de données de profilage.

Leçon 3 • Intégration du flux d'authentification

Relie l'interface utilisateur d'authentification front-end aux points de terminaison de jetons back-end à l'aide d'un code d'intégration généré par IA. Couvre le stockage des jetons, la logique de rafraîchissement et l'application des routes protégées.

Leçon 4 • Fonctionnalités en temps réel avec l'assistance de l'IA

Présente les schémas WebSocket et d'événements envoyés par le serveur générés avec le support de l'IA. Applique le flux de données en temps réel aux notifications, aux mises à jour en direct et aux fonctionnalités collaboratives.

Leçon 1 • Configuration de la surveillance, de la journalisation et des alertes

Utilise l'IA pour configurer la surveillance des applications, la journalisation structurée et les seuils d'alerte. Relie la configuration de l'observabilité à une réponse proactive aux incidents en production.

Leçon 2 • Infrastructure cloud en tant que code

Génère des modèles d'infrastructure en tant que code pour le provisionnement des ressources cloud à l'aide de l'IA. Couvre la configuration des ressources de calcul, de stockage, de réseau et des services gérés.

Leçon 3 • Gestion de l'environnement et des secrets

Applique l'IA pour générer des stratégies de configuration d'environnement et des schémas de gestion des secrets. Évite l'exposition des identifiants dans les environnements de développement, de test et de production.

Leçon 4 • Automatisation du pipeline CI/CD

Utilise l'IA pour échafauder les configurations de pipeline d'intégration et de livraison continues. Couvre les tests automatisés, les déclencheurs de build et les définitions d'étapes de déploiement.

Leçon 1 • Prise de décision architecturale avec l'IA

Tire parti de l'IA pour évaluer les compromis architecturaux, générer des ADR et modéliser des diagrammes système. Développe le jugement pour savoir quand accepter, modifier ou rejeter les suggestions architecturales de l'IA.

Leçon 2 • Planification de la scalabilité et de la maintenabilité

Utilise l'IA pour projeter les besoins en mise à l'échelle, générer des scripts de test de charge et documenter les plans de maintenance. Prépare l'application à la croissance au-delà du lancement initial.

Leçon 3 • Renforcement de la sécurité avec l'assistance de l'IA

Applique l'IA pour analyser les vulnérabilités courantes, générer des patchs de sécurité et produire des modèles de menace. Renforce le principe selon lequel la sortie de l'IA nécessite une validation humaine de sécurité.

Leçon 4 • Projet de synthèse et livraison du portfolio

Intègre toutes les compétences de la formation dans un projet full-stack complet et déployé avec une documentation assistée par IA. Produit un artefact prêt pour le portfolio démontrant le développement full-stack augmenté par l'IA.