Thématique du numérique : Développement & technologies

Ensemble des notions liées au développement logiciel et aux technologies numériques, incluant les langages, frameworks, architectures, infrastructures et environnements techniques.

  • Transpileur

    Outil qui convertit, transforme du code vers un autre code, dans un même langage ou langage du même niveau.  Exemple : Babel.io qui convertit du JavaScript depuis les fonctionnalités modernes de JavaScript, du standard ECMAScript 6 ES6 et plus vers ECMAScript 5, ES5. Babel s’utilise pour la transpilation en parallèle du compilateur TypeScript TSC qui…

  • TTFB

    Time To First Byte (TTBF) correspond au temps écoulé entre la demande de page html et le début de la réception du premier octet de réponse. Pendant ce temps, le client et le navigateur ne peuvent rien faire. Autres valeurs importants à observer au chargement d’une page : Time To Interactive (TTI): Complètement dépendant du…

  • TWC

    TWC est une librairie qui allège le CSS des composants React avec Tailwind. React-twc.vercel.app

  • TypeScript

    TypeScript est un langage de programmation libre et open source développé par Microsoft qui a pour but d’améliorer et de sécuriser la production de code JavaScript. TypeScript va au-delà de la programmation orientée objet déjà présente dans ES6 en proposant des fonctionnalités avancées telles que les interfaces, l’héritage multiple, les classes et méthodes abstraites, ainsi…

  • useEffect()

    useEffect est un hook fondamental de React (introduit en v16.8) qui permet d’exécuter des effets de bord (side effects) dans les composants fonctionnels. Un effet de bord désigne toute opération qui interagit avec le monde extérieur au processus de rendu React : Appels API, abonnements, modification manuelle du DOM, timers, analytics, etc. Il synchronise le…

  • useNavigate()

    useNavigate() est un hook React fourni par react-router-dom qui retourne une fonction de navigation impérative, permettant de modifier programmatiquement l’URL courante, de manipuler l’historique du navigateur ou de transmettre un état de navigation sans interaction utilisateur directe sur un lien. Exemples concrets Comparaison clé Cas d’usage typiques Pourquoi cette conception ? useNavigate() est l’outil officiel…

  • useParams()

    useParams() est un hook React fourni par react-router-dom (React Router v6+) qui récupère les paramètres dynamiques définis dans le chemin de l’URL via la syntaxe :nomParam. Il retourne un objet JavaScript où toutes les valeurs sont systématiquement des chaînes de caractères (string), indépendamment de leur apparence dans l’URL. Caractéristiques essentielles Exemple concret

  • useState()

    useState est un Hook (fonction spéciale) introduit dans React 16.8. Il permet d’ajouter un état local réactif à un composant fonctionnel. Caractéristiques Clés (Ton résumé validé) Syntaxe de base Exemple

  • Validateur HTML

    Un validateur HTML est un outil informatique qui vérifie la conformité de votre code HTML par rapport aux spécifications officielles établies par le World Wide Web Consortium (W3C). Nu validator Validator W3C

  • Validation des entrées

    La validation des entrées consiste à vérifier, filtrer et nettoyer systématiquement toute donnée provenant de l’extérieur d’un système (utilisateur, API, fichier, capteur, formulaire, etc.) avant de l’utiliser — notamment pour éviter les attaques comme les injections SQL, le XSS (Cross-Site Scripting) ou l’exécution de code malveillant. C’est l’une des premières lignes de défense d’un système…