Los mejores sitios para aprender JavaScript y una hoja de ruta clara

¿Por qué un solo sitio no es suficiente?

JavaScript es un campo que exige a la vez conocer los fundamentos del lenguaje y tener práctica real escribiendo código. Ver solo vídeos o leer solo documentación suele llevar a esto:

• Sabes la teoría, pero no sabes escribir código
• Escribes código, pero no sabes por qué lo haces así

Por eso, la mejor estrategia es usar distintos recursos con distintos objetivos.

1) Las mejores plataformas para empezar

czay.dev — Curso de JavaScript (en turco)

• Curso gratuito en turco, que avanza capítulo a capítulo
• Empieza desde cero; más de 30 capítulos que cubren variables, tipos de datos, funciones, async/await, módulos, rendimiento y los siguientes pasos
• Seguimiento del progreso que puedes marcar al final de cada capítulo
• Quienes lo completan entran en la tabla de clasificación y se comparte en GitHub

¿Por qué es bueno? Antes de pasar a recursos en inglés, construir una base sólida con un recurso en tu idioma aumenta mucho tu velocidad de aprendizaje. En turco hay un gran vacío en formación de software; el objetivo de esta serie es justamente cubrirlo.

Empezar el curso →

freeCodeCamp

• Totalmente gratuito
• Enseña haciendo proyectos
• Entrega certificados
• Ofrece una ruta muy sólida para el nivel inicial

¿Por qué es bueno? Como aprendes haciendo, lo que aprendes se queda más tiempo.

Codecademy

• Tiene una estructura de lecciones interactivas
• Recibes retroalimentación mientras escribes
• Mantiene la motivación alta, sobre todo en las primeras semanas

¿Por qué es bueno? Te da lo que más necesitan quienes empiezan: la comprobación "correcto/incorrecto" al instante.

JavaScript.info

• Explica JavaScript de forma ordenada de principio a fin
• Los temas son limpios y sistemáticos
• Muy útil en la transición del nivel básico al intermedio

¿Por qué es bueno? Aprendes los conceptos conectados, no dispersos.

2) Documentación profesional (imprescindible)

MDN Web Docs

• Una de las fuentes más fiables sobre JavaScript
• Explica con detalle las API, los métodos y el comportamiento de los navegadores
• Se vuelve indispensable a partir del nivel intermedio

W3Schools

• Práctico para mirar ejemplos rápidos y reforzar conceptos básicos
• Gracias a su explicación sencilla, es fácil de seguir para quienes empiezan
• Con su editor "Try it Yourself" puedes probar al instante

¿Cómo usarlo?

• Cuando aprendas un tema, abre la página de MDN correspondiente
• Si ves un tema por primera vez, echa un vistazo rápido en W3Schools
• Copia los ejemplos y modifícalos tú mismo
• Lee siempre las secciones "Parameters", "Return value" y "Browser compatibility"

3) Aprender haciendo proyectos (Game Changer)

JavaScript30

• 30 minoproyectos en 30 días
• Sin frameworks, centrado en JavaScript puro
• Práctica muy sólida con el DOM, los eventos y las API del navegador

¿Por qué es bueno? Te lleva del nivel "lo vi en un vídeo" al nivel "lo hice yo mismo".

The Odin Project

• Ofrece una hoja de ruta para frontend y backend
• Avanza centrado en proyectos reales
• Plantea el aprendizaje como un sistema, no como un curso

¿Por qué es bueno? No solo te explica temas, te enseña a pensar como desarrollador.

¿En qué orden deberías avanzar?

1. Primera semana: afianza la base en turco con el curso de JavaScript de czay.dev
2. Las primeras 4-6 semanas: lleva los temas básicos a recursos en inglés con freeCodeCamp o Codecademy
3. En paralelo: cubre las lagunas de temas con JavaScript.info
4. En cada tema: el hábito de leer la explicación oficial en MDN
5. A partir del 2.º mes: minoproyectos con JavaScript30
6. Siguiente paso: la rutina de proyectos más grandes con The Odin Project

Plan de estudio de 30 días

Días 1-10

• Variables, tipos de datos, condicionales, bucles
• Funciones y scope
• Escribir código 30-60 minutos cada día

Días 11-20

• Métodos de array (map, filter, reduce)
• Objetos, destructuring, template literals
• Manipulación básica del DOM

Días 21-30

• Manejo de eventos
• Trabajo con formularios
• Al menos 2 minoproyectos: una lista de tareas, el tiempo, una app de notas, etc.

Dónde te puedes atascar y cómo resolverlo

"Entiendo los temas, pero no sé escribir código"

Solución: Después de cada tema nuevo, escribe un mini ejemplo de 20-30 líneas. Enfócate en producir, no en consumir.

"Hay demasiados recursos y me disperso"

Solución: Elige como máximo 2 recursos principales a la vez. Usa uno para "aprender" y el otro para "practicar".

"Mi motivación decae"

Solución: Fija el objetivo semanal no como "terminar un tema", sino como "sacar un proyecto".

Conclusión

Bonus: para empezar ahora mismo

Hoy da estos 3 pasos:

1. Termina el primer capítulo del curso de JavaScript de czay.dev y mantén activo el seguimiento del progreso
2. Lee en MDN un método que hayas aprendido hoy y toma notas
3. Refuerza el tema escribiendo un mini archivo JS de 20-30 líneas

Mañana repite el mismo ciclo. La constancia es más poderosa que el recurso.