Curso Angular 2 avanzado: Trabajo con APIs [MEGA]

Angular 2 avanzado: Trabajo con APIs

En este curso de Angular 2 avanzado: Trabajo con APIs. Vamos a ver como aprovechar una de las mayores ventajas de Angular

Comprende cómo funciona una API (interfaz de programación de aplicaciones) y cómo controlarla desde Angular, uno de los framework javascript más utilizados y respetados del mundo. Aprende en este curso usando una aplicación real que puedes utilizar como base para tus proyectos personales utilizando Angular 2, famoso en gran parte debido a su facilidad de integración con APIs.

Introducción a Angular 2 avanzado: Trabajo con APIs

Comenzamos el curso conociendo el proyecto final y todas las posibilidades que tenemos de interactuar con Angular y una API REST basada en Node JS y MongoDB. Exploraremos también dónde descargar, configurar y utilizar el código fuente del proyecto.

Presentación del proyecto Angular 2 avanzado: Trabajo con APIs 01:42
Descarga de los archivos base del curso Angular 2 avanzado: Trabajo con APIs 01:08

Preparando el entorno de trabajo

Antes de comenzar a trabajar en el proyecto vas a necesitar instalar y configurar algunos programas y herramientas. En este capítulo vas a aprender todo lo que necesitas para crear esta y cualquier aplicación basada en Angular y Node.

Herramientas de desarrollo 05:31
Instalación de Node JS 02:21
Instalación de TypeScript 03:38
Instalación de Angular 2 CLI 05:24
Instalar MongoDB y las herramientas de visualización 04:43

Creación de una API RESTful

Una API RESTful permite discriminar los diferentes verbos o métodos de HTTP para discriminar sus respuestas y acciones. En esta lección vamos a crear una API de este formato en Node JS para interactuar con nuestra aplicación Angular.

Crear o configurar un servidor local 08:48
Crear la base de datos y modelo 07:13
Manejar rutas estáticas 06:02
Creación de un registro usando llamadas POST 06:34
Depurar y observar resultados con Robomongo y Chrome 07:46
Obtener resultados usando GET 05:02
Borrar resultados usando DELETE 07:55
Actualizar resultados usando UPDATE 08:05
Habilitar CORS en Express.js 05:15

Implementar una aplicación Angular

Después de desarrollar un servidor Node JS para utilizar y procesar llamadas con múltiples métodos de HTTP, vamos a trabajar en la parte visible de nuestra aplicación integrando librerías externas como Bootstrap o Google Fonts, crearemos módulos que comunican datos entre sí y realizaremos una conexión básica a una API externa usando el método GET.

Crear una aplicación y agregar componentes 06:44
Gestionar hojas de estilos, Bootstrap y Google Fonts 05:39
Conectando Angular a la API con https 08:46
Desplegar resultados en una lista 06:07
Inyectar datos a un componente 08:06
Crear una barra de herramientas 04:41

Interactuando con una API REST desde Angular 2

Después de desarrollar un servidor Node JS para utilizar y procesar llamadas con múltiples métodos de https, vamos a trabajar en nuestra aplicación con la interacción de APIs. Usaremos al máximo el módulo https de Angular para ir más allá de las llamadas regulares, y utilizaremos los métodos GET, POST, PUT y DELETE para gestionar datos.