Bientôt disponible

Pratique React

Créez de vrais composants, explorez les patterns et maîtrisez React, avec un IDE Sandpack en direct dans chaque défi.

Bientôt disponible

Pratique React

Créez de vrais composants avec un IDE Sandpack en direct. Pas de configuration, pas de boilerplate, juste React et vous.

IDE SandpackReact 19Aperçu en direct

App.tsx

function Counter() {
  const [count, setCount]
    = useState(0);

  return (
    <button
      onClick={() => 
        setCount(c => c+1)}
    >
      Clicked {count} times
    </button>
  )
}

La boucle de pratique

Lire

Construire

Réviser

Patterns

30+ patterns React

À partir de javascript-react-patterns de Lydia Hallie, transformés en défis interactifs.

ContainerHOCCompoundRender PropsCustom HooksObserverProviderProxyPrototypeModuleSingleton+20 de plus

Questions en vedette

Commencez par ces défis populaires

Voir tout (155)

#1Débutant

Quelle est la sortie ?

function sayHi() {
  console.log(name);
  console.log(age);

scopeobjects+1

Pratiquer

#2Débutant

Quelle est la sortie ?

for (var i = 0; i < 3; i++) {
  setTimeout(() => console.log(i), 1);
}

asyncoperators

Pratiquer

#3Débutant

Quelle est la sortie ?

const shape = {
  radius: 10,
  diameter() {

types

Pratiquer

#4Débutant

Quelle est la sortie ?

+true;
!"Lydia";

types

Pratiquer

#5Débutant

Laquelle est vraie ?

const bird = {
  size: "small"
};

types

Pratiquer

#6Débutant

Quelle est la sortie ?

let c = { greeting: "Hey!" };
let d;

objects

Pratiquer

JS Questions Lab

MaîtrisezJavaScript.Unequestionàlafois.

Exécutez du code en navigateur, visualisez la boucle d'événements et mémorisez les mécanismes. Un instrument de précision pour les entretiens.

Créé par @kitsunekode. Basé sur les questions de Lydia Hallie.

demo.js

function getAge() {
  'use strict';
  age = 21;
  console.log(age);
}

getAge();

64 Questions•12 Sujets•100% Gratuit•Open Source•58 Extraits exécutables•

Bientôt disponible

Pratique React

Créez de vrais composants, explorez les patterns et maîtrisez React, avec un IDE Sandpack en direct dans chaque défi.

Bientôt disponible

Pratique React

Créez de vrais composants avec un IDE Sandpack en direct. Pas de configuration, pas de boilerplate, juste React et vous.

IDE SandpackReact 19Aperçu en direct

App.tsx

function Counter() {
  const [count, setCount]
    = useState(0);

  return (
    <button
      onClick={() => 
        setCount(c => c+1)}
    >
      Clicked {count} times
    </button>
  )
}

La boucle de pratique

Lire

Construire

Réviser

Patterns

30+ patterns React

À partir de javascript-react-patterns de Lydia Hallie, transformés en défis interactifs.

ContainerHOCCompoundRender PropsCustom HooksObserverProviderProxyPrototypeModuleSingleton+20 de plus

Comment ça marche

La boucle de pratique

Un cycle de rétroaction de précision conçu pour ancrer JavaScript avancé dans votre mémoire à long terme.

Trouvez une question

Filtrez par sujet, ajustez la difficulté ou recherchez directement un concept.

Engagez-vous sur une réponse

Pas de triche. Forcez-vous à vous engager avant la révélation de l'explication.

Exécutez le code

Ouvrez le bloc-notes. Exécutez les extraits. Voyez le résultat immédiatement.

Comprenez pourquoi

Plongez dans l'explication. Déconstruisez la boucle d'événements et le contexte d'exécution.

Couverture

Maîtrisez chaque concept

Couverture complète de 9 sujets principaux

types

56 défis

objects

55 défis

arrays

32 défis

fundamentals

28 défis

scope

17 défis

operators

14 défis

async

13 défis

prototypes

13 défis

generators

7 défis

let c = { greeting: "Hey!" };
let d;

objects

Pratiquer