Desarrollo web: por dónde empezar cuando partes de cero

Has decidido aprender desarrollo web. Bravo. Ahora abres Google, buscas “cómo aprender desarrollo web” y te caen 50 opiniones diferentes y contradictorias.

“Empieza por Python.” “No, JavaScript.” “Deberías hacer React.” “Olvídate de React, aprende Vue.” “Los frameworks son demasiado pronto, haz HTML puro.”

Resultado: no has escrito ni una línea de código y ya estás agotado.

Esta guía no te va a dar una opinión más. Te va a dar una hoja de ruta clara, en orden, con duraciones realistas — para alguien que parte de cero.

La verdad sobre aprender desarrollo web

Dos cosas que aceptar antes de empezar.

No existe un camino perfecto — solo caminos que funcionan y caminos que te hacen perder el tiempo. Y el desarrollo web se aprende haciendo, no viendo tutoriales. Puedes ver 200 vídeos sin escribir una línea de código: no habrás aprendido nada. Los tutoriales sirven para entender — no para sustituir la práctica.

La hoja de ruta realista: HTML/CSS → JS → Framework

Fase 1: HTML y CSS — Duración realista: 4 a 6 semanas

HTML y CSS no son lenguajes de programación. Son lenguajes de estructura y de presentación. HTML dice “esto es lo que hay en la página”. CSS dice “así es como se ve”.

Lo que debes dominar en la fase 1:

HTML: etiquetas semánticas (<header>, <nav>, <main>, <article>, <footer>), formularios, enlaces, imágenes
CSS: box model, Flexbox, Grid, diseño responsive (media queries), variables CSS
Práctica: recrear la interfaz de sitios existentes desde cero (sin mirar su código)

La trampa de la fase 1: pasarte semanas haciendo CSS sin tocar nunca JavaScript. HTML/CSS es importante, pero es solo la superficie. No te instales ahí demasiado tiempo.

Objetivo de fin de fase 1: eres capaz de programar una página web completa y responsive en 2-3 horas.

Fase 2: JavaScript — Duración realista: 8 a 12 semanas

JavaScript es el verdadero lenguaje de programación de la web. Es el que hace interactivas las páginas, el que se comunica con servidores, el que alimenta el 99 % de los sitios modernos.

Es también la fase donde muchos principiantes abandonan. Porque JavaScript exige entender conceptos de programación — no solo de maquetación.

Lo que debes dominar en la fase 2:

Fundamentos: variables, tipos de datos, funciones, bucles, condicionales
DOM manipulation: interactuar con los elementos HTML desde JavaScript
Asíncrono: fetch, promises, async/await — cómo obtener datos desde una API
ES6+: arrow functions, destructuring, modules, spread operator

La práctica recomendada: construye miniproyectos. Una calculadora. Una lista de tareas. Una app del clima que llame a una API. Cosas sencillas pero completas.

Objetivo de fin de fase 2: entiendes por qué el código JavaScript hace lo que hace, puedes leer código desconocido y puedes construir una app sencilla de principio a fin.

Fase 3: Un framework — Duración realista: 6 a 10 semanas

Un framework de JavaScript (React, Vue, Svelte) es un conjunto de herramientas que te ayudan a construir aplicaciones web complejas más rápido. Es la fase en la que pasas de “hago páginas web” a “construyo aplicaciones”.

¿Cuál elegir?

React: el más demandado del mercado. Muchas ofertas de empleo. Curva de aprendizaje algo empinada al principio.
Vue: más fácil de aprender para principiantes. Menos ofertas pero una comunidad sólida.
Svelte: moderno, elegante, pero todavía poco extendido en las empresas africanas por ahora.

Recomendación si buscas empleabilidad: empieza por React. No porque sea el mejor, sino porque es lo que más contratan las empresas.

Objetivo de fin de fase 3: eres capaz de construir una aplicación web con autenticación, navegación entre páginas y conexión a una API. Puedes mostrar este proyecto en un portfolio.

Los errores que te hacen perder 6 meses

Error 1: El tutorial hell

Ves un tutorial “Build a Netflix Clone in 10 hours”. Sigues cada línea. Cuando termina, no entiendes nada de lo que has hecho. Pasas al siguiente tutorial. Repite.

El tutorial solo sirve si programas al mismo tiempo, y si luego intentas reproducir lo que has aprendido sin mirar. Si no puedes reproducirlo, no lo has aprendido.

Error 2: Aprender sin construir

Sin proyecto personal = sin portfolio = sin trabajo. Cada semana debe terminar con algo que puedas mostrar — aunque sea feo, aunque sea simple.

Error 3: Ignorar los fundamentos para llegar rápido a los frameworks

Si no entiendes el JavaScript básico, no vas a entender React. React no es un atajo — es una capa por encima. Si la base es frágil, todo se derrumba.

¿Cuánto tiempo antes de ser empleable?

De 6 a 12 meses de práctica regular (1 a 2 horas al día) — nada de YouTube, proyectos reales de verdad. A los 6 meses con un portfolio sólido, puedes apuntar a puestos junior o misiones freelance. A los 12 meses, los puestos mejor pagados están a tu alcance. La regularidad es lo que manda: 1h/día durante 12 meses > 8h/día durante 1 mes, y luego nada.

Cómo estructura SAYNA este aprendizaje

El itinerario de Desarrollo Web de SAYNA sigue esta hoja de ruta — pero con ventajas que el autoaprendizaje no te puede dar:

Progresión guiada: nada de preguntarte “¿qué aprendo después?” — el itinerario está estructurado
Feedback de mentores: tu código lo revisan desarrolladores de verdad, no solo se compara con una solución tipo
Misiones reales: en cuanto alcanzas cierto nivel, accedes a misiones remuneradas en proyectos de empresas reales

Es exactamente el modelo “aprender → practicar → ganar” que se describe en este artículo sobre las misiones remuneradas.

Y si quieres saber cómo monetizar tus competencias una vez adquiridas, lee nuestra guía sobre cómo conseguir tus primeras misiones freelance desde África.

Empieza hoy, no el lunes

El desarrollo web es una de las competencias mejor pagadas y más demandadas del continente. Todo el mundo lo sabe. Pero la mayoría de la gente “empieza mañana”. Mañana se convierte en el mes que viene. Dentro de 6 meses, miras las ofertas pensando “debería haber empezado hace 6 meses.”

La hoja de ruta ya está. La formación es accesible. Lo único que falta es una decisión.

¿Listo para escribir tu primera línea de código? Únete a SAYNA gratis y empieza hoy el itinerario de Desarrollo Web.