Eco-index, website carbon, yellow labs, eco-grader
| Question | Tags | |
|---|---|---|
| Quel attribut de la balise image utilise t’on pour faire en sorte de charger une image lorsque le viewport s’en approche ? | Green It HTML | Voir |
| Quel sont les formats d’image adapté aux web ? | Frontend Green It | Voir |
| Citez moi deux outils permettant de mesurer l’empreinte carbone du site | Frontend Green It | Voir |
| Quelle est l’importance de la compression ? | Backend Green It | Voir |
| Quels sont les algorithme de compression les plus connus ? | Backend Green It | Voir |
| Quel est l’avantage du Http/2 par rapport au Http/1.1 | Backend Green It | Voir |
| Quelle avantage à la mise en cache dans l’eco conception ? | Backend Green It | Voir |
| Lorsque je reçois des images, que dois-je faire pour faire en sorte d’optimiser mon site ? | Backend Green It | Voir |
| Quel propriété de la balise image permet de définir des tailles d’image selon la taille du viewport ? | Frontend Green It HTML | Voir |
| Dans l’eco conception que faut-il regarder chez un hébergeur ? | Green It | Voir |
| Qu’est ce que le Static Site Generation (SSG), et quel est son avantage ? | Backend Green It | Voir |
| Que peut-on faire avec le Static Site Generation pour encore plus l’optimiser ? | Backend Green It | Voir |
| Qu’est ce que le Server Site Rendering, et quel est son avantage ? | Backend Green It | Voir |
| Quelles sont les variables à prendre en compte pour choisir sa stack technologique ? | Backend Frontend Green It | Voir |
| Quelle organisation serveur permet de limiter la consommation des serveurs ? | Backend Green It | Voir |
| Quelles technologies permettent de mettre en place un cache de site web facilement ? | Backend Green It | Voir |
| Dans la création d’un service en ligne, donnez moi un exemple d’une pratique qui pollue ? | Backend Green It | Voir |
| Quels sont les indicateurs d’un front end mal optimisé ? | Frontend Green It | Voir |
| Comment réduire le nombre de requêtes à un serveur dans son frontend ? | Frontend Green It | Voir |
| Comment réduire poids d’une page web ? | Frontend Green It | Voir |
| Avec quel autre attribut de Image src-set peut être utilisée ? | Frontend Green It HTML | Voir |
| Quelle technique peut être utilisée dans les SPA pour limiter le poids du premier chargement ? | Frontend Green It React | Voir |
| Avec React comment fait-on du code splitting ? | Frontend Green It React | Voir |
| Quel format de font est recommandé ? | Frontend Green It | Voir |
| En terme de bonne pratique combien de font devrait-js utiliser? | Frontend Green It | Voir |
| Quele alternative light aux images permet d’illustrer votre propos sans ajouter trop de poid ? | Frontend Green It | Voir |
| Sur une image si il y a un display none, sera t’elle chargée ? | Frontend Green It | Voir |
| Qu’est ce que le DOM ? | Frontend HTML JavaScript | Voir |
| Qu’est ce que le préchargement de ressources ? | Frontend HTML Performance | Voir |
| Quel est le problème avec le pré-chargement des ressources ? | Frontend Green It HTML | Voir |
| Quels sont les différents types de préchargement ? | Frontend HTML Performance | Voir |
| Que fait dns-prefetch ? | Frontend HTML Performance | Voir |
| Que fait le preconnect ? | Frontend HTML Performance | Voir |
| Que fait le prefetch ? | Frontend HTML Performance | Voir |
| Que fait le preload ? | Frontend Green It Performance | Voir |
| Quelle librairie en React permet d’optimiser la récupération de données ? | Frontend Green It Performance React | Voir |
| React query est il disponible dans d’autres frameworks ? | Frontend Green It Performance | Voir |
| Que sont les service workers ? | Frontend Green It Performance | Voir |
| Quel est l’intérêt de la mise en cache de contenu via Service workers ? | Frontend Green It Performance | Voir |
| Que sont les principales fonctionnalités des services workers ? | Frontend Green It Performance | Voir |
| Quel est l’intérêt de la récupération / mise à jour en arrière plan ? | Frontend Green It Performance | Voir |
| Quel est l’intérêt de l’interception et manipulation de requêtes ? | Frontend Green It Performance | Voir |
| Qu’est ce qu’une PWA ? | Frontend Green It | Voir |
| Quels sont les avantages de la PWA par rapport à une application classique ? | Frontend Green It | Voir |
| Pouvez vous me citer quelques capacités des PWA ? | Frontend | Voir |
| Quels sont les principes d’un design eco-conçu? | Green It | Voir |
| Quels sont les avantages de l’approche mobile file en eco-conception ? | Green It | Voir |
| Quel référentiel national est disponible pour l’eco-conception de services numériques ? | Green It | Voir |
| Comment éco-concevoir son projet avant de le développer ? | Green It | Voir |
| Comment tester rapidement l’accessibilité d’un site web avec un lecteur d’écran ? | Accessibilité Frontend | Voir |
| Pourquoi le responsive design est-il essentiel pour une application web ou web mobile ? | Frontend CSS | Voir |
| Que signifie « mobile first » en termes de conception d’interface ? | Frontend Conception | Voir |
| À quoi sert l’attribut aria-label dans une balise HTML ? | Accessibilité Frontend | Voir |
| Quelle est la différence entre la propriété position: absolute et position: relative en CSS ? | Frontend CSS | Voir |
| Qu’est-ce que le bundling et le minifying dans le contexte du front-end ? | Frontend Performance | Voir |
| À quoi sert un hook personnalisé dans React ? | Frontend React | Voir |
| Quelle est la différence entre <script defer> et <script async> ? | Frontend HTML | Voir |
| Quel est l’objectif de la directive box-sizing: border-box en CSS ? | Frontend CSS | Voir |
| Comment sécuriser un front-end React consommant une API REST ? | Frontend Sécurité | Voir |
| Qu’est-ce que le lazy loading en React ? | Frontend React | Voir |
| Quelles sont les bonnes pratiques pour nommer les classes CSS ? | Frontend CSS | Voir |
| Comment s’assurer qu’un site respecte le RGPD côté front-end ? | Green It Sécurité | Voir |
| Pourquoi le lazy loading d’images peut améliorer les performances du site ? | Frontend Performance | Voir |
| Comment identifier rapidement les scripts bloquants d’une page ? | Frontend Performance | Voir |
| Quelle est la différence entre display: block et display: inline-block en CSS ? | Frontend CSS | Voir |
| Pourquoi la propriété max-width est préférée à width pour un layout responsive ? | Frontend CSS | Voir |
| Quelle est la différence entre un framework front (ex: React) et un framework full-stack (ex: Next.js) ? | Frontend Architecture | Voir |
| Pourquoi un site en HTTP plutôt qu’en HTTPS est problématique ? | Sécurité Frontend | Voir |
| À quoi sert la propriété object-fit: cover sur une image ? | Frontend CSS | Voir |
| Pourquoi respecter la norme WCAG 2.1 pour un site web ? | Accessibilité Frontend | Voir |
| Comment partager des variables globales entre des composants React sans Redux ? | Frontend React | Voir |
| Quelle est la finalité du composant ErrorBoundary en React ? | Frontend React | Voir |
| Quelle est la différence entre images responsives avec srcset et <picture> ? | Frontend HTML | Voir |
| Quelle est la différence entre background-size: contain et cover ? | Frontend CSS | Voir |
| En quoi configurer un trailing slash en SEO peut-il impacter le référencement ? | Frontend SEO | Voir |
| Pourquoi est-il conseillé de ne pas stocker le token JWT en LocalStorage ? | Sécurité Frontend | Voir |
| Comment limiter les répétitions de code CSS dans un gros projet ? | Frontend CSS | Voir |
| Qu’est-ce que la propagation d’événement en JavaScript ? | Frontend JS | Voir |
| Comment diviser la responsabilité d’un gros composant React ? | Frontend React | Voir |
| Que signifie le pattern 'smart component / dumb component' en React ? | Frontend React | Voir |
| Pourquoi configurer un message custom pour les erreurs 404 ? | Frontend UX | Voir |
| Pourquoi l’utilisation de floats en CSS est-elle moins conseillée désormais ? | Frontend CSS | Voir |
| En quoi la directive content="width=device-width" du meta viewport est indispensable ? | Frontend HTML | Voir |
| Quelle est la différence entre Cross-Site Scripting (XSS) stocké et réfléchi ? | Sécurité Frontend | Voir |
| Pourquoi la navigation offline est-elle un atout pour une application mobile ? | Frontend PWA | Voir |
| Comment documenter un code React avec JSDoc ou TypeScript ? | Frontend React Documentation | Voir |
| Pourquoi un composant React doit rester stateless si possible ? | Frontend React | Voir |
| Quelle propriété CSS permet de créer une grille responsive ? | Frontend CSS | Voir |
| Pourquoi la mise en place d’un CORS correct est cruciale ? | Sécurité Frontend | Voir |
| À quoi sert la directive !important dans une feuille CSS ? | Frontend CSS | Voir |
| Quelle est la différence entre l’API localStorage et sessionStorage ? | Frontend JavaScript | Voir |
| Pourquoi un site statique peut être plus sécurisé qu’un site dynamique ? | Sécurité Green It | Voir |
| Comment compiler un code Sass en CSS automatiquement ? | Frontend CSS | Voir |
| Pourquoi les hooks React ne doivent pas être appelés dans des conditions ou des boucles ? | Frontend React | Voir |