Execute código no navegador, visualize o event loop e grave os mecanismos na memória. Um instrumento de precisão para preparação de entrevistas.
Criado por @kitsunekode. Baseado em perguntas da Lydia Hallie.
function getAge() {
'use strict';
age = 21;
console.log(age);
}
getAge();Em breve
Crie componentes reais, explore padrões e domine React, com uma IDE Sandpack ao vivo dentro de cada desafio.
Crie componentes reais com uma IDE Sandpack ao vivo. Sem configuração, sem boilerplate, só React e você.
function Counter() { const [count, setCount] = useState(0); return ( <button onClick={() => setCount(c => c+1)} > Clicked {count} times </button> ) }
O ciclo de prática
Padrões
Do javascript-react-patterns da Lydia Hallie, transformados em desafios interativos.
Como funciona
Um ciclo de feedback projetado com precisão para gravar JavaScript avançado na sua memória de longo prazo.
Filtre por tópico, ajuste a dificuldade ou pesquise diretamente um conceito.
Sem espiar. Force-se a se comprometer antes que a explicação seja revelada.
Abra o rascunho. Execute os trechos. Veja a saída imediatamente.
Aprofunde-se na explicação. Desconstrua o event loop e o contexto de execução.
Cobertura
Cobertura abrangente de 9 tópicos principais
54 desafios
47 desafios
35 desafios
35 desafios
16 desafios
13 desafios
13 desafios
10 desafios
7 desafios
Comece com esses desafios populares
function sayHi() { console.log(name); console.log(age);for (var i = 0; i < 3; i++) { setTimeout(() => console.log(i), 1);}const shape = { radius: 10, diameter() {+true;!"Lydia";const bird = { size: "small"};let c = { greeting: "Hey!" };let d;