F Rick and Morty SPA 【 Proyecto Platzi】Codigo y solucion a problemas 【 Explicacion mas detallada 】 - Samuel Castillo ▷ 【Consultor SEO Guatemala】

Rick and Morty SPA 【 Proyecto Platzi】Codigo y solucion a problemas 【 Explicacion mas detallada 】

 Rick an Morty SPA con Javascript Vanilla, como lo vio en la escuela de JavaScript de Platzi.

rick and morty platzi

Hace algunos dias comente que compraria la suscripcion de Platzi. Mi idea es ver si es cierto que se puede duplicar el salario o como minimo, aprender algo. Este proyecto forma parte de la escuela de JavaScript y se trata de consimir el API de Rick and Morty y crear una Single Page aplication (SPA) usando Webpack y Babel.

Yo contra JavaScript

Como te dije la idea era ver si se podia aprender algo, y este proyecto lo demuestra, la verdad es bastante directo el curso y unicamente te va guiando de principio a fin. Esto es malo si es tu primer curso, pero este aparece ya un poco avanzada la escuela, asi que es bastante facil de seguir y de entender.

Errores en el proyecto de Rick and Morty SPA de Platzi

No se si porque ya habia tomado otros cursos, o porque hice el proyecto despues de ver este curso, pero encontre una forma mas facil de hacer la escucha del Hash, incluso podria funcionar como una especie de Router.

Con el codigo:

const id = window.location.hash.slice(1)
Si colocamos esto para obtener el ID del personaje desde la URL podemos hacer la peticion Fecth al API de Rick and Morty.

Codigo y direccion del Api

  • Como ayuda, te dejo el link del proyecto a funcionando aqui (link).
  • Te dejo el codigo depurado aqui (link)
  • Para darle estilos mas rapidos puedes usar Materializer (link)
  • El link del Api es https://rickandmortyapi.com/api/
  • Para hacer este proyecto debes usar la version REST (aqui la documentacion https://rickandmortyapi.com/documentation/#rest)
  • El objetivo del curso es que aprendas como debes de consultar un API y analizar los datos que nos responde. Puedes intentar el reto con otra API, por ejemplo la de Pokemon.




CONVERSATION