Definición de JSON y API Rest

Clase 55 de 67 • Curso de HTML5 y CSS3 2015

Clase anteriorSiguiente clase

Resumen

Repositorio del Curso:

Github

Descarga los Archivos de esta clase:

Descarga

Yeraldin Acevedo Acevedo

student•

Poseo problemas.. no entiendo nada jejej

J. Carlos Salgado

student•

¿En que curso, nos enseñan a generar un API REST?

José de Jesús Uscanga Molina

student•

en los cursos de backend

Brandon Lecklerh Solarte Melenje

student•

El profesor tiene un blog y en este hay un post de como hacer un API REST CON NodeJs, Express y MongoDB, https://carlosazaustre.es/blog/como-crear-una-api-rest-usando-node-js/

Jhon Carlos Colorado Angulo

student•

Claro de lo Api Rest. Thanks

Dante Jauregui Yallico Jauregui Yallico

student•

Chicos una consulta, cuando habla aqui de API REST es lo mismo que cuando se usan los APIs de Facebook o Instagram, etc ????
Qusiera saber si se refiere al mismo concepto de API :)

Yesid Ghisays

student•

Tengo entendido que una API es un conjunto librerias, funciones o metodos, por ejemplo la API DirectX que se usa para los videojuegos tiene una serie de instrucciones para que tu pc corra los juegos.

Cristian Vega

student•

Si es lo mismo concepto amigo imaginemos que nosotros creamos una api rest de un producto onnline y luego otros desarrolladores lo quieren usar, pues la api tiene una serie de funciones que programemos para que otros las puedan usar asi como decias lo de facebook y tambien sirve para ser consumidas desde clientes asi como lo que explicaba carlos de que se pueda tener un backend y desde varios clientes "dispositivos moviles" se consuma el servicio y este mismo realiza una función que ya fue programada

Ándres Vergel

student•

Una consulta no entiendo muy bien cuando hablan de una API externa, Cuales osn las externas y cuales no?....

Juan Pablo Betancur Sanchez

student•

Buenas tardes amigo, primero que es una api, una api es una interfaz de programación, es el conjunto de procedimiento, sub rutinas, métodos que ofrece cierta biblioteca para ser usado por un software, esta es la definición técnica de api pero una api rest es un conjunto de servicios para intercambiar datos entre aplicaciones voy a poner un ejemplo, tu creaste un software de facturación donde puedes consultar los productos, consultar los clientes, actualizar la factura, generar una nueva factura, descargar el inventario, etc. Estos métodos se comunican con una base de datos para ejecutar su cometido o la función para la cual fueron desarrollados pero estos solo funcionan a nivel de tu aplicación, digamos que tienes un cliente que quisiera saber cuantas facturas le hemos realizado y de que productos con tu api tradicional no lo podrías realizar por que esto esta a nivel local donde esta instalada su aplicación y adicional es tu código que no quieres que nadie sepa como lo implementaste, acá es donde entran a jugar la api rest la api rest nos sirve para publicar cierto servicios o cierta funcionalidad a nivel público a través de una url sin que sepa el usuario final como fue creada toda la aplicación. Por ejemplo puedo tener un servicio que se llame http://miweb.com/facturacion/id_cliente donde el id del cliente es su identificación, al este pasarme este parámetro mi api rest externa devolverá un mensaje en formato de json con todas la factura de este cliente, adicionalmente esto puede ser mas seguro, si exijo que me envié otros parámetros de seguridad para garantizar que solo el me pueda enviar lo datos como tokens de autentificación, pero volviendo al ejemplo esa parte sería mi api externa la funcionalidad consultar factura, pero mi api interna registrar facturas no la expongo por que solo yo estoy interesado en registrar mis facturas, en resumen una api externa es una api rest que expone cierta funcionalidad a través de una url y devuelve un mensaje en formato json con la información que necesita.

Definición de JSON y API Rest

Bienvenidos

Materiales

Descarga el código del proyecto

Introducción a HTML5 y CSS3

Preguntas antes de la clase

Diferencias entre Backend y Front-end

¿Qué es un Frontend?

¿Qué es HTML y CSS?

Semántica en HTML5

Metodología BEM

Introducción a CSS I

Introducción a CSS II

Developer Tools en navegador I

Developer Tools en navegador II

Preguntas Y Respuestas

Selectores CSS y flexbox

Preguntas antes de la clase

Flexbox

Imports en CSS

Retícula

Selectores en CSS y Pseudo selectores

Páginas internas

Preguntas y respuestas en clase

Listas Ordenadas, Float y Display

Preguntas antes de la clase

Listas ordenadas

Float y display

Preguntas y respuestas en clase

SASS y workflow profesional

Status HTTP

Counter Increment y pseudoSelectores

Textos y estilos con CSS3 Parte I

Textos y estilos con CSS3 Parte II

Animaciones con CSS

SASS

Preguntas y respuestas en clase

Contenido complementario

¿Por qué tu sitio web es tan lento?: Carga de navegadores

Preprocesadores CSS

Dibujando con CSS

Cómo acceder a la cámara de un dispositivo con la API de HTML5

Cómo crear filtros en CSS

Reticulas en CSS

Proyecto: Creando un App de Clima

HTML, CSS básico y uso de selectores

Estructura y etiquetas en HTML

Introducción a CSS

Selectores en CSS

Atributos del Selector

Selectores de Atributo

Sesión de preguntas y respuestas

Metodología BEM en HTML5 y CSS3

Float vs Display

Unidades de medida

Metodología BEM

Pseudo selectores

Sesión de preguntas y respuestas

CSS y workflow profesional

Progressive Enhancement

Fuentes y tipografías web

Responsive Media Queries

Imagenes Responsive y Retina

Preprocesadores CSS y SASS

Herramientas

Conceptos Básicos de JS y JQuery

Bases de desarrollo web moderno

Definición de JSON y API Rest

¿Qué es JSON?

DOM, BOM, JSON, AJAX

DOM: Document Object Model

Etiqueta Template en HTML5

Geolocation

Closures, Jquery y Local Storage en nuestra aplicación

Closures

Introduccion a GIT

Conectando con API Externa

Inyectando Datos en nuestro template

Añadiendo más ciudades a nuestra app

Guardando datos en LocalStorage