Articles
-
Intermédiaire CSS Frontend Architecture CSS Design system UI MaintenanceCSS @scope : limiter vos styles sans inventer des conventions fragiles
Découvrez comment CSS @scope permet de restreindre l’application de vos styles à une zone précise du DOM, sans dépendre uniquement de conventions de nommage ou de surcharges complexes.
-
Intermédiaire JavaScript Internationalisation Frontend UX API Web TypeScriptIntl en JavaScript : formater dates, nombres et devises sans bricolage
Découvrez comment utiliser l’API Intl pour produire des interfaces web correctement localisées, sans concaténations fragiles ni formats codés en dur.
-
Intermédiaire JavaScript TypeScript Web Components Frontend Architecture frontend HTMLLes Custom Elements : créer des composants web natifs et réutilisables
Apprenez à créer des composants web natifs avec les Custom Elements, sans dépendre d’un framework, tout en gardant une architecture claire, typée et maintenable.
-
Intermédiaire CSS TypeScript Design system Frontend Architecture frontend UIDesign tokens en CSS et TypeScript : construire une interface cohérente et maintenable
Apprenez à structurer vos couleurs, espacements, typographies et rayons sous forme de design tokens utilisables à la fois en CSS et en TypeScript.
-
Intermédiaire JavaScript Frontend DOM Performance Architecture frontend AccessibilitéEvent delegation en JavaScript : gérer moins d’écouteurs pour des interfaces plus robustes
Découvrez comment utiliser l’event delegation pour simplifier vos interfaces dynamiques, réduire le nombre d’écouteurs JavaScript et mieux structurer vos interactions DOM.
-
Intermédiaire Accessibilité HTML CSS React Frontend UXFormulaires accessibles : concevoir des interfaces web vraiment utilisables
Un formulaire accessible n’est pas seulement conforme : il est plus clair, plus robuste et plus agréable à utiliser. Voyons comment structurer champs, labels, erreurs et aides à la saisie avec HTML, CSS et React.
-
Intermédiaire SEO JSON-LD HTML Frontend Schema.org TypeScriptDonnées structurées JSON-LD : aider Google à comprendre vos pages
Les données structurées permettent d’expliciter le contenu d’une page pour les moteurs de recherche. Avec JSON-LD, vous pouvez enrichir vos articles, produits, formations ou événements sans complexifier votre HTML.
-
Intermédiaire JavaScript Frontend Architecture frontend Performance HTML Modules ESImport maps JavaScript : contrôler vos dépendances sans bundler
Les import maps permettent de piloter les imports JavaScript directement dans le navigateur. Une approche utile pour prototyper, enseigner, migrer progressivement ou réduire la complexité d’un outillage frontend.