Quel rôle joue HTML dans une page web ?
HTML définit le contenu et sa structure.
Que contrôle CSS dans une page web ?
CSS contrôle l’apparence et la mise en page.
Quel est le rôle de JavaScript dans le navigateur ?
JavaScript orchestre les comportements dans le navigateur.
Qu'est-ce que le HTML sémantique associe à chaque contenu ?
Une balise correspondant à son rôle.
Quels exemples de balises sémantiques HTML correspondent à une action et une navigation ?
button pour une action et a pour une navigation.
Quels éléments composent une structure HTML5 minimale et lisible ?
doctype html, html lang="fr", head avec charset UTF-8, viewport et title, body avec header, main et footer.
Qu'est-ce que l'accessibilité selon WCAG ?
Rendre une interface perceptible et utilisable.
Quels attributs associent un champ de formulaire à un label explicite ?
Les attributs for et id.
Que doit préciser une erreur dans un formulaire ?
Ce qu'il faut corriger.
Que signifie la hiérarchie en UX ?
Indiquer où l’utilisateur se trouve et ce qu’il doit faire ensuite.
Que signale le feedback en UX ?
Les états hover, focus, chargement, succès, erreur ou vide.
Qu'est-ce que la cascade CSS détermine quand plusieurs règles ciblent un élément ?
La règle appliquée parmi plusieurs ciblant un même élément.
Quel critère fait gagner une règle dans la cascade CSS ?
Le sélecteur le plus spécifique.
Que décrit le box model en CSS ?
L'association d'un contenu, padding, bordure et marge.
Sur quel axe agit justify-content avec Flexbox ?
Sur l'axe principal.
Sur quel axe agit align-items avec Flexbox ?
Sur l'axe secondaire.
Que contrôle la propriété gap en Flexbox ?
L'espace entre les éléments.
Que permet de faire grid-template-columns avec Grid ?
Organiser une mise en page en lignes et colonnes.
Comment définir trois colonnes égales avec grid-template-columns ?
Avec repeat(3, 1fr).
Comment commence le responsive design mobile first ?
Par les styles du petit écran.
Que font les media queries dans le responsive mobile first ?
Elles s'ajoutent lorsque l'espace augmente.
Quelle déclaration JavaScript moderne est utilisée par défaut ?
const est utilisée par défaut.
Que signifie la portée de bloc en JavaScript ?
Une variable déclarée avec const ou let dans des accolades est accessible seulement dans ce bloc.
Quels types primitifs JavaScript inclut-il ?
string, number, boolean, undefined et null.
Quelle différence y a-t-il entre les opérateurs === et == en JavaScript ?
=== compare valeur et type, == autorise des conversions implicites.
Qu'est-ce qu'une fonction en programmation ?
Une fonction reçoit une entrée, effectue un traitement et produit une sortie.
Que renvoie une fonction sans return explicite ?
Elle renvoie undefined.
Quelle opération réalise map sur un tableau ?
Elle transforme les éléments du tableau.
Quelle opération réalise filter sur un tableau ?
Elle conserve les éléments qui vérifient une condition.
Que fait le destructuring en JavaScript ?
Il extrait des propriétés d'un objet ou d'un tableau.
À quoi sert l'opérateur ?. en JavaScript ?
Il accède sans erreur si une propriété intermédiaire est absente.
Que remplace l'opérateur ?? en JavaScript ?
Il remplace uniquement null ou undefined.
Quel est le rôle de JSON dans les échanges front-serveur ?
JSON est le format de données échangé entre le front et le serveur.
Que fait JSON.stringify en JavaScript ?
Il convertit un objet en texte JSON.
Comment reconstruit-on un objet depuis un texte JSON ?
Avec JSON.parse qui convertit le texte en objet.
Quel objectif vise un développement front-end de qualité ?
Un code explicable et maintenable plutôt qu’un simple code qui fonctionne.
Que faut-il vérifier avant de chercher un bug CSS selon le W3C ?
Un titre h1 principal, un ordre logique des titres, les attributs nécessaires et l’absence de HTML inutile ou mal fermé.
Quelle organisation logique des titres est recommandée avant de chercher un bug CSS ?
Un ordre logique des titres.
Quand ARIA doit-il compléter une balise HTML native ?
Lorsque la balise native ne suffit pas.
Quel exemple illustre l'usage d'ARIA pour un bouton ?
aria-expanded pour exposer l’état d’un bouton ouvrant un panneau.
Quels changements de colonnes incluent les patterns responsive ?
Une à deux puis trois colonnes.
Comment évolue la navigation dans les patterns responsive ?
Elle devient un menu compact à partir d'une navigation horizontale.
Que devient une sidebar dans les patterns responsive ?
Elle passe sous le contenu.
Comment s'adaptent les tables dans les patterns responsive ?
Elles deviennent scrollables ou composées de cartes.
Quels tests sont nécessaires pour un responsive fiable ?
À 320 px, sur tablette, desktop, avec zoom et au clavier seul.
Quelles unités et techniques privilégier pour un responsive fiable ?
rem, %, minmax, clamp, images responsives et hauteur de ligne confortable.
Quelles valeurs sont falsy en JavaScript ?
false, 0, "", null, undefined et NaN.
Quelle est la fonction du ternaire par rapport à if ?
Le ternaire produit une valeur, if enchaîne plusieurs actions.
Qu'est-ce qu'une callback en JavaScript ?
Une fonction passée comme valeur à une autre fonction.
Que fait la boucle for…of avec un tableau ?
Elle parcourt directement les valeurs du tableau.
Quand utilise-t-on la boucle for…of plutôt que for classique ?
Quand on n'a pas besoin de l'indice des éléments.
Comment construit-on une chaîne template literal avec interpolation ?
Avec des expressions entre \`...${expression}...\`.
Comment récupère-t-on une réponse JSON avec fetch ?
En appelant await response.json() pour obtenir les données.
Quel est le principal type de données manipulé en front-end ?
Un tableau d’objets pour transformer et afficher des données.
Teste tes connaissances avec un QCM de 21 questions sur Front-end de la structure à l’interactivité.
1. Quel rôle JavaScript joue-t-il principalement dans une page web ?
2. Quel choix correspond à une pratique de qualité en développement front-end ?
Révisez le cours complet dans la fiche de révision de Front-end de la structure à l’interactivité.
Voir la fiche →Importe ton cours et l'IA génère des flashcards en 30 secondes.
Générateur de flashcards