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

midudev

Resumen

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.

Capítulos

  1. 0:06Introducción y Herramientas de Dev
  2. 1:30Uso de DevTools
  3. 1:57Panel Network
  4. 2:45Arquitectura Web y Peticiones
  5. 5:30Status Codes
  6. 7:25Desactivar la caché
  7. 9:54Manipulación del DOM
  8. 10:14Definición del DOM
  9. 15:40Selectores en consola
  10. 18:42Inner HTML vs Text Content
  11. 27:11Ciclo de vida de peticiones
  12. 30:33Prioridad de recursos
  13. 40:12Formularios y Peticiones Asíncronas
  14. 40:44Uso de POST
  15. 45:44Redirecciones servidor
  16. 46:49Ajax y asincronía
  17. 56:45Evolución de Frameworks
  18. 57:37El caso de jQuery
  19. 1:03:24React como estándar
  20. 1:06:09Opciones emergentes
  21. 1:08:07Desarrollo FullStack
  22. 1:08:33JavaScript en ambos lados
  23. 1:08:57Entorno Node.js
  24. 1:10:35TypeScript y el futuro

Temas tratados

  • 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

Extracto de la transcripción

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…