Ruta para ser desarrollador web: qué aprender para ser programador web y en qué orden

Qué hace un desarrollador web y por dónde empezar

Un desarrollador web construye lo que ves en el navegador (frontend), lo que corre en el servidor y guarda los datos (backend), o ambas cosas (full stack). Al empezar no hace falta elegir especialidad: la base es la misma y las primeras etapas de esta ruta sirven para cualquiera de los tres caminos. Lo que sí conviene decidir pronto es el orden, porque saltarse etapas es la razón más común por la que alguien pasa meses viendo tutoriales sin poder construir nada por su cuenta.

Esta es la ruta que recomendaríamos a alguien que quiere trabajar en un equipo como el nuestro, donde construimos software a medida con Angular, Node.js y AWS. Los tiempos que damos suponen unas diez horas de estudio por semana. Si tienes cinco, duplícalos. Si tienes veinte, no se reducen a la mitad, porque asentar conceptos también necesita días de descanso entre sesiones.

• Frontend: interfaz, interacción y rendimiento en el navegador.
• Backend: APIs, lógica de negocio, autenticación y bases de datos.
• Full stack: las dos capas, algo habitual en equipos pequeños.

Etapa 1: HTML, CSS y cómo funciona la web (4 a 6 semanas)

Empieza por entender qué pasa cuando escribes una dirección en el navegador: una petición HTTP, una respuesta del servidor y un documento HTML que el navegador convierte en página. Con esa idea clara, aprende HTML semántico (encabezados, listas, enlaces, formularios) y CSS hasta poder maquetar con Flexbox y Grid sin copiar y pegar. El diseño adaptable a móviles no es un tema avanzado: acostúmbrate a pensar primero en pantallas pequeñas desde la primera página que hagas.

Un error frecuente aquí es querer saltar rápido a JavaScript porque HTML y CSS parecen fáciles. Lo son para empezar, pero la accesibilidad, los formularios bien hechos y un CSS que no se rompe al agregar contenido son habilidades que se notan en una entrevista técnica y en el trabajo diario.

• Tu página personal con una sección de proyectos, que irás actualizando.
• Una copia de la portada de un sitio que uses, solo con HTML y CSS.
• Un formulario de contacto accesible que se pueda usar solo con teclado.

Etapa 2: JavaScript moderno y Git (8 a 10 semanas)

Es la etapa más larga y la que más rinde después. Aprende variables, funciones, arreglos y objetos, pero dedica tiempo de verdad a lo que suele quedar flojo: el manejo del DOM, los eventos, las promesas con async/await y el consumo de una API con fetch. Si entiendes por qué una función asíncrona devuelve una promesa, vas a diagnosticar en minutos errores que a otras personas les toman una tarde.

En paralelo, aprende Git desde el primer día: crear un repositorio, hacer commits pequeños con mensajes claros, trabajar con ramas y subir tu código a GitHub. Git es también tu historial de trabajo visible. Un perfil con commits constantes durante meses dice más de ti que una lista de certificados.

• Una lista de tareas que guarde los datos en el navegador.
• Un buscador que consulte una API pública y maneje los errores de red.
• Un juego sencillo, como un ahorcado, para practicar estado y eventos.

Etapa 3: TypeScript y un framework de frontend (6 a 8 semanas)

Cuando JavaScript ya no te frena, agrega TypeScript. En proyectos profesionales casi todo el código nuevo de frontend se escribe con tipos, y aprenderlo antes del framework hace que los mensajes de error tengan sentido. Después elige un solo framework y quédate con él hasta construir algo completo: React, Angular y Vue resuelven el mismo problema de formas distintas.

En TintoDev usamos Angular para aplicaciones de negocio grandes porque impone una estructura que todo el equipo respeta, y React aparece en más ofertas de empleo. Cualquiera de los dos es una buena elección. Lo que no funciona es cambiar de framework cada vez que uno se pone difícil: componentes, estado, rutas y formularios son conceptos comunes, y solo se aprenden de verdad cuando insistes en uno.

• Rehacer el buscador de la etapa anterior con componentes y rutas.
• Un panel con login simulado, listados, filtros y formularios validados.

Etapa 4: backend con Node.js y bases de datos (8 a 10 semanas)

Con Node.js usas el mismo lenguaje en el servidor, lo que reduce la carga mental al empezar. Aprende a crear una API REST con rutas, validación de datos, manejo de errores y autenticación con tokens. Entiende también lo que pasa alrededor del código: variables de entorno, códigos de estado HTTP y por qué las contraseñas nunca se guardan en texto plano.

La base de datos merece su propio tiempo. Empieza por una relacional como PostgreSQL y aprende SQL directo antes de usar un ORM: consultas con filtros, uniones entre tablas, índices y transacciones. Un ORM te ahorra escribir consultas, pero si no sabes qué consulta genera, no vas a entender por qué tu aplicación se vuelve lenta cuando la tabla crece.

• Una API para tu lista de tareas, con usuarios y autenticación.
• Un acortador de enlaces que cuente visitas y las guarde en PostgreSQL.

Etapa 5: despliegue y portafolio (3 a 4 semanas)

Una aplicación que solo corre en tu computador no cuenta como proyecto terminado. Aprende a desplegar el frontend y el backend en un servicio en la nube, a configurar un dominio y a leer los registros cuando algo falla en producción. Con lo básico de Docker y de un proveedor como AWS ya tienes ventaja frente a muchos perfiles que están empezando.

Para el portafolio, menos es más: dos o tres proyectos completos y publicados, cada uno con un README que explique qué problema resuelve, qué decisiones tomaste y qué harías distinto. Quien revisa tu perfil suele abrir uno o dos enlaces. Que funcionen y que el código esté ordenado pesa más que la cantidad.

Errores comunes al aprender desarrollo web

El error que más vemos es acumular cursos sin construir nada propio. Un curso te muestra cómo se resuelve un problema que el instructor ya resolvió; un proyecto propio te obliga a tomar decisiones, buscar documentación y equivocarte. Por cada curso que termines, construye algo que no aparezca en su temario.

Los asistentes de IA son útiles para que te expliquen un error o te propongan alternativas, y en nuestro equipo los usamos a diario. El problema aparece cuando generan el código y tú solo lo pegas: avanzas rápido unas semanas y luego no puedes depurar nada. Úsalos como alguien que te explica, no como alguien que escribe por ti.

• Saltar a un framework sin dominar JavaScript.
• Aprender tres frameworks por encima en vez de uno a fondo.
• Dejar Git y el despliegue para el final.
• Esperar a sentirte listo para mostrar tu trabajo.

Cómo elegir un curso para cada etapa

Para cada etapa busca un curso actualizado en el último año o dos, con un temario que incluya proyectos y no solo teoría, y mira la vista previa gratuita para comprobar si el ritmo del instructor te sirve. En las reseñas, lee las recientes: son las que dicen si el contenido sigue vigente. En TintoDev Academy agrupamos los cursos por categoría con ese mismo criterio.

No hace falta un curso para cada tema. La documentación de MDN para HTML, CSS y JavaScript es excelente y gratuita, y las guías oficiales de React, Angular y Node.js están al día con cada versión. Un curso aporta orden y proyectos guiados; la documentación aporta precisión. Lo que mejor funciona es combinar las dos cosas.

Dónde están los cursos

Preguntas frecuentes

¿Cuánto tiempo toma ser desarrollador web?

Con unas diez horas de estudio por semana, completar esta ruta suele llevar entre seis y doce meses. Depende mucho de cuánto practiques fuera de los cursos y de si ya programabas antes. Conseguir el primer empleo puede tardar más, porque también influyen el mercado local y tu portafolio.

¿Necesito un título universitario para ser desarrollador web?

En muchas empresas de software no es un requisito, aunque algunas lo piden. Lo que más pesa en una entrevista técnica es demostrar que sabes construir: proyectos publicados, código ordenado y capacidad de explicar tus decisiones.

¿Es mejor empezar por frontend o por backend?

Empieza por frontend, porque ves el resultado de inmediato y eso ayuda a mantener la constancia. El JavaScript que aprendes ahí te sirve luego en el backend con Node.js. Si después descubres que prefieres los datos y las APIs, puedes especializarte sin haber perdido tiempo.

¿React o Angular para un primer trabajo?

Cualquiera de los dos sirve si lo dominas a fondo. React aparece en más ofertas de empleo, y Angular es común en empresas con aplicaciones de negocio grandes. En TintoDev usamos Angular y lo recomendamos para proyectos con equipos grandes.

¿Puedo aprender desarrollo web solo con cursos en línea?

Sí, siempre que construyas proyectos propios además de seguir los cursos. Los cursos dan estructura y la documentación oficial completa los detalles. Lo que ningún curso reemplaza es enfrentarte a un problema sin solución guiada y resolverlo.