Want to create interactive content? It’s easy in Genially!

Get started free

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.

Respuesta incorrecta.