No tienes acceso a esta clase

隆Contin煤a aprendiendo! 脷nete y comienza a potenciar tu carrera

C贸mo se conecta el frontend con el backend: API y JSON

4/12
Recursos

Aportes 47

Preguntas 4

Ordenar por:

Los aportes, preguntas y respuestas son vitales para aprender en comunidad. Reg铆strate o inicia sesi贸n para participar.

La uni贸n entre el Frontend y el Backend se hace a trav茅s de una API: Application Programming Interface.

Una API es una secci贸n del backend que permite que el frontend pueda comunicarse con 茅l a trav茅s de mensajes bidireccionales (de ida y vuelta).

Tenemos dos grandes est谩ndares para crear las APIs:

  • SOAP (Simple Objetct Access Protocol): Mueve la informaci贸n a trav茅s de un lenguaje XML (Extensible Markup Language). Es similar al HTML, es un lenguaje demarcado. SOAP es un protocolo que ha quedado en el olvido.
  • Rest (Representational State Transfer): Utiliza otro lenguaje JSON (Javascript Objet Notation). Un JSON no es m谩s que un diccionario de Python. Los diccionarios de Python son lo mismo que los objetos de JS.

T茅rminos hablados en la clase:

API 鈥> Application Programming Interface
SOAP 鈥> Simple Object Access Protocol
REST 鈥> Representational State Transfer
XML 鈥> Extensible Markup Language
JSON 鈥> JavaScript Object Notation

4. C贸mo se conecta el frontend con el backend: API y JSON

Una API es una secci贸n del motor, que permite que el frontend, pueda comunicarse con el backend, y que puedan haber mensajes de ida y vuelta.

No pude evitar agregar esta referencia xD.

Existen dos maneras de comunicarse:

  • SOAP: Single Object Access Protocol, usaba (y sigue usando) **XML (**Extensible Markup Language). Aqu铆 va un ejemplo de XML:
<?xml version="1.0"?>
<note>
	<to>Miguel</to>
	<from>Facundo</from>
	<heading>Recordatorio</heading>
	<body>No olvides publicar el curso!</body>
</note>
  • REST: Representational state transfer.

Vamos a tener que confiar en **JSON (**JavaScript Object Notation)

JSON tambi茅n es conocido como 鈥渦n diccionario de Python鈥, y esto es lo mismo que los 鈥渙bjetos de JavaScript鈥.

Un poco de humor

B谩sicamente API es un sistema de comunicaci贸n entre el Frontend y el Backend.

Por fin conozco que es SOAP y que es REST en muchas ofertas laborales mencionaban esas palabras pero jamas en la vida habia tenido la oportunidad de aprender para que sirven muy buen curso este

Lo de los diccionarios de python me vol贸 la cabeza .

OJO una API une dos piezas de software. NO solo aplica a Backend con Frontend.

siempre pens茅 que json solo era un tipo de archivo

Hay un articulo de Red Hat que menciona las diferencias entre SOAP y REST aqu铆

Un archivo JSON es lo que para Javascript es un objeto y para Python un diccionario.

A si quede -> 馃槷

Me gust贸 ver que ya se hacer Diccionarios en Python solo sabiendo JS xD

Una API es como un puente entre la informaci贸n que existe en un servidor y nuestra aplicaci贸n web. Con este puente, nosotros podemos traer informaci贸n y pintarla en la pantalla.
.
Yo, no hace mucho hice una weatherApp con una API que me pasa cierta informaci贸n y yo solo la pinto en la pantalla
https://github.com/IrvingJuarez/weatherApp

Plugin JSONView para usarlo en el navegador

Estoy un poco sorprendido que no se mencionara GraphQL, hoy en dia se podria decir que los dos estandares son GraphQL y REST
Igual excelente clase, como alguien que aprendio python es incre铆ble ver que JSON es simplemente diccionarios y listas anidados

Como se conecta el frontend con el backend

API y JSON

Se hace a traves de una API (Application Programming Interface). Una API es una secci贸n del backend que permite que el frontend pueda comunicarse con 茅l a trav茅s de mensajes bidireccionales (de ida y vuelta).

  • SOAP (Simple Objetct Access Protocol): Mueve la informaci贸n a trav茅s de un lenguaje XML (Extensible Markup Language). Es similar al HTML, es un lenguaje demarcado. SOAP es un protocolo que ha quedado en el olvido.
  • Rest (Representational State Transfer): Utiliza otro lenguaje JSON (JavaScript Objet Notation). Entonces en que JSON es un formato com煤n para 鈥榮erializar鈥 y 鈥榙eserializar鈥 objetos en la mayor铆a de los idiomas.

Se tienen 2 grandes est谩ndares para la creaci贸n de APIs:

  • SOAP (Simple Object Access Protocol): Mueve la informaci贸n entre Frontend y Backend usando el lenguaje XML (Extensive Markup Language), este lenguaje es muy usado en otras 谩rea de TI, como dise帽o de interfaces de escritorio o m贸viles. Sin embargo, el uso del protocolo SOAP decae cada vez m谩s por una alternativa m谩s eficiente que es REST.
  • REST ( Representational State Transfer): Usa JSON (JavaScript Object Notation) para compatir informaci贸n entre el Frontend y el Backend, su estructura es identica a los diccionarios en Python, esto se debe a que los diccionarios en Python son iguales a los objetos en Javascript. REST utiliza HTTP y sus verbos para su comunicaci贸n.

Definici贸n de los est谩ndares SOAP y REST

Definici贸n del estandar SOAP

Definici贸n y explicaci贸n de JSON

Definici贸n de API

SOAP -> XML
REST -> JSON

Como se conecta el backend con el frontend

API

Est谩ndares para APIs

SOAP (Simple Object Access Protocol)

Rest (Representational State Transfer)

SOAP utiliza XML (Extensible Markup Language), muy parecido a HTML

JSON (JavaScript Object Notation)

Un lenguaje que nos sirve para comunicarnos mediante un frontend y un backend

Los diccionarios de Python son lo mismo que los objetos en Javascript

Vengo de tomar el curso de Git y Github, por lo cual subir茅 mis notas a Github para seguir practicando!
Aqu铆 las de esta clase 馃憞馃徎

https://github.com/mokilin/introbackend/blob/master/api_json.txt

C贸mo se conecta el frontend con el backend: API y JSON

Existen dos grandes estandares para hacerlo que son:

Soap

Simple Objets Acess Protocol o el protocolo simple de acceso a objetos. Este est谩ndar mueve la info entre frontend y backend mediante un lenguaje llamado XML(Extensible Markup Language) muy parecido a HTML, un lenguaje de marcado con una sintaxis especial para poder compartir informaci贸n.

A pesar de esto cada vez queda m谩s en el olvido porque ya hay maneras m谩s eficientes de hacer esto como REST.

REST

Representation State transfer. Adiferencia de SOAP este lo que hace es que transfiere la info por medio de archivos .json (javascirpt object notation). Si ya viste en otros curso los diccionarios en Python son lo mismo que los objetos en Js.

API (Aplication Program Interface). Es una secci贸n del backend que hace posible que se pueda comunicar con el frontend.

Estandares:

SOAP: Simple Object Access Protocol

REST: Representational State Transfer

Json: Es un lenguaje que nos sirve para comunicarnos con un fronted y backend. Se escriben igual que los diccionarios d Python

Creo que por fin entend铆 lo que es un API.
_Es la forma en la que se comunica el Fronend con el backend, para comunicarse necesitan mandarse mensajes algo b谩sico en la comunicaci贸n y para ello utilizan SOAP (ya quedando en el olvido) o REST que utiliza JSON como formato para dichos mensajes.

API


  • Una API es una interfaz que conecta aplicaciones para que compartan informaci贸n

  • Rest es una arquitectura para APIs que se conectan v铆a web mediante el protocolo HTTP

API: Comunica la informaci贸n entre el front y back.
2 estandares para construir API:
1 SOAP ___ XML
2. REST ___JSON

Que clase tan incre铆ble, siendo un diccionario en Python un objeto en JavaScript 馃榿

Tipos de API鈥檚

  • SOAP para XML
  • REST para JSON

API secci贸n del motor que se une tanto con el frontend y el backend para que tengan comunicaci贸n bidireccional.

el xml es igual a como se env铆an los correos electr贸nicos cuando no tiene un programa para gestionarlo

Genial este recurso para combinar de manera perfecta el front con el backend!

Estan buenas las analogias, Facundo nunca decepciona, es en verdad un profesor y no alguien que se pone a hablar delante de una camara.
Tal vez lo unico seria poner mas ejemplos en forma de analogia para captar el concepto intuitivo de mejor manera.

Siempre supe que un JSON era el equivalente a un diccionario de Python y hoy me lo confirm贸 el profe Facundo 馃槑

Union de back con front

SOAP: simple access protocol
鈥揦ML extensible markup Lenguage

REST: representation state transfer
鈥揓SON: Javascript Object Notation

Uno de los frameworks m谩s populares para REST con python es Django REST Frameweork que se utiliza en conjunto a Django.

Siempre escuche del API y que bueno que ahora s茅 lo que hace

SOAP --> se utiliza XML
REST --> se utiliza Json

Clase fundamental鈥

La conexion o uni贸n se realiza con un componente especial de la aplicaci贸n que se llama API (Application Program Interface)