CodeForge

JavaScript de Cero a Experto / Proyectos + retos

El cierre: cómo se arma un proyecto de verdad

Teoría20 min20 XP

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.