Hoy, aprovechando la lluvia que caía en Montevideo, avancé con lo fundamental: HTML, CSS y JavaScript.
Fué la atmósfera perfecta para no solamente sumergirme en lo “básico”, sino porque todo lo que viene después depende directamente de esto.
Quiero construir sobre una base sólida, no sobre cosas que copio y pego de StackOverflow sin noción de lo que estoy haciendo.
Construir sobre una base sólida
Si quiero crecer como desarrollador web, necesito construir sobre fundamentos reales, no sobre fragmentos que copio y pego de internet sin entender.
Mi objetivo es aprender desarrollo web desde cero, pero entendiendo el “por qué” detrás del “cómo”.
HTML: estructura, semántica y accesibilidad
Volví a comenzar por HTML, entendiendo qué significa realmente “Lenguaje de Marcado de Hipertexto” y por qué su estructura es la base de todo el desarrollo Frontend.
Buenas prácticas que realmente importan
- Usar etiquetas correctas según la intención del contenido.
- Comprender qué es la semántica HTML y por qué mejora SEO y accesibilidad.
- Ordenar el documento pensando en experiencia y accesibilidad web.
- Separar estructura de estilo desde el principio.
Lo que aprendí rápido es que HTML no es “marcar texto”.
Es organizar información.
Si esta estructura está mal, CSS y JavaScript se vuelven más difíciles de mantener.
CSS: sistema visual, no decoración
Con CSS descubrí que incluso elementos simples pueden verse bien si entendés su lógica.
El diseño Frontend no es decoración; es un sistema visual coherente.
Lo que me ayudó a mejorar
- Repetir menos código, estructurar más.
- Usar clases con intención.
- Entender el flujo natural del documento.
- Mantener un spacing consistente.
- Separar layout (Flexbox / Grid) de estilo (colores, tipografía).
La mayoría de mis “errores visuales” no eran de diseño:
eran de no comprender cómo fluye el contenido por defecto y pelear contra eso.
JavaScript: lógica, interacción y pensamiento algorítmico
Cuando empecé con JavaScript, sentí que se abría un mundo completamente nuevo en el Frontend.
De golpe tenía herramientas como:
- variables,
- funciones,
- eventos,
- lógica condicional,
- flujo de datos,
- pensamiento algorítmico.
Experimentar con JavaScript me mostró que es el lenguaje de la interactividad.
Y si quiero aprender React, crear APIs con Node.js, o avanzar hacia la ruta Full-Stack, la base está acá.
Por qué es clave para ser Full-Stack
Reforzar JavaScript me va a permitir:
- escalar más rápido,
- entender mejor cómo funciona la web,
- resolver problemas con más claridad,
- dejar atrás el copy/paste de scripts,
- desarrollar pensamiento real de programador.
Mi ruta de aprendizaje: la “Santa Trinidad”
No elegí mal mi camino.
Lo que ya sabía —HTML y CSS— sumado a lo que desconocía —JavaScript— se convirtió en lo que llamo mi Santa Trinidad del desarrollo web:
la base de mi carrera como Full-Stack Developer.
Esto es lo que sostiene todo lo que voy a construir después:
mi portfolio, mis proyectos, mis prácticas, y más adelante, mis frameworks.
Lo que viene
Más adelante voy a publicar un post completo aplicando esta Santa Trinidad para construir un mini proyecto real.
Voy a mostrar cómo se unen HTML + CSS + JavaScript en algo funcional.