ODA 19_U6 Introducción a la programación web con Python

EMPEZAR

Introducción a la programación web con Python

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

Presiona sobre los recuadros para ver más información.

Navegador web: Necesitarás un navegador para ver tus creaciones web. Chrome, Firefox, o cualquier otro servirá.

HTML, CSS, JavaScript

Frontend y Backend

Conceptos básicos de la web:

Herramientas básicas:

Anterior

Siguiente

Editor de texto: Puedes usar cualquier editor de texto, como VSCode, Atom o Sublime Text, para escribir tu código Python.

Este código crea una aplicación web simple que muestra "¡Hola, mundo!" cuando accedes a la página principal (/) en tu navegador.

Ejemplo básico de Flask:

Flask, un framework web en Python:

Anterior

Siguiente

• ¿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.

Presiona sobre los recuadros para ver más información.

Encabezados

Estado de las Respuestas

Método HTTP

Cliente-servidor

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.

Fundamentos de HTTP y la arquitectura de aplicaciones web

Fundamentos de HTTP

Anterior

Siguiente

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.

Presiona sobre los recuadros para ver más información.

API

Estado y Sesiones

Protocolo y Capas

MVC

Modelo cliente-servidor

A continuación, encontrarás un ejercicio que te permitirá reforzar tu conocimiento.

Arquitectura de aplicaciones web

Anterior

Siguiente

Comencemos

Practica lo aprendido sobre la biblioteca asyncio

Ponte a prueba

Toma de referencia la letra de cada concepto y arrastra cada definición al cajón correspondiente. Al finalizar valida tus respuestas.

MVC

Protocolo sin Estado

404 Not Found

Cookies

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.

GET

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.

Patrón de diseño que separa la aplicación en Modelo, Vista y Controlador.

Método HTTP utilizado para obtener datos del servidor.

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.

Mecanismo utilizado para manejar sesiones y estados en aplicaciones web.

Concepto

Definición

Solución

Siguiente

Has finalizado esta lección. ¡Felicidades!

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.

Encabezados:

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).

Método HTTP:

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.

Modelo cliente-servidor:

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.

API (Interfaz de Programación de Aplicaciones):

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.

Protocolo y Capas:

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.

MVC (Modelo-Vista-Controlador):

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.

Frontend y Backend:

Respuesta incorrecta.

Son lenguajes fundamentales para el frontend. HTML define la estructura, CSS da estilo, y JavaScript añade interactividad.

HTML, CSS, JavaScript:

Respuesta incorrecta.

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 de las Respuestas:

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.

Estado y Sesiones:

Respuesta correcta

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.

Cliente-servidor

Respuesta incorrecta.