WEB 2 - #1 Arquitecturas Web
Summary
TLDREl profesor Franco Strahman presenta la primera clase de 'Web 2', una serie de videos semanales para preparar a los estudiantes para las sesiones en vivo. El objetivo es entender los procesos detrás de la 'magia' de Internet, como la notificación instantánea al dar 'like' en una foto. Se enfatiza la importancia del aprendizaje del backend y el frontend en el desarrollo web, y cómo interactúan a través de la arquitectura cliente-servidor. La clase también tocará el uso de HTTP como protocolo de comunicación y la programación del lado del servidor para generar respuestas dinámicas.
Takeaways
- 😀 El objetivo de la materia Web 2 es entender lo que sucede detrás de las aplicaciones web y cómo funcionan.
- 📚 Se enfatiza la importancia de ver los videos introductorios antes de las clases en vivo para una mejor comprensión.
- 💻 La materia cubre tanto el desarrollo del front-end, que se encarga de la presentación de datos al usuario, como el back-end, que se encarga de la lógica y funcionalidad detrás de la escena.
- 🔍 Se explorará el concepto de la arquitectura cliente-servidor y cómo permite la comunicación entre múltiples usuarios y dispositivos.
- 🌐 La materia se centrará en el aprendizaje de la programación del lado del servidor, esencial para la creación de aplicaciones web dinámicas.
- 📈 Se utilizará el lenguaje Mermaid (ML) para representar diagramas de la estructura de una aplicación web y su comunicación.
- 🌐 HTTP es el protocolo que permite la comunicación y transferencia de información en la web, y será estudiado en la materia.
- 🛠️ La programación del lado del servidor es fundamental para generar respuestas dinámicas en las aplicaciones web.
- 📄 En una arquitectura cliente-servidor, el servidor responde a las solicitudes del cliente, ya sea devolviendo archivos estáticos o invocando aplicaciones web para generar respuestas dinámicas.
- 🔑 El entendimiento de la diferencia entre páginas estáticas y dinámicas es crucial para el desarrollo web moderno.
- 📚 Los estudiantes serán guiados para escribir y entender programas del lado del servidor a lo largo de la materia.
Q & A
¿Quién es Franco Strahman y qué papel desempeña en el video?
-Franco Strahman es uno de los profesores de la materia de Web 2 y es quien presenta la primera clase y los videos introductorios que se subirán semanalmente.
¿Cuál es el objetivo principal de la materia Web 2 según el guión?
-El objetivo principal de la materia Web 2 es enseñar a los estudiantes a entender y desarrollar aplicaciones web dinámicas, incluyendo tanto el frontend como el backend.
¿Qué es lo que se espera que los estudiantes ya conozcan al inicio de la materia Web 2?
-Se espera que los estudiantes conozcan conceptos básicos de HTML, CSS y JavaScript, ya que se menciona que ya los ven con otros ojos y saben que son parte de la web.
¿Cuál es la diferencia entre el frontend y el backend según el guión?
-El frontend es la parte de una aplicación web que se encarga de presentar los datos y interactuar con el usuario, mientras que el backend es lo que ocurre detrás de escena, permitiendo que las aplicaciones sean dinámicas.
¿Qué es la arquitectura cliente-servidor y cómo se relaciona con la web?
-La arquitectura cliente-servidor es un modelo donde un cliente realiza una petición a través de Internet a un servidor, quien luego responde de forma dinámica. Es fundamental para la creación de aplicaciones web multiusuario y multiplataforma.
¿Qué es HTTP y qué función cumple en la comunicación entre cliente y servidor en la web?
-HTTP, o Hypertext Transfer Protocol, es el protocolo que permite la comunicación y transferencia de información en la web. Es como el idioma que utilizan los clientes y servidores para dialogar.
¿Cómo se genera una página estática en una arquitectura de cliente-servidor?
-En una arquitectura de cliente-servidor, para generar una página estática, el cliente solicita un archivo (por ejemplo, index.html) y el servidor lo busca en su sistema y lo devuelve tal cual está.
¿Qué es la programación del lado del servidor y cómo es importante para las páginas dinámicas?
-La programación del lado del servidor, o server-side programming, es el componente principal que permite la generación de contenido dinámico en las páginas web. Es esencial para que las aplicaciones web puedan responder de forma personalizada a las peticiones de los usuarios.
¿Cómo se describe el proceso de comunicación entre cliente y servidor utilizando un diagrama en el guión?
-El proceso de comunicación se describe mediante un diagrama que incluye nodos para los componentes de hardware y software, y una interfaz de punto de entrada para la comunicación. Este diagrama ilustra cómo los clientes y servidores se comunican a través de Internet utilizando HTTP.
¿Cuál es la importancia de entender la estructura cliente-servidor para los estudiantes de la materia Web 2?
-La comprensión de la estructura cliente-servidor es crucial ya que toda la materia de Web 2 se basa en este concepto. Los estudiantes deben entender cómo funciona esta estructura para poder desarrollar aplicaciones web efectivamente.
¿Qué tipo de programas se escribirán durante la materia Web 2 según el guión?
-Durante la materia Web 2, los estudiantes aprenderán a escribir programas del lado del servidor que permitirán procesar las peticiones y generar respuestas dinámicas para las aplicaciones web.
Outlines
👋 Introducción a la Clase de Web 2
El profesor Franco Strathman da la bienvenida a los estudiantes a la primera clase de Web 2, presentando una serie de videos semanales que se subirán para preparar a los estudiantes para las clases en vivo. El objetivo es introducir y profundizar en el desarrollo web, enfocándose en el backend y cómo interactúa con el frontend para crear aplicaciones web dinámicas. Se menciona la importancia de entender el proceso detrás de las acciones en línea, como dar 'like' en una foto y recibir notificaciones instantáneas a nivel mundial.
🌐 Desarrollo Web: Frontend vs Backend
Se profundiza en la diferencia entre el frontend y el backend en el desarrollo web. El frontend se encarga de la presentación de datos y la interacción con el usuario, mientras que el backend maneja las operaciones detrás de escena, permitiendo que las aplicaciones sean dinámicas. La clase se centrará en el backend, pero también se construirán aplicaciones frontend para interactuar con el usuario. Se introduce la arquitectura cliente-servidor y cómo funciona la comunicación entre ellos a través de Internet utilizando el protocolo HTTP. Además, se menciona la importancia de la programación del lado del servidor para generar respuestas dinámicas y cómo se procesan las solicitudes en páginas dinámicas.
Mindmap
Keywords
💡Web 2.0
💡Front-end
💡Back-end
💡Cliente-servidor
💡HTTP
💡Programación del lado del servidor
💡Página estática
💡Página dinámica
💡ML
💡Interfaz
Highlights
La clase de Web 2 es introductoria y se subirá semanalmente para facilitar la comprensión de los temas antes de las clases en vivo.
El objetivo de la materia es entender los procesos detrás de la 'magia' de las aplicaciones web modernas.
Los estudiantes ya tienen conocimientos básicos de HTML, JavaScript y CSS, que se utilizarán en la materia.
Se explorará qué sucede cuando se realiza una acción en la web, como dar 'like' en una foto y recibir notificaciones instantáneas.
La materia enfatiza la importancia de comprender la separación entre front-end y back-end en el desarrollo web.
El front-end es responsable de la presentación de datos y la interacción con el usuario.
El back-end maneja lo que ocurre detrás de escena, permitiendo que las aplicaciones sean dinámicas.
La materia se centrará en el aprendizaje del back-end, pero también se construirán aplicaciones front-end.
Se explicará cómo interactúan el front-end y el back-end en un sistema web a través de la arquitectura cliente-servidor.
La arquitectura cliente-servidor permite que los servidores atiendan múltiples solicitudes de diferentes clientes simultáneamente.
Se profundizará en el concepto de cliente-servidor, que es fundamental para todo el trabajo en Web 2.
Se utilizará el lenguaje ML para representar diagramas que ilustran la interacción entre componentes de hardware y software.
La comunicación entre el cliente y el servidor se realiza a través del protocolo HTTP, que es esencial para la web.
El protocolo HTTP es descrito como el 'idioma' de comunicación entre el cliente y el servidor.
Se abordará cómo se generan las respuestas dinámicas del lado del servidor a través de la programación server-side.
La programación server-side es fundamental para la creación de aplicaciones web dinámicas y sitios.
Se contrastará la generación de páginas estáticas con la de páginas dinámicas y cómo se procesan las solicitudes.
Se enfatizará la importancia de entender el proceso de programación server-side para el desarrollo de aplicaciones web.
Transcripts
hola bienvenidos y bienvenidas a la
primer clase de web 2 yo soy franco
strahman a uno de los profesores de la
materia de este año este es el primero
de una serie de vídeos cortos que vamos
a ir subiendo todos los lunes al aula
virtual la idea de este material es que
actúe de forma introductoria para la
unidad semanalmente más semanal que
usted lo puedan ver en sus casas
tranquilos y que lleguen a la clase en
vivo de los magos de eso de los
miércoles con el tema un poco más
digerido si trabajamos en base a eso es
importantísimo que lo vean ante esas
clases porque esas clases se van a
desarrollar totalmente arriba este
material bueno gustaría comenzar
contando un poco cuál es el objetivo de
la materia que vamos a hacer en web 2
seguramente todos acá que usaron algunos
hoy en día la vida en internet de otra
forma quiere decir con esto que es tan
grande una página de browser en un
celular donde sea y de cierta manera ya
la miran con otros ojos ya saben que hay
html ya saben que hay javascript ya
saben que hay css y todo lo que vimos en
91
pero se habrán preguntado por ejemplo
qué pasa cuando yo doy like en una foto
lista eran por decir una cosa y casi de
forma instantánea al otro lado del mundo
hay una persona que recibe esa
notificación todo eso que pasa ahí atrás
toda esa magia todo lo que pasa atrás de
escena es lo que web 2 intenta hacer
intentar responder y es lo que vamos a
ver en esta materia bien para lograr
entender esto lo primero que tenemos que
tener muy en claro es la primera
separación que existe en el desarrollo
web el front end y el back en el front
en el encargado de presentar los datos
al usuario de interactuar con el usuario
y es lo que existe en sus celulares o en
la computadora del usuario por otro lado
el backend es todo aquello que venimos
hablando es todo lo que ocurre detrás de
escena y es lo que nos permite que las
páginas o las aplicaciones sean
dinámicas obviamente en esta materia nos
vamos a centrar en el backend vamos a
aprender a construir aplicaciones de
back-end pero necesariamente vamos a
también a construir nuestras
aplicaciones front-end para poder
interactuar porque no existe una
aplicación web sin fronteras sin una
capa de presentación al usuario que le
muestre los datos y le permita
interactuar con
cómo interactúan estas dos partes de un
sistema web bueno eso es posible gracias
a algo que se llama arquitectura cliente
servidor en este tipo de arquitectura un
cliente realiza a través de internet una
petición a un servidor el servidor la
recibe y es se encarga de generar una
respuesta de forma dinámica para
devolvérsela el cliente el cliente la
muestra
esta es la forma básica para generar una
página un sitio dinámico fíjense que
estos servidores se están preparados
para atender múltiples solicitudes en la
que a la vez de diferentes clientes
logrando generar aplicaciones web
multiusuario multiplataforma es muy
importante que este concepto se entienda
muy bien porque toda la materia todo b2
trabaja arriba de esto la estructura
cliente de servidor va a ser nuestro
nuevo mejor amigo y a lo largo de la
materia lo vamos a ir profundizando por
eso nos ponemos un poco más teóricos y
vamos a escribir estos mismos diagramas
en un lenguaje que se llama ml en donde
podemos representar lo mismo de una
manera un poco más
fíjense existen nodos que son los
componentes de hardware a los servidores
las computadoras los celulares existen
otros componentes que son los referidos
al software de un sistema nuestra
aplicación web
el navegador de una computadora
este diagrama cíclicamente el anterior
más que por razones obvias se eliminan
los nodos así nos queda un día hablamos
un poco más limpio
bien por un lado tenemos los clientes
por otro lado tenemos el servidor y nos
falta hablar un poco cómo se comunican
ellos dos
este dibujito que está acá es una
interfaz me interesa no es más que un
punto de entrada para de que dos
sistemas se comuniquen de alguna forma
esa comunicación es posible gracias al
famoso protocolo http el protocolo es el
encargado de permitir la comunicación y
la transferencia de toda la información
en la web dicho de una manera muy simple
pero muy muy simple podríamos decir que
es el idioma o la manera en la que
dialogan un cliente y un servidor si
nosotros en web o uno hablamos algo este
protocolo no mucho en esta materia en
web 2 vamos a profundizar lo bastante un
poco más adelante
bien va subiendo tenemos por un lado los
clientes por otro lado escribió
entendemos cómo se comunican las dos
partes a través de internet usando el
protocolo http pero no está faltando
algo muy importante que es saber cómo se
generan estas respuestas dinámicas del
lado del servidor todo eso es posible
gracias a algo que se llama programación
server site o programación del lado del
servidor es el componente principal los
sitios dinámicos esta materia se basa en
entender y generar nuestros propios
programas el lado del servidor
recordemos primero cómo se genera una
página estática en una arquitectura de
cliente servidor este escenario era muy
sencillo porque el cliente realiza la
petición por ejemplo solicita el archivo
contacto html el servidor atiende a esa
solicitud y lo único que hace es ir a
buscar ese archivo a su sistema y
devolverlo tal cual está sin browser
puede mostrarlo en este escenario en la
función del servidor es muy simple y
basta con ir a buscar archivo solicitado
y devolverlo tal cual está
en ricas páginas dinámicas acá la cosa
cambie un poco cuando un cliente realiza
una solicitud de un servidor este mismo
sabe y entiende que lo que están
pidiendo es algo dinámico por lo tanto
invoca la aplicación web es la encargada
de generar esa respuesta dinámica esta
aplicación web convive en el mismo
servidor y en la que nosotros vamos a
escribir para entender esas esas
peticiones y procesar nuestras
respuestas de forma dinámica esa
respuesta no es más que una que te ml
nuevo pero que está generado de forma
dinámica usando archivos que ya existen
y registros en la base de datos una vez
que esa respuesta está terminada está
realizada se vuelve a enviar el servidor
el perdón al cliente y el cliente la
muestra como si fuese un html estático
él jamás se enteró lo que pasó de este
lado todo eso que pasó de este lado del
servidor es lo que se llama programación
server site y es lo que vamos a aprender
a lo largo de esta materia
5.0 / 5 (0 votes)