localStorage conserve les données sans limite de temps, sessionStorage est vidé quand on ferme l’onglet.
| Question | Tags | |
|---|---|---|
| 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 |
| Qu’est ce que React ? | JavaScript React | Voir |
| Quelles sont les deux méthodes de l’Object JSON que vous connaissez ? | JavaScript | Voir |
| Que fait la méthode slice sur un tableau ? | JavaScript | Voir |
| Quelle est la différence entre slice et splice ? | JavaScript | Voir |
| Que fait la méthode map sur une tableau ? | JavaScript | Voir |
| Quelle est la différence entre “==” et “===” ? | JavaScript | Voir |
| Qu’est ce qu’une fonction annonyme? | JavaScript | Voir |
| Que sont les arrow functions ? | JavaScript | Voir |
| Quelles sont les différences entre une arrow function et une fonction classique ? | JavaScript | Voir |
| Qu’appelle t’on une fonction pure ? | JavaScript | Voir |
| Pourquoi les fonctions pures sont importantes ? | JavaScript | Voir |
| Lors de la création d’une nouvelle variable, que dois-je choisir entre const et let? | JavaScript | Voir |
| Que veut dire IIFE ? | JavaScript | Voir |
| À quoi sert une IIFE ? | JavaScript | Voir |
| Qu’est ce que la mémoization ? | JavaScript | Voir |
| Avec quel type de fonction fonctionne la memoization ? | JavaScript | Voir |
| Qu’est que le hoisting ? | JavaScript | Voir |
| Que sont des classes en ES6 ? | JavaScript | Voir |
| Qu’est ce qu’une closure? | JavaScript | Voir |
| Qu’est ce qu’un scope ? | JavaScript | Voir |
| Qu’est ce qu’un module en javascript ? | JavaScript | Voir |
| Quel est le package manager qui nous permet d’installer des modules ? | JavaScript | Voir |
| Où peut-on stocker de la données dans le navigateur ? | JavaScript | Voir |
| Quelle est la différence entre LocalStorage et SessionStorage ? | JavaScript | Voir |
| Quelle est la raison d’utiliser le LocalStorage et SessionStorage ? | JavaScript | Voir |
| Quels sont les avantages des cookies ? | JavaScript | Voir |
| Est-ce intéressant de stocker le token JWT de mon app dans le LocalStorage ? | JavaScript | Voir |
| Qu’est ce qu’une promise ? | JavaScript | Voir |
| Pourquoi utilise t’on des promises ? | JavaScript | Voir |
| Quels sont les trois états d’une promise ? | JavaScript | Voir |
| Qu’est ce qu’une callback function ? | JavaScript | Voir |
| Qu’est ce que le callback hell ? | JavaScript | Voir |
| Qu’elles sont les règles d’or d’une promise ? | JavaScript | Voir |
| À quoi sert un .then ? | JavaScript | Voir |
| Qu’est ce que le promise chaining ? | JavaScript | Voir |
| Dans le cadre des promises à quoi sert le .catch ? | JavaScript | Voir |
| Dans le cadre des promises à quoi set le .finally ? | JavaScript | Voir |
| Peut-on utiliser les promises avec seulement les .then .catch, etc ? | JavaScript | Voir |
| Qu’est ce que le Promise.all, et comment fonctionne t’il ? | JavaScript | Voir |
| Qu’est ce que le mode stricte en javascript ? | JavaScript | Voir |
| Quels sont les avantages du mode strict ? | JavaScript | Voir |
| Quelle est la différence entre null et undefined ? | JavaScript | Voir |
| Qu’est ce que NaN ? | JavaScript | Voir |
| Qu’est ce que le Prevent Default ? | JavaScript | Voir |
| Qu’est ce que setTimeout ? | JavaScript | Voir |
| Qu’est ce que setInterval ? | JavaScript | Voir |
| Que veut dire JSON ? | JavaScript | Voir |
| Le JSON est il du javascript ? | JavaScript | Voir |
| Comment arreter un setInterval ? | JavaScript | Voir |
| Quels structures de données plus rares et modernes peut on trouver en javascript ? | JavaScript | Voir |
| Quelle est la différence entre WeakMap et Map ? | JavaScript | Voir |
| A quoi sert la structure Map ? | JavaScript | Voir |
| Quels sont les avantages de la structure Map ? | JavaScript | Voir |
| A quoi set la structure Set ? | JavaScript | Voir |
| Quels sont les avantages de la structure Set ? | JavaScript | Voir |
| Que sont les templates literals ? | JavaScript | Voir |
| Quel type de données / structure peut t’on stocker dans un objet javascript ? | JavaScript | Voir |
| Que fait cet expression : debugger; | JavaScript | Voir |
| Quel outil directement intégré au langage pouvez vous utiliser pour faire des requêtes HTTP ? | JavaScript | Voir |
| Qu’est ce qu’une ternaire ? | JavaScript | Voir |
| A quoi set Object.freeze ? | JavaScript | Voir |
| Pourquoi utiliser Object.freeze ? | JavaScript | Voir |
| Comment convertir un “1” en Number ? | JavaScript | Voir |
| Qu’est ce qu’un spread operator ? | JavaScript | Voir |
| Qu’est ce qu’un Rest operator ? | JavaScript | Voir |
| Qu’est ce que la destructuration en JavaScript ? | JavaScript | Voir |
| Comment rédiger des commentaires de code utiles en JavaScript ? | JavaScript Documentation | Voir |
| Pourquoi faut-il configurer un linter dans un projet JavaScript ? | Environnement JavaScript | Voir |
| Quel est l’intérêt d’utiliser des scripts npm (ex: npm run ...) ? | Environnement JavaScript | 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 |
| Quels sont les risques d’utiliser des librairies obsolètes dans son projet ? | Sécurité JavaScript | 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 |
| Dans quel contexte emploie-t-on le mot-clé async en JavaScript ? | JavaScript Asynchronisme | 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 |
| Quelle est la différence entre un for...in et un for...of en JavaScript ? | JavaScript Syntaxe | 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 gérer la POO (orienté objet) dans un code JavaScript ES6 ? | JavaScript POO | 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 |