Le DOM (Document Object Model) est une représentation structurée de la page web qui permet aux langages de programmation comme JavaScript de manipuler le contenu et la structure de la page. Il transforme chaque élément HTML en un objet accessible, rendant la page dynamiquement modifiable en temps réel.
| 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 |
| 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 |
| 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 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 |