Usa `fish` con `tide` o `bash` con `starship`. Si usas Windows, instala antes WSL.

Usar comandos útiles. Imprescindible saber usar comandos como `ls`, `cd` o `cp`.

Usa `vscode` (evita forks al empezar). Asegúrate de tener el comando `code`. No instales mil extensiones.

Obligatorio usar uno. Algunas opciones: KeePassXC, KeePassDX o BitWarden.

Aprende a crear scripts para automatizar comandos y tareas.

Naturaleza de los datos, variables, constantes y ámbito de aplicación.

Estructuras condicionales como `if` o `switch` y bucles o estructuras de control como `for` o `while`.

Uso de funciones para modularizar y organizar código. Parámetros y devolución de valores.

Uso de clases para organizar información. Conceptos de objeto, instancia y herencia.

Otros tipos de datos avanzados como expresiones regulares, fechas u otras.

Instalación y preparación de NodeJS mediante pnpm. Uso de pnpm como gestor de paquetes y de versiones de Node.

Comprender la estructura de carpetas de un proyecto Javascript y configurar y utilizar linters.

Conocer los comandos principales de trabajo con Git y su subida a repositorios de GitHub.

Subir código a GitHub, desplegar una página, crear repositorios y ver PR desde una terminal. Automatizar.

Uso de herramientas y modelos LLM como ChatGPT, Gemini, DeepSeek, Claude, Grok u otras.

Uso de modelos locales LLM como Gemma, Llama, DeepSeek R1, GPT OSS, Qwen u otros a través de Ollama.

Uso de herramientas de inteligencia artificial generativa en el sector de imagen o video. Uso de ComfyUI.

Comprender los modos de uso de la IA, como Vibe Coding, Vibe Learning o la IA agéntica. Entender sus virtudes y riesgos.

Conocer etiquetas HTML simples como `<div>`, `<span>` o `<p>`.

Uso del lenguaje Markdown, muy utilizado para crear información o contenido o para archivos README.md en GitHub.

Conocer y saber usar etiquetas como `<article>`, `<section>` o `<nav>`.

Saber manejar etiquetas como `<datalist>`, `<dialog>` o `<template>`.

Preferir HTML antes que Javascript para construir. HTML-first para lo esencial y básico, Javascript para mejorar UX.

Propiedades y selectores básicos para aplicar estilos. Comprender bien CSS.

Cómo funciona CSS a la hora de construir elementos y darles dimensiones.

Aplicando colores, degradados e imágenes de fondo. Técnicas y estrategias modernas.

Uso básico de tipografías, formatos y técnicas avanzadas para trabajar con ellas.

Selectores avanzados para seleccionar elementos de una página.

Métodos y formas de trabajar con Boolean, Number y String.

Métodos y formas de trabajar con Array, Objetos y estructuras JSON.

Entender bien la diferencia de mutación de datos y datos inmutables. Ordenar e iterar información.

Encadenar métodos y trabajar con datos. Importancia e introducción al pensamiento de forma funcional.

Importación y exportación de módulos Javascript.

Reutilización, organización y separación de lógica para simplificar código y hacerlo mucho más legible.

Módulos que no son Javascript. Import attributes. Otras importaciones. Módulos JSON. Módulos CSS.

Mapas de importación nativos para reutilizar nombres, rutas y carpetas.

Creación de nuestras propias etiquetas HTML para simplificar el desarrollo.

Comprender como adaptar el modelo OOP de clases al sistema de desarrollo con WebComponents.

Adaptación del DOM y plantillas HTML para utilizar en la creación de WebComponents.

Encapsulación del HTML y el CSS para aislar los componentes en un entorno web.

Utilizar CSS en WebComponents. Nuevos mecanismos de estilos adaptados a custom elements y WebComponents.

Conocimiento de la herramienta DevTools de los navegadores. Elementos, Estilos, Network, así como otras herramientas.

Uso de memoria (memory leaks y garbage collector). Uso de tiempo y eficiencia (memoización, hilo principal, renderización). Uso de ancho de banda y transferencia (resource hints, lazy load, tree shaking).

Gestión y uso de paquetes en nuestro proyecto. Evaluar antes de instalar. Limitar tamaño en CI. Dependencias no utilizadas y análisis del bundle.

Técnicas de minificación y optimización para reducir el peso de archivos y aligerar la carga de la web. Medición y análisis.

Uso de testing con Vitest para comprobar el correcto funcionamiento de nuestro código y mejorar su confianza.

Uso de NodeJS. Paso de Javascript de navegador a Javascript de servidor.

Utilización de paquetes nativos de Node para escribir código Javascript de servidor. Módulos del sistema, colorear terminal y parsear argumentos.

Uso de la API de ficheros para entender como funciona NodeJS y como se puede trabajar con ficheros de texto.

Creación de sencillos scripts y apps CLI mediante Node moderno.

Creación de sencillos ejercicios para entender NodeJS: nuestro propio ls, nuestro propio compresor y nuestro propio servidor web.

Realizar peticiones HTTP desde una terminal. Códigos HTTP de error. Cabeceras HTTP.

Creación de una API haciendo uso de Express para NodeJS. Rutas simples y dinámicas. Ejemplo de API sencilla de videojuegos.

Separación en controladores. Validación de datos con zod. Cambiar Express a alguna alternativa como Fastify.

Patrón repositorio para organizar JSON. Creación de una base de datos simple con SQLite para comprender los fundamentos.

Instalación de Astro y sus características principales, así como los primeros pasos.

Estructura de archivos, carpetas, rutas y componentes para crear una página web con Astro.

Creación de componentes en Astro. Estructura de del frontmatter de Astro. Uso de props/slots para compartir información.

Astro permite uso agnóstico, donde sólo utilizas HTML, CSS y Javascript vanilla, apoyándote en la infraestructura de Astro.

Instalación y configuración de un servidor nginx, usado en producción para servir páginas webs de forma rápida y eficiente.

Creación de un VPS en Digital Ocean para alojar nuestra propia página o aplicación web.

Análisis de logs de acceso, así como algunas herramientas para revisar detalles relacionados con la red y los registros.

Configuración de nginx como frontal para servir tanto recursos estáticos (frontend) como un backend en NodeJS.

Astro permite crear layouts para abstraer y generalizar diseños de páginas en un sólo componente general.

Comprendemos como utilizar rutas dinámicas para hacer secciones múltiples que dependen de una base de información.

Astro permite utilizar tu framework preferido (React, Vue o Svelte). Además, puedes usar librerías de terceros como Tailwind u otros.

Resumen, próximos pasos, resolución de dudas y la importancia de seguir aprendiendo.