Cuando un proyecto web crece, HTML y CSS dejan de ser suficientes y JavaScript se convierte en el protagonista absoluto. Entender por qué existen herramientas como React, Angular, Vue o Svelte —y en qué momento conviene adoptarlas— es la base para construir aplicaciones web profesionales y escalables.
¿Cuál es la diferencia entre un sitio web y una aplicación web?
Esta distinción es fundamental antes de hablar de cualquier framework. No todos los proyectos web tienen la misma complejidad, y la elección de tecnologías depende directamente de eso.
¿Qué necesita una landing page sencilla?
Un sitio informativo —con datos del negocio, equipo, testimonios, animaciones o dark mode— puede resolverse únicamente con HTML y CSS [0:55]. No hace falta JavaScript si el contenido es estático y no cambia según el usuario.
¿Cuándo entra JavaScript en escena?
Cuando el sitio necesita hacer peticiones a una API, integrar herramientas como Google Analytics o mostrar contenido que varía con el tiempo, JavaScript se vuelve indispensable [2:19]. Aquí incluso puede bastar un mini framework: una herramienta ligera que acelere el desarrollo sin añadir complejidad innecesaria.
¿Qué hace tan complejas a las aplicaciones web?
Una aplicación web tiene una cantidad de páginas que parece infinita y su contenido es dinámico: cambia según el usuario y el momento en que se visita [2:52]. El ejemplo de Platzi lo ilustra bien: el home muestra las últimas clases que cada estudiante vio, la sección de comentarios se actualiza constantemente, los perfiles son únicos y los foros cambian cada pocos minutos [3:05]. Esa variabilidad es lo que separa a una simple página de una aplicación robusta.
¿Por qué los frameworks de JavaScript agilizan el trabajo?
Los frameworks de JavaScript son herramientas diseñadas para que construir aplicaciones complejas sea más rápido y ordenado [1:25]. Aunque técnicamente podrías desarrollar todo con JavaScript puro —y hacerlo es un ejercicio excelente para crecer profesionalmente—, una empresa necesita que la aplicación esté lista en tiempos y costos razonables [1:40].
Una empresa grande, como se menciona a propósito de Platzi, debe tomar decisiones clave [4:38]:
- Arquitectura y tecnologías: qué partes se desarrollan internamente y cuáles se compran a un proveedor.
- Estrategia de renderizado: cómo cargar la página rápido sin generar costos excesivos.
- Elección de framework: no existe un framework universalmente mejor; cada uno encaja de forma distinta según el caso de uso y el negocio [4:55].
- Escalabilidad: la aplicación va a crecer y quien trabaje en ella debe estar preparado para escalar con el proyecto o contribuir cuando se une a un equipo nuevo [5:10].
¿Qué son los componentes y por qué transformaron el desarrollo web?
Otro concepto central que aparece al estudiar frameworks es el de componentes [5:40]. La idea consiste en abstraer las partes de la interfaz que se repiten —un botón, una tarjeta, un menú— y convertirlas en piezas reutilizables. Esta forma de programar impactó profundamente la historia del desarrollo web, porque permite mantener código más limpio, modular y fácil de mantener a medida que la aplicación crece.
Antes de empezar con cualquier framework, es importante dominar los fundamentos de HTML, CSS y JavaScript a un nivel profundo. Si esos conceptos todavía no están claros, conviene reforzarlos primero para que cada herramienta nueva se entienda con solidez y no como una caja negra.
Si alguna vez construiste una aplicación completa solo con JavaScript, comparte tu experiencia en los comentarios: ese tipo de ejercicios son los que más aceleran el aprendizaje.
