Le prefetch est une technique qui permet au navigateur de charger et stocker des ressources qui seront probablement nécessaires dans le futur, améliorant ainsi la vitesse de navigation sur les pages suivantes. (Donc pas intéressant pour précharger des éléments immédiatement)
| Question | Tags | |
|---|---|---|
| Je dois définir un lien vers une autre page, j’utilise une balise <a> ou <button> ? | HTML | Voir |
| Combien de niveau de titre existe t’il ? (<hn>) | HTML | Voir |
| Qu’est ce qu’une balise <canvas> ? | HTML | Voir |
| 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 |
| 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 |
| Quelles sont les variables à prendre en compte pour choisir sa stack technologique ? | Backend Frontend 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 |
| Quelle est la fonction de la balise <header> en HTML sémantique ? | HTML | Voir |
| Comment la balise <nav> est-elle utilisée dans un document HTML sémantique ? | HTML | Voir |
| Quelle est la différence entre la balise <article> et la balise <section> en HTML sémantique ? | HTML | Voir |
| Comment la balise <footer> est-elle utilisée en HTML sémantique ? | HTML | Voir |
| Quelle est la fonction de la balise <main> en HTML sémantique ? | HTML | Voir |
| Pourquoi utiliser la balise <aside> en HTML sémantique ? | HTML | Voir |
| Quelle balise est utilisée pour regrouper un titre et un sous-titre en HTML sémantique ? | HTML | Voir |
| Comment la balise <figure> et <figcaption> sont-elles utilisées ensemble en HTML sémantique ? | HTML | Voir |
| Quel est le rôle de la balise <time> en HTML sémantique ? | HTML | Voir |
| Comment la balise <mark> est-elle utilisée en HTML sémantique ? | HTML | Voir |
| Pourquoi la balise <header> est-elle importante pour l'accessibilité en HTML sémantique ? | HTML | Voir |
| Quelle balise sémantique utiliseriez-vous pour définir une liste de définitions ? | HTML | Voir |
| Quelle est la différence entre la balise <header> et la balise <title> en HTML ? | HTML | Voir |
| Comment la balise <section> peut-elle améliorer l'organisation d'une page web ? | HTML | Voir |
| Quelle est la fonction de la balise <summary> lorsqu'elle est utilisée avec la balise <details> ? | HTML | Voir |
| Pourquoi la balise <main> ne doit-elle apparaître qu'une seule fois dans un document HTML ? | HTML | Voir |
| Comment la balise <main> aide-t-elle les moteurs de recherche à comprendre la structure d'une page ? | HTML | Voir |
| Quelle balise HTML est utilisée pour définir un formulaire ? | HTML | Voir |
| Comment inclure un fichier CSS dans un document HTML ? | HTML | Voir |
| Comment ajouter une description à une image pour l'accessibilité ? | HTML | Voir |
| Comment définir la langue du contenu dans le HTML ? | HTML | Voir |
| Comment intégrer du code JavaScript dans un document HTML ? | HTML | Voir |
| Comment définir un bouton pour soumettre un formulaire en HTML ? | HTML | Voir |
| Où dois-je passer mes balises script pour un chargement optimal ? | HTML | Voir |
| Dans la balise script, quels attributs je peux utiliser pour éviter que mon script soit bloquant ? | HTML | 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 |
| 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 |
| 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 |