Lo que aprenderás para consumir API con Angular

1/23
Recursos

¡Hola! Bienvenido o bienvenida al Curso de Consumo de API rest con Angular. Angular es un gran framework de desarrollo front-end con todo un ecosistema de herramientas que te facilitan el trabajo a la hora de desarrollar una aplicación.

En este curso, aprenderás todo lo relacionado con el consumo de APIs con Angular, utilizando su Cliente HTTP.

Otros temas que vas a explorar

Además de estos conocimientos también profundizarás en los siguientes temas:

  • Buenas prácticas de desarrollo
  • Verbos HTTP
  • Conexión HTTP con API Rest
  • CORS
  • Manejo de ambientes en Angular
  • Autentificación
  • Seguridad y tokens
  • Manejo avanzado de Observables con RxJS
  • Descarga y subida de archivos
  • ¡Y mucho más!

¡Comencemos!


Contribución creada por: Kevin Fiorentino.

Aportes 23

Preguntas 7

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

o inicia sesión.

Hola, este es el repo con el código base en donde lo puedes descargas desde la rama main https://github.com/platzi/angular-APIS

Construyendo el conocimiento que construirá mi futuro.

Vengo de React y en mi trabajo me llamaron para un proyecto con Angular, gracias a estos cursos tuve la confianza para decir que si, vamos con todo!

Para las grandes mentes que verán este curso en un futuro, la manera correcta de instalar el repositorio es la siguiente:
.

  1. Clonas el repositorio de github utilizando Git Clone, si tienes conectada tu llave SSH a github, sería tan fácil como:
$ git clone git@github.com:platzi/angular-APIS.git
  • Recuerda que siempres puedes saber como conectar tu llave de una manera muy facil en el Curso de Git y Github o directamente en la siguiente clase Vinculando nuestra llave SSH en Github
    .
  • De lo contrario, utiliza el método HTTPS que nos ofrece github:
$ git clone https://github.com/platzi/angular-APIS.git
  1. Una vez hayas descargado el repo, ejecuta NPM Install para que se instalen todas las dependencias que serán utilizadas, recuerda que esto debes hacerlo dentro de la carpeta “angular-APIS”.
$ npm init
  1. Una vez instaladas todas las dependencias, debes asegurarte de no tener ninguna vulnerabilidad en el proyecto, de lo contrario tendrás que ejecutar:
npm audit fix
  1. Si esto no arregla las vulnerabilidades, puedes recurrir a:
npm audit fix --force
  1. Y listo! ya tienes tu proyecto a la perfección para poder empezar a programar!
    .

¡Nunca pares de aprender!

Hola, soy nuevo en el tema de angular y git, para clonar el repositorio tube que escoger un sitio en mi computador y escribir:
git clone https://github.com/platzi/angular-APIS.git

Despues de que se clone debemos instalar las dependencias, por lo cual es necesario tener instalado node.js, yo instale la version mas actual del node.js

luego abri, la carpeta en visual studio code y habilite los scripts de windows de la siguiente manera:

abrir el power shell de windows como administrador y escribir : Set-ExecutionPolicy Unrestricted y darle que si

luego regrese a visual studio code, y instale las dependencias con npm install, sin ocurren errores corri npm audix fix , y si aparecen mas npm audix fix --force

luego si aparece un error, como el que me aparecio es por la version de angular que usa el proyecto que es la 12.1, esta toca actualizarla de la siguiente manera

en la terminal escribir :
ng update @angular/[email protected] @angular/[email protected] --allow-dirty --force

si no es suficiente actualizo a la siguiente:
ng update @angular/[email protected] @angular/[email protected] --allow-dirty --force

hasta llegar a la version compatible y listo para verificar corri el comando ng serve -o .

Comencemos este nuevo curso.

Iniciando un nuevo curso de Angular, realmente el manejo de APIs es muy importante para un desarrollador, tengo grandes espectativas.

  1. Ejecutar = npm install
  2. Ejecutar = ng update
    y finalmente
  3. Ejeutar = npm update
  4. Ejecutar
ng update @angular/cli @angular/core @angular-eslint/schematics --allow-dirty --force

La guia de actualizacion de Angular 😄 https://update.angular.io/

Nuevo curso nuevo look todo pinta bien … xd

Tengo node 18 y tuve que actualizar a Angular 13 para que me funcione el proyecto.

3er Curso de mi ruta de Angular 😄

Ya configure mi entorno para poder seguir con las clases 😄!!

¡Here we go!

que buen curso, actualmente estoy haciendo un proyecto similar y creo que puede ayudar bastante

Que emoción seguir aprendiendo todo lo de programación !! 🤩

SIUUUUUUU ACTUALIZADO !!!

Vamos con todo!!!

Muy emocionado 😁

Buen curso

Ya he manejado el HttpClientModule, pero siempre se puede aprender algo nuevo 😃

Si tienen problemas con las versiones, lo más fácil es remplazar el package-lock.json y el package.json de la versión Init por los que se encuentran en la versión main