Want to create interactive content? It’s easy in Genially!
ODA 19_U6 Introducción a la programación web con Python
Diana Selene Hernánd
Created on February 20, 2024
Start designing with a free template
Discover more than 1500 professional designs like these:
Transcript
Introducción a la programación web con Python
EMPEZAR
La programación web es una disciplina esencial en la era digital actual, se trata de crear aplicaciones o sitios web utilizando lenguajes de programación donde la mayoría de las interacciones y servicios se realizan a través de la World Wide Web. A continuación, exploraremos los fundamentos de la programación web con Python y aprenderemos a construir aplicaciones dinámicas y atractivas.
Siguiente
Anterior
Herramientas básicas:
Editor de texto: Puedes usar cualquier editor de texto, como VSCode, Atom o Sublime Text, para escribir tu código Python.
Navegador web: Necesitarás un navegador para ver tus creaciones web. Chrome, Firefox, o cualquier otro servirá.
Conceptos básicos de la web:
Presiona sobre los recuadros para ver más información.
HTML, CSS, JavaScript
Frontend y Backend
Siguiente
Anterior
Flask, un framework web en Python:
Ejemplo básico de Flask:
- ¿Qué es Flask? Es un framework web minimalista para Python que facilita la creación de aplicaciones web.
- Instalación: Usa pip install Flask en tu terminal para instalar Flask.
Este código crea una aplicación web simple que muestra "¡Hola, mundo!" cuando accedes a la página principal (/) en tu navegador.
Siguiente
Anterior
Fundamentos de HTTP y la arquitectura de aplicaciones web
Comprender los fundamentos de HTTP y la arquitectura de aplicaciones web es esencial para cualquier desarrollador web. A continuación, encontrarás algunos conceptos que te proporcionarán la base para entender cómo se comunica la información en la web y cómo se estructuran y diseñan las aplicaciones para ofrecer una experiencia fluida a los usuarios.
Fundamentos de HTTP
HTTP es un protocolo de comunicación que se utiliza para la transferencia de información en la World Wide Web. Es un protocolo sin estado, lo que significa que cada solicitud del cliente se procesa de manera independiente sin ninguna conexión anterior.
Presiona sobre los recuadros para ver más información.
Encabezados
Cliente-servidor
Estado de las Respuestas
Método HTTP
Siguiente
Anterior
Arquitectura de aplicaciones web
Presiona sobre los recuadros para ver más información.
Modelo cliente-servidor
Estado y Sesiones
Protocolo y Capas
MVC
API
A continuación, encontrarás un ejercicio que te permitirá reforzar tu conocimiento.
Siguiente
Anterior
Ponte a prueba
Practica lo aprendido sobre la biblioteca asyncio
Comencemos
Toma de referencia la letra de cada concepto y arrastra cada definición al cajón correspondiente. Al finalizar valida tus respuestas.
Mecanismo utilizado para manejar sesiones y estados en aplicaciones web.
Principio fundamental de HTTP donde cada solicitud se procesa de manera independiente.
Código de estado HTTP que indica que el recurso no fue encontrado.
Patrón de diseño que separa la aplicación en Modelo, Vista y Controlador.
Método HTTP utilizado para obtener datos del servidor.
Definición
Concepto
404 Not Found
MVC
GET
Cookies
Protocolo sin Estado
D) Cookies: Mecanismo utilizado para manejar sesiones y estados en aplicaciones web. E) Protocolo sin Estado: Principio fundamental de HTTP donde cada solicitud se procesa de manera independiente.
A) MVC: Patrón de diseño que separa la aplicación en Modelo, Vista y Controlador. B) 404 Not Found: Código de estado HTTP que indica que el recurso no fue encontrado. C) GET: Método HTTP utilizado para obtener datos del servidor.
Siguiente
Solución
Has finalizado esta lección. ¡Felicidades!
Encabezados:
Los encabezados HTTP contienen información adicional sobre la solicitud o la respuesta. Pueden incluir detalles sobre el tipo de contenido, la longitud del contenido, cookies, y más.
Método HTTP:
HTTP utiliza diferentes métodos para definir la acción que debe realizar el servidor, por ejemplo: GET (obtener datos), POST (enviar datos al servidor), PUT (actualizar datos en el servidor) y DELETE (eliminar recursos).
Modelo cliente-servidor:
Las aplicaciones web siguen el modelo cliente-servidor. El cliente es la interfaz de usuario (generalmente un navegador), y el servidor es donde se almacenan y procesan los datos.
API (Interfaz de Programación de Aplicaciones):
Las aplicaciones web modernas a menudo utilizan APIs para permitir la comunicación entre diferentes componentes del sistema. Las API pueden basarse en HTTP y generalmente devuelven datos en formato JSON o XML.
Protocolo y Capas:
HTTP se sitúa en la capa de aplicación del modelo OSI. Las aplicaciones web pueden utilizar otros protocolos en capas inferiores, como TCP/IP. HTTPS (HTTP Seguro) agrega una capa de seguridad mediante el cifrado de la comunicación.
MVC (Modelo-Vista-Controlador):
Muchas aplicaciones web siguen el patrón de diseño MVC para organizar el código. El modelo representa los datos, la vista es la interfaz de usuario y el controlador maneja la lógica y la interacción entre el modelo y la vista.
Frontend y Backend:
El frontend es lo que los usuarios ven (interfaz gráfica), mientras que el backend maneja la lógica y los datos detrás de escena.
Respuesta incorrecta.
HTML, CSS, JavaScript:
Son lenguajes fundamentales para el frontend. HTML define la estructura, CSS da estilo, y JavaScript añade interactividad.
Respuesta incorrecta.
Estado de las Respuestas:
Las respuestas del servidor se clasifican mediante códigos de estado, como 200 OK (éxito), 404 Not Found (recurso no encontrado) y 500 Internal Server Error (error interno del servidor).
Estado y Sesiones:
HTTP es un protocolo sin estado, lo que significa que cada solicitud es independiente. Para manejar sesiones y estados, se utilizan cookies y sesiones del lado del servidor.
Respuesta correcta
Cliente-servidor
En una arquitectura basada en HTTP, la comunicación ocurre entre un cliente y un servidor. El cliente envía solicitudes al servidor para obtener recursos, y el servidor responde con los datos solicitados.