🧑‍💻 Presentación del curso y Fundamentos del Desarrollo Web - Bootcamp FullStack Gratuito

Summary

Este vídeo sirve como introducción a un bootcamp FullStack gratuito, centrándose en los fundamentos de cómo funciona realmente la web. A través de Chrome DevTools, se analiza el ciclo de vida de las peticiones HTTP, la estructura del DOM y la importancia de la caché. Se explica la diferencia técnica y de experiencia de usuario entre aplicaciones web tradicionales con formularios (que recargan la página) y las Single Page Applications (SPA), donde JavaScript gestiona dinámicamente el contenido y la navegación.

Topics covered

• Herramientas de desarrollo
• Fundamentos de HTTP y Request
• DOM y manipulación de elementos
• JavaScript y librerías
• Diferencias SPA vs Tradicional
• Ecosistema FullStack
• Fatiga de JavaScript

Transcript excerpt

Para empezar sobre el desarrollo web, yo creo que lo mejor y justamente en el bootcamp revisar cómo funciona una página web para entender las diferentes partes que componen una página web, ¿vale? ¿Qué es lo que realmente hace una página web? ¿Qué es lo que crea una página web cuando entramos? ¿Qué está ocurriendo? ¿Okay? Así que en este caso, antes de empezar a programar, hoy vamos a hablar de los fundamentos de las aplicaciones web. Y para eso vamos a ver diferentes cosas, cuando se hacen request, cuando, por ejemplo, se crea el árbol de elementos, que es el árbol de elementos, qué diferentes lenguajes son los que componen una página web, ¿vale? Y cómo podemos ver justamente esto, ¿vale? Entonces, lo que vamos a ver para empezar es comentaros cómo podemos inspeccionar las páginas web. Así que, como veis, vamos a empezar de una forma eh desde abajo, ¿vale? Para cosas básicas y para que t…