Apprenez les éléments utilisés pour construire le web et les tests qui montrent s'ils fonctionnent bien.
Ouvrir un terme pour une signification simple, un exemple, quand l'utiliser, son caractère officiel, et son nom de code.
Ce paquet d'apprentissage réunit trois domaines de qualité. L'accessibilité vérifie qui peut utiliser le produit. La performance vérifie la vitesse de réponse et le coût des ressources. L'observabilité aide à expliquer un système en fonctionnement. Le paquet n'est pas une métrique de qualité standard unique.
↗L'annulation de la requête indique que le travail client non terminé n'est plus nécessaire. Les API prises en charge reçoivent un signal d'abandon.
↗Un budget de performance est une limite fixée avant le début du travail pour la taille des fichiers, le temps ou l'expérience utilisateur. Il aide à guider les choix de conception et de code.
↗Un Test Case vérifie un comportement ou un risque. Il nomme la configuration de départ, l'action et le résultat attendu.
↗Une course asynchrone se produit lorsque des travaux qui se chevauchent se terminent dans un ordre imprévu. Un résultat plus ancien peut écraser un résultat plus récent.
↗Un Build transforme les fichiers source et les dépendances listées en un résultat vérifié qui peut tourner, être testé ou déployé.
↗Core Web Vitals est l'ensemble des mesures réelles de Google pour le chargement des pages, la réponse aux saisies et la stabilité visuelle. Les mesures actuelles sont LCP, INP et CLS.
↗La couverture de test montre quels codes, besoins, états ou risques les tests vérifient. Un pourcentage n'est qu'un indicateur approximatif.
↗Le CSS est un ensemble de règles web qui contrôle l'apparence et l'agencement des éléments d'un document. Il peut définir la couleur, l'espacement, la disposition, les changements de taille d'écran et les états visuels.
↗Le cycle de vie de la récupération des données suit une requête de lecture. Il passe de l’attente au succès ou à l’erreur. Le succès peut contenir des données ou être vide.
↗La déduplication des requêtes permet aux appelants correspondants de partager une requête déjà en cours. Chaque appelant reçoit le même résultat.
↗Le développement piloté par les tests (TDD) répète trois étapes. Écrire un petit test qui échoue. Écrire le code minimum qui fonctionne. Puis nettoyer le code sans changer son fonctionnement.
↗Le Modèle d'Objet de Document (DOM) transforme un document en un arbre d'objets appelés nœuds. Les programmes utilisent ses outils standards pour lire et modifier le document.
↗Les données de test et les fixtures sont des entrées connues et des étapes de configuration. Elles mettent le système dans le même état pour chaque test.
↗Un Test Double remplace une vraie pièce du système. Les bouchons, faux, espions et simulacres offrent du contrôle ou de la visibilité.
↗L'état du serveur est des données distantes dont le serveur est propriétaire. L'écran en garde une copie et doit la rafraîchir.
↗Une frontière d'erreur capture un crash d'écran à l'intérieur d'une partie d'un arbre de composants. Elle affiche un remplacement sûr à cet endroit.
↗La génération de site statique (SSG) crée le HTML de chaque route avant que les visiteurs ne le demandent, généralement pendant une construction. Le serveur peut alors envoyer des fichiers prêts à l'emploi.
↗La gestion de l'état frontend décide de ce dont un écran se souvient, où ces données vivent et ce qui peut les modifier.
↗Un gestionnaire de paquets trouve, installe, enregistre, met à jour et publie des paquets logiciels ainsi que les paquets dont ils dépendent.
↗HTML est le langage de balisage standard qui donne à une page web ses parties et sa signification. Il indique au navigateur ce qu’est un titre, un lien, une image, un formulaire, et plus encore.
↗L'hydratation relie le comportement et l'état du navigateur au HTML qu'un serveur ou une compilation a déjà produit. Cela transforme des parties choisies de la page en contrôles interactifs.
↗L'interface utilisateur optimiste affiche le résultat attendu avant que le serveur ne le confirme. En cas d'échec, le résultat précédent est rétabli et une explication de l'incident est fournie.
↗L'invalidation de requête marque les données mises en cache correspondantes comme anciennes. Les données associées affichées à l'écran peuvent ensuite se rafraîchir en arrière-plan.
↗JavaScript est un langage de programmation basé sur la norme ECMAScript. Il est souvent utilisé pour faire réagir les sites Web et d'autres programmes aux actions et pour changer au fil du temps.
↗Lint vérifie le code sans l'exécuter. Il détecte les bugs probables, les motifs dangereux, les problèmes de style et les règles de projet brisées.
↗Markdown formate le texte brut avec de petites marques. Ces marques créent des titres, des listes, des liens et des blocs de code.
↗Une mutation de données crée, modifie ou supprime des données sur le serveur. L'écran suit son résultat en attente et final.
↗Next.js est un framework basé sur React. Il ajoute le routage, le rendu côté serveur et navigateur, le chargement des données, l'optimisation des ressources et les règles de déploiement.
↗npm est un registre de paquets JavaScript et un outil en ligne de commande. Il installe, liste et publie des paquets, et exécute des scripts de projet.
↗Obsolète-pendant-la-révalidation peut montrer immédiatement un cache obsolète autorisé tout en vérifiant une réponse fraîche en arrière-plan.
↗Le SEO aide les pages publiques utiles à être trouvées et comprises. Il les garde également faciles à explorer et à indexer.
↗Le préchargement de données charge les données probablement nécessaires avant l'ouverture de son écran. Un résultat mis en cache frais peut rendre l'écran suivant plus rapide.
↗Python est un langage de programmation polyvalent avec un code lisible. Ses outils couvrent les services web, l'automatisation, les données et l'apprentissage automatique.
↗React est une bibliothèque JavaScript pour les interfaces basées sur les composants. Les changements de données, de props ou d'état peuvent mettre à jour l'écran. Ce n'est pas ReAct.
↗Un empaqueteur de modules suit les liens entre les modules de code et prépare les fichiers pour le déploiement. Il divise souvent, modifie et améliore ces fichiers.
↗Le rendu côté client (CSR) signifie que le navigateur construit la majeure partie de l'écran de l'application après que JavaScript et les données nécessaires sont arrivés.
↗Le rendu côté serveur (SSR) crée le HTML sur un serveur pour chaque requête, puis envoie la page prête au navigateur. Le comportement du client peut être attaché plus tard.
↗La scrutation répète une lecture à intervalles réguliers pour vérifier un changement. L'intervalle peut s'adapter, faire une pause ou s'arrêter lorsque le travail est terminé.
↗shadcn/ui fournit aux applications le code source des composants UI modifiables. Il combine souvent les contrôles de base accessibles avec Tailwind CSS.
↗Les signaux d'observabilité sont des preuves qu'un système envoie sur son propre comportement. Les signaux courants sont les traces, les métriques, les journaux et le bagage, qui transporte un petit contexte entre les services.
↗Ce paquet d'apprentissage relie trois technologies de navigateurs. HTML donne un sens à un document. CSS contrôle son apparence. JavaScript ou TypeScript ajoute du comportement. Cette vue systémique n'est pas une technologie standard unique.
↗La synchronisation prioritaire local conserve une copie de travail sur l'appareil. Les utilisateurs peuvent lire et écrire hors ligne, puis fusionner les modifications avec les copies sur d'autres appareils.
↗Tailwind CSS est un framework CSS axé sur l'utilité. De petites classes dans HTML appliquent des valeurs et variantes de conception partagées.
↗Un Terminal est une fenêtre de texte pour un shell de commandes et des outils. Il peut regarder les fichiers, lancer des commandes et automatiser le travail.
↗Les tests d'accessibilité utilisent des outils et des personnes pour vérifier si le contenu et les contrôles répondent aux besoins d'accessibilité. Ils incluent les tests avec des claviers et des technologies d'assistance.
↗Un test d'intégration vérifie si deux parties ou plus d'un système fonctionnent ensemble via leurs points de connexion réels.
↗Un test de bout en bout (E2E) suit un parcours complet d'utilisateur ou d'entreprise à travers le système assemblé et déployé.
↗Les tests de charge vérifient la vitesse et la fiabilité d'un système sous un trafic planifié. Le plan définit le nombre et le schéma des utilisateurs, des requêtes ou des tâches.
↗Un test de composant place une partie de l'interface dans un espace de rendu réel. Il fournit à la partie des entrées et des données contrôlées, puis vérifie son comportement.
↗Le test de contrat vérifie si deux systèmes qui peuvent être déployés séparément échangent toujours des messages au format convenu.
↗Un Smoke Test est une petite série de vérifications rapides. Il montre si une version peut passer des tests plus poussés ou être utilisée.
↗Un Regression Test vérifie qu'un changement de code récent n'a pas cassé un comportement qui marchait avant.
↗Un test de régression visuelle compare l'image rendue d'aujourd'hui avec une image de référence approuvée dans les mêmes conditions de navigateur.
↗Le test de sécurité utilise un plan clair pour vérifier les règles de sécurité et trouver les faiblesses que les attaquants pourraient exploiter. Il couvre le design, le code, les paramètres et le fonctionnement du système.
↗Un Flaky Test peut réussir ou échouer sans aucun changement de code. Le minutage, l'ordre, l'état partagé, le hasard ou des systèmes extérieurs en sont souvent la cause.
↗Un test unitaire vérifie une petite partie d'un logiciel par elle-même. Les systèmes lents ou peu fiables à l'extérieur sont exclus du test.
↗Ce paquet d'apprentissage compare trois types de tests. Les tests unitaires vérifient la logique en elle-même. Les tests d'intégration vérifient les limites entre les parties. Les tests de bout en bout s'exécutent à travers le système utilisé par les personnes. Le paquet n'est pas un seul niveau de test standard.
↗Un transpileur est un compilateur qui transforme le code source d'une version ou d'une syntaxe d'un langage en un autre code source.
↗Le versionnage sémantique (SemVer) utilise les numéros MAJOR.MINOR.PATCH pour montrer comment une API publique a changé. Il définit également des règles pour les étiquettes de préversion et de build.
↗Vue est un framework JavaScript pour les interfaces de composants. Ses modèles décrivent l’écran et les données réactives le mettent à jour.
↗