El material de clase de Desarrollo Web en Entorno Cliente. Empieza por JavaScript y el navegador, pasa por TypeScript y termina construyendo aplicaciones con Vue.js y Nuxt. No es una colección de recetas: cada unidad explica el mecanismo que hay debajo, para que sepas por qué el código funciona y qué hacer cuando deja de hacerlo.
La documentación de referencia, como MDN, es excelente cuando ya sabes qué buscar. Lo difícil al empezar es saber en qué orden hay que entender las cosas y cuáles importan de verdad. Este sitio es ese orden: el mismo que seguimos en clase.
Cada unidad se centra en un solo concepto (el DOM, los eventos, las promesas, la reactividad de Vue...) y lo explica con un diagrama, casos resueltos y unas preguntas de repaso al final. La idea es que puedas volver a cualquier tema días después de haberlo visto en clase y reconstruirlo sin ayuda.
Es de acceso libre: no hay registro, ni cuentas, ni nada que vender. Los módulos se irán publicando según avance el curso.
Sabes programar en Java y maquetar con HTML y CSS, pero JavaScript te parece un lenguaje raro: tipos que cambian solos, funciones dentro de funciones y código que no se ejecuta en el orden en que está escrito.
Los módulos de JavaScript empiezan justo aquí.
Has hecho funcionar cosas en el navegador a base de pegar fragmentos, pero no sabrías explicar qué es un evento, una promesa o por qué a veces un dato llega «tarde».
Aquí verás la mecánica que hay debajo.
Vue.js y Nuxt resuelven problemas muy concretos. Si antes entiendes esos problemas, el framework deja de ser magia y pasa a ser una herramienta.
TypeScript, Vue.js y Nuxt se apoyan en todo lo anterior.
Necesitas volver sobre un tema concreto, comprobar si lo tienes claro y encontrar rápido el punto exacto que se te escapa.
Usa el buscador y las preguntas de cada unidad.
No es un sustituto de las clases ni de la documentación oficial de cada tecnología: es un apoyo para entenderlas. Tampoco trata el lado servidor (bases de datos, APIs propias, despliegue de backends), que corresponde a otros módulos del ciclo.
Si buscas un tutorial para montar una aplicación copiando pasos sin preocuparte de por qué, este no es el sitio. Aquí se va más despacio, pero lo que se aprende sirve igual cuando cambie el framework de moda.
Todo lo que ocurre en el navegador: el lenguaje, el DOM, la asincronía, los tipos y los frameworks que lo organizan.
Los módulos siguen el orden de las clases y cada unidad se apoya en la anterior. Puedes saltar a un tema, pero el orden está pensado para que no tengas que hacerlo.
Cada unidad trae su propio diagrama, hecho a medida del concepto que explica: el árbol del DOM, el bucle de eventos, el ciclo de vida de un componente... Se amplían al pulsarlos.
Los conceptos que lo permiten terminan con un caso práctico resuelto paso a paso, con la conclusión destacada.
Unas cuantas preguntas al final de cada unidad, con la respuesta plegada. Si no puedes contestarlas, es la señal de volver atrás.
Marcas las unidades que terminas y el avance se ve en las barras de cada módulo. Se guarda en tu propio navegador: no hay cuenta, ni registro, ni correo que dejar.
El temario entero se puede buscar desde cualquier página, y la barra flotante deja elegir tema claro, oscuro o el del sistema.