Usa `bash` con `oh-my-posh` o `starship`. Si usas Windows, se recomienda utilizar WSL.

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

Usa `vscode` (evita forks al principio). Asegurate de tener el comando `code` en tu terminal. Sólo extensiones imprescindibles.

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. Modelo de cajas, colores y tipografías.

Selectores avanzados para seleccionar elementos de una página.

Estrategias de layouts como Flex, Grid y posicionamiento CSS. Responsive Design.

Transiciones suavizadas. Mecanismos modernos de animación. Animación avanzada.

Comprensión de la cascada de CSS. Nuevas herramientas de lógica CSS. 3D y dibujos con CSS.

Tipos y métodos de Boolean, Number y String (primitivos). Array, Objetos y estructuras JSON.

Estructuras de Clases. Uso del this. Herencia. Uso de la orientación a objetos.

Búsquedas y manipulación de HTML desde JS. Uso de CSS con el DOM. Plantillas HTML.

Uso de eventos para detectar comportamientos y sucesos. Técnicas de control. Eventos personalizados.

Importación y exportación de módulos Javascript. Módulos JSON. Módulos CSS.

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

Promesas. Async/await. Promesas en grupo. Consumo de API y peticiones HTTP.

Composición. Búsquedas, ordenación y filtrado. Complejidad (Big O). Optimización.

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.