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.

Comprender como hacer benchmarks de código, profiling u otras técnicas para medir el tiempo que tarda en ejecutar nuestro código.

Técnicas de minificación y optimización para reducir el peso de archivos y aligerar la carga de la web. Herramientas como Lighthouse.

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

Utilización de patrones específicos en problemas bien conocidos de modo que tengamos soluciones seguras y fiables.

Utilización de paquetes nativos de Node para escribir código Javascript de servidor.

Creación de un servidor HTTP y una API haciendo uso de librerías para NodeJS.

Instalación y configuración de un servidor nginx, utilizado en producción comunmente 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.

Aprender la estructura de página de Astro y sus características principales.

Estructura de archivos, rutas y componentes. Uso de props/slots para compartir información.

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

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