Technologie : Front-end

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

  • GitHub Pages

    GitHub Pages est une fonctionnalité sur le réseau GitHub permettant de publier un site Web à partir d’un dépôt. Les fichiers doivent impérativement être sous le format HTML, CSS, JS ou Markdown. Des outils de génération de sites statiques tels que Jekyll ou Hugo peuvent être utilisés. Les étapes de création Pages.github.com Documentation officielle (guide…

  • Lazy loading

    Méthodes de chargement en différé des éléments d’une page Web en fonction du scroll de l’utilisateur. Les éléments apparaissent dans la zone de visualisation (viewport) selon le défilement de la page pour améliorer les performances. Avec le lazy loading natif il suffit d’ajouter l’attribut loading= »lazy » à votre élément.

  • Librairie de statement – gestion d’état

    Une librairie de gestion d’état ou state management library en anglais dans React, est un outil décentralisé qui facilite la gestion de l’état global de votre application. Ce type de librairie fournit un moyen structuré de stockage permettant de récupérer toutes les variables globales de mettre à jour et de partager des données entre les…

  • Lighthouse

    Lighthouse est un outil open-source développé par Google qui aide les développeurs à améliorer la qualité des pages web. Il effectue un audit de la page web sur la base de cinq catégories :

  • Netlify

    Système d’hébergement sans serveur pour des fichiers de rendu statiques avec quelques fonctions d’exécution adapté pour la JAMStack. Netlify

  • npm – Node Package Manager

    Le npm est le gestionnaire de paquets par défaut pour Node.js, utilisé pour installer, gérer et partager des bibliothèques JavaScript (packages). Il permet de : Fonctionnalités clés Exemple d’utilisation Avantages

  • Optimisation des performances

    L’optimisation des performances consiste à améliorer la vitesse, l’efficacité et l’expérience utilisateur d’une application web. Elle vise à réduire les temps de chargement, minimiser l’utilisation des ressources et améliorer l’interaction. Techniques courantes Outils associés

  • Pré-processeur CSS

    Outil ou programme qui permet de générer du CSS à partir des fichiers écrits dans un langage de compilation. Un préprocesseur est un programme qui transforme le code source avant l’étape de compilation. Il sert à donner une couche d’abstraction, à mieux organiser son code en utilisant l’imbrication des sélecteurs, en automatisant des tâches répétitives…

  • Programmation fonctionnelle pour le web

    La programmation fonctionnelle pour le web est une approche de développement qui applique les principes de la programmation fonctionnelle (PF) comme l’immutabilité, les fonctions pures, la composition et l’absence d’effets de bord à la création d’applications web, que ce soit côté client (frontend), serveur (backend) ou les deux. C’est une manière de coder des sites…

  • React Router

    React Router est la bibliothèque de routage déclarative standard pour les applications React. Elle permet de mapper des URL à des composants React spécifiques, gérant la navigation entre vues sans rechargement de page, ce qui en fait un pilier des Single Page Applications (SPA). Elle permet la navigation entre composants. Fonctionnalités clés Dans React Router…