NEW
Font size
WorksheetsRenforcement Quizz
Total questions: 40
Worksheet time: 40mins
Quelle est la différence principale entre let et const ?
let crée une variable globale
const ne peut jamais changer de valeur
let permet la réaffectation, const non
const est plus rapide que let
Peut-on modifier un tableau déclaré avec const ?
Non, jamais
Oui, mais on ne peut pas le réaffecter
Oui, on peut changer son contenu mais pas le réaffecter
Oui, mais seulement avec .push()
Que signifie ES6 ?
ECMAScript 5 version 6
ECMAScript Standard
Enhanced Script 6
ECMAScript 2015 (6e édition)
Quelle syntaxe définit une arrow function ?
function() => {}
(param) => {}
(x) => x * x
=> function() {}
Quelle est la différence entre arrow function et fonction classique ?
Les arrow functions sont plus rapides
Les arrow functions ne lient pas leur propre this
Les arrow functions ne peuvent pas avoir de paramètres
Les arrow functions n’utilisent pas return
Comment extraire name et age d’un objet user ?
user.get(name, age)
const name, age = user;
user -> {name, age}
const {name, age} = user;
À quoi sert l’opérateur spread ... ?
À cacher des données
À copier/étendre un tableau ou objet
À trier un tableau
À créer une variable globale
À quoi sert l’opérateur rest ... dans une fonction ?
À copier des variables
À fusionner des objets
À regrouper un nombre illimité d’arguments dans un tableau
À exécuter plusieurs fonctions en même temps
Quelle commande initialise un projet Node.js ?
node init
npm create
npm init -y
node install
Quelle commande exécute app.js avec Node.js ?
node start app.js
node app.js
npm run app.js
start app.js
Que fait .map() ?
Filtre un tableau
Transforme chaque élément d’un tableau et retourne un nouveau tableau
Supprime les doublons
Ajoute un élément à un tableau
Différence entre .filter() et .find() ?
Les deux retournent le même résultat
.find() retourne un tableau, .filter() un élément
.filter() est plus rapide
.filter() retourne tous les éléments correspondants, .find() seulement le premier
Quel code retourne la somme de [1, 2, 3] avec .reduce() ?
arr.reduce(x => x + x)
arr.reduce(a, b => a + b)
arr.reduce((a, b) => a + b, 0)
arr.map(a => a + b)
Comment vérifier si un tableau contient un nombre négatif avec .some() ?
arr.some(x => x > 0)
arr.some(x => x != 0)
arr.some(x => x < 0)
arr.includes(-)
Exemple où .filter() retourne un tableau vide ?
arr.filter(x => x != null)
arr.filter(x => x > 1000)
arr.filter(x => x > 0)
arr.filter(x => true)
Peut-on chaîner plusieurs HOF ?
Oui, toutes les HOF peuvent être chaînées
Non
Oui, mais uniquement .map() et .filter()
Oui, mais ça ne sert à rien
Quelle HOF pour vérifier si tous les éléments respectent une condition ?
.map()
.find()
.every()
.some()
Quelle HOF retourne le premier élément correspondant ?
.filter()
.find()
.map()
.reduce()
Quel code met tous les prénoms en majuscules ?
names.filter(n => n.toUpperCase())
names.map(n => n.toUpperCase())
names.find(n => n.toUpperCase())
names.reduce(n => n.toUpperCase())
Comment compter les éléments > 10 avec .reduce() ?
arr.reduce((a, b) => a + b, 0)
arr.map(x => x > 10)
arr.reduce((count, x) => x > 10 ? count + 1 : count, 0)
arr.some(x => x > 10)
Que signifie SQL ?
Structured Query Language
Structured Question Language
Simple Query Language
System Query Language
Différence entre DDL et DML ?
DDL pour lire, DML pour écrire
DDL définit la structure, DML manipule les données
DDL est plus rapide
DDL est uniquement pour SELECT
Que fait SELECT * FROM users; ?
Supprime tous les utilisateurs
Ajoute des utilisateurs
Modifie la table users
Affiche toutes les colonnes et lignes de la table users
Comment sélectionner name et email dans clients ?
SELECT name email FROM clients;
SELECT name; email FROM clients;
SELECT name, email FROM clients;
SELECT name-email FROM clients;
Quelle clause filtre les résultats ?
ORDER BY
WHERE
FILTER
GROUP BY
Que fait SELECT DISTINCT city FROM clients; ?
Trie les villes
Supprime les doublons dans la table
Affiche toutes les villes y compris les doublons
Affiche uniquement les villes uniques
Comment trier par âge décroissant ?
ORDER age DESC
ORDER BY age
ORDER BY age DESC
SORT age DESC
Quelle instruction limite les résultats ?
LIMIT
TOP
MAX
Les deux (selon le SGBD)
Différence entre = et LIKE ?
Les deux sont identiques
LIKE permet de rechercher un motif avec %
= est plus rapide que LIKE
LIKE sert à trier
Exemple WHERE avec IN
WHERE age IN (18, 20, 25)
WHERE age = 18, 20, 25
WHERE age CONTAINS (18, 20, 25)
WHERE age == (18, 20, 25)
À quoi sert Figma ?
Éditer du code
Gérer des bases de données
Concevoir des interfaces utilisateur
Compiler du CSS
Différence maquette / prototype ?
Aucune
La maquette est interactive, le prototype est statique
La maquette est statique, le prototype est interactif
Les deux sont identiques mais couleurs différentes
Classe Tailwind pour marge externe 1rem ?
m-4
m-1
margin-4
mt-4rem
Classe pour centrer un texte ?
center-text
text-center
justify-center-text
flex-center
Fond bleu en TailwindCSS ?
background-blue
bg-blue
blue-bg-500
bg-blue-500
Différence flex et grid ?
flex pour alignement 1D, grid pour 2D
Aucune
grid est plus rapide
flex pour tableaux, grid pour formulaires
Cacher un élément sur mobile ?
hidden-sm
hidden md:block
mobile-hide
block-md:hidden
Étapes Figma → HTML ?
Découper la maquette, traduire en HTML/CSS
Exporter code CSS direct
Télécharger et coller la maquette
Convertir PNG en HTML
Intégrer Tailwind sans npm ?
Installer Node.js
Compiler CSS
Ajouter le lien CDN Tailwind dans <head>
Installer MySQL
Pourquoi respecter le design system ?
Pour faire joli
Pour éviter les bugs
Pour économiser du code
Pour cohérence visuelle et expérience utilisateur
