JavaScript de Cero a Experto / Proyectos + retos
El cierre: cómo se arma un proyecto de verdad
Dieciséis módulos aprendiendo piezas: variables, funciones, DOM, asincronía, clases, patrones, testing. Este módulo no te enseña sintaxis nueva —te enseña a JUNTARLAS. Vas a construir tres proyectos completos y a resolver los diez retos que te pondrán en una entrevista. Hoy, el método para no quedarte mirando una pantalla en blanco.
El chef que ya sabe cocinar
El método de las cinco preguntas
Ante cualquier app, antes de escribir una línea, respóndete cinco cosas en orden. Sirve para "Mi Bolsillo", para Twitter y para tu portafolio:
Fíjate en el ciclo sagrado de los puntos 4 y 5, el mismo que sembraste en el
módulo 14: los datos son la verdad, el DOM es su espejo. El usuario nunca
edita la pantalla directamente; dispara una operación que cambia el array, y
render() vuelve a dibujar desde cero. Ese patrón —estado central, una
función que pinta, eventos que mutan el estado— es, literalmente, la idea que
sostiene React, Vue y Angular. Lo vas a hacer a mano hoy.
Descomponer: de la montaña a los escalones
Un proyecto entero abruma; una función no. La técnica es partir el problema hasta que cada pieza quepa en tu cabeza:
Y el hábito que te salva: cada pieza, una función con un nombre honesto. Una app de 300 líneas no es intimidante si son 20 funciones de 15 líneas, cada una haciendo UNA cosa que entiendes.
La mentalidad de entrevista
Los diez retos del final son de tipo entrevista, y ahí evalúan algo que no es "¿memorizaste la respuesta?". Evalúan CÓMO PIENSAS:
Vas a resolver cada reto con el mini-runner de tests del módulo 16 midiéndote en vivo: escribes la función, corres los tests, y ves los ✓ aparecer. Esa es la mejor preparación para una entrevista real —y para el trabajo, que es una entrevista que dura años.
Vas a construir una app de lista de tareas. Según el método, ¿cuál es la PRIMERA decisión que debes tomar?
Mini-reto
Practica el método sin escribir código: para una app de "lista de películas
por ver", responde en un papel las cinco preguntas: 1) la frase que la
define; 2) la fuente de verdad (¿qué array de qué objetos?); 3) las
operaciones CRUD; 4) qué pinta el render; 5) qué eventos disparan los
cambios. Si puedes responder las cinco, ya sabes construirla —el resto es
teclear.
Qué sigue
Basta de teoría: a construir. El primer proyecto es el que llevas esperando todo el curso —"Mi Bolsillo" en su forma DEFINITIVA: CRUD completo, edición, filtros, total en vivo y persistencia. La app que junta la mitad de lo que aprendiste, y la primera que podrías mostrar en un portafolio.