Technologie : Front-end

Partie visible d’une application numérique, en interaction directe avec l’utilisateur.

  • APIs REST

    Une API REST permet à votre application de communiquer avec un service externe en utilisant les méthodes HTTP (GET, POST, PUT, DELETE) pour demander ou envoyer des données. Une API REST est comme un serveur dans un restaurant : Bonnes pratiques pour les APIs REST

  • Babel

    Babel est un compilateur/transpileur JavaScript open-source qui convertit le code JavaScript moderne (ES6+) en une version compatible avec les navigateurs anciens ou les environnements qui ne supportent pas encore les dernières fonctionnalités du langage.

  • Bibliothèque tierce

    Paquets de fonctionnalités et d’outils non pris en compte par la bibliothèque standard d’un langage. Ces paquets sont installés à partir d’un gestionnaire de paquetage tel que Yarn, Npm pour JavaScript, pip pour Python, Composer pour PHP, Maven pour Java. Exemple de bibliothèques tierces : JavaScript Three.js : pour la création de scènes 3D interactives…

  • Code splitting

    Le code splitting (fractionnement de code) est une technique d’optimisation web qui consiste à diviser le code source d’une application en plusieurs fragments plus petits, chargés dynamiquement au fur et à mesure des besoins de l’utilisateur. Au lieu de charger l’intégralité du code JavaScript/CSS d’un coup (bundle unique), le code splitting permet de : Méthodes…

  • Component Testing – Test de composant (React Testing Librarie)

    Le component testing (test de composants) consiste à vérifier le comportement d’un composant React en simulant des interactions utilisateur. React Testing Library est une bibliothèque conçue pour écrire des tests focussés sur l’expérience utilisateur plutôt que sur l’implémentation interne. Principes clés

  • Context API

    L’API Context dans React est une fonctionnalité intégrée qui permet de partager des données, de les propager à travers un arbre de composants sans passer par les props (props drilling). Elle simplifie la gestion de l’état global ou de la configuration de votre application Context API résout le problème du prop drilling (transmission manuelle de…

  • Déploiement

    Ensemble des actions qui rendent disponibles à l’utilisateur un logiciel, une application ou un site Web dans son environnement. Dans son cycle de vie, le logiciel pourra être déployé à chaque nouvelle version dans plusieurs environnements :

  • Effet stack sticky

    L’effet stack sticky (ou sticky stack) est une technique de mise en page web où plusieurs éléments (souvent des « cards ») sont empilés verticalement, et lorsqu’un utilisateur fait défiler la page (scroll), chaque élément devient positionné de façon fixe (sticky) au fur et à mesure qu’il atteint le haut de la fenêtre, jusqu’à ce…

  • Framework JavaScript

    Cadre de travail aidant à la création d’une application Web avec des fonctionnalités avancées, des méthodes déjà fournies. L’application est découpée en composants, des éléments réutilisables ( des boutons, une barre de navigation etc.). Les composants communiquent entre eux par des flux de données (databinding), où il est possible d’ajouter, supprimer un élément, changer son…

  • Frontend checklist

    Liste de vérifications pour le développeur frontend. 1. Fondations du Web (non négociables) 2. Accessibilité (a11y) – Priorité éthique 3. Performance & Éco-conception 4. Sémantique et découvrabilité 5. Sécurité et respect de la vie privée 6. Outils et workflow (maîtrise, pas dépendance) Frameworks (React, Vue, etc.) : 7. Tests et qualité 8. Résilience et durabilité…