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
Http Basic
Lo que aprenderás para consumir API con Angular
Solicitudes GET
Detalle de producto
Implementando slides
Solicitudes POST
Solicitudes PUT y PATCH
Solicitudes DELETE
Url Parameters / Paginación
Observable vs. Promesa
Reintentar una petición
Buenas prácticas
El problema de CORS
Manejo de ambientes
Manejo de errores
Transformar peticiones
Evitando el callback hell
Auth
Login y manejo de Auth
Manejo de headers
Uso de interceptores
Enviar Token con un interceptor
Creando un contexto a interceptor
Archivos
Descarga de archivos con Http
Subida de archivos con Http
Despedida
Continúa con el Curso de Angular Router y Programación Modular
¡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.
Además de estos conocimientos también profundizarás en los siguientes temas:
¡Comencemos!
Contribución creada por: Kevin Fiorentino.
Aportes 23
Preguntas 7
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:
.
$ git clone git@github.com:platzi/angular-APIS.git
$ git clone https://github.com/platzi/angular-APIS.git
$ npm init
npm audit fix
npm audit fix --force
¡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 .
Los figmas del proyecto:
Mobile: https://www.figma.com/proto/bcEVujIzJj5PNIWwF9pP2w/Platzi_YardSale?node-id=0%3A462&%3Bscaling=scale-down&%3Bpage-id=0%3A1&%3Bstarting-point-node-id=0%3A719
Desktop: https://www.figma.com/proto/bcEVujIzJj5PNIWwF9pP2w/Platzi_YardSale?node-id=12%3A3214&%3Bscaling=scale-down&%3Bpage-id=0%3A998&%3Bstarting-point-node-id=5%3A2808
Comencemos este nuevo curso.
Iniciando un nuevo curso de Angular, realmente el manejo de APIs es muy importante para un desarrollador, tengo grandes espectativas.
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
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?
o inicia sesión.