Cursos Empresas Blog Live Conf Eventos Precios

0:007:36

Lista de películas recomendadas

Curso de API REST con Javascript: Ejemplos con APIs reales

Clase 16 de 17

Clase 16 / 17

Comentarios (26)26 comentarios

Esteban Charria Muñoz

Hace 5 años

viendo la documentación de la api la url para las pelis similares es /movie/{movie_id}/similar, ellos dan un aviso que dice que el endpoint de recomendación es diferente, igual muy buen curso, aprendí mucho :3

Juan David Reyes

Hace 4 años

gracias bro

Maria Elsa Tortello Ditta

Muchas gracias Esteban. Resulta que tu comentario fue muy acertado dado que al usar el endpoint que menciona el teacher Juan, no me mostraba la sección de “Películas similares” cuando clickeaba en ciertas películas como “Hustle”. 😄👌🏼

Alejandro Forero Vanegas

Había un pequeño error con el scroll horizontal de las películas relacionadas, consistía en que si entrabamos hacíamos scroll hasta el final de estas películas relacionadas y luego seleccionábamos otra película, este scroll se mantenía hasta el final. La solución que hice fue tomar el contenedor de las películas relacionadas y hacerle lo mismo que al de las clases pasadas.

async function getReleatedMoviesByID(id) {
	const {data} = await api('movie/' + id + '/recommendations');
	const relatedMovies = data.results;

	printMovies(relatedMoviesContainer, relatedMovies);
	relatedMoviesContainer.scrollTo(0, 0);
}

No es mucho pero es trabajo honesto. 👋

David Estiven Aragón Andrade

Muy interesante curso, mi propósito ahora es hacer todo a mi manera, hacer otras peticiones, mostrar más contenido y hacer mi propio diseño. ¡Excelente curso!

Christian Velázquez

Uff!! Me pareció un curso muy bueno. Creo que, lo volveré a repasar antes de hacer el examen e tomar el profesional. Quiero hacer mi propio diseño, y otras cosas. Muy buen curso.

Juan Carlos Rosas Santillán

Excelente Curso.

Les comparto como va quedando el mio, espero les guste.

https://leonardorosas92.github.io/movies-api-rest-js/#home

Gregory Muñoz

Me gustó mucho tu proyecto, quedó fino.

Misael Gomez

Comparto mis anotaciones del curso, si quieres modificarlo solo basta con dar click en Duplicate y tendrás tu propia plantilla

Da click aquí 👉 link:

https://brazen-snapper-c98.notion.site/Curso-Pr-ctico-de-Consumo-de-API-REST-con-JavaScript-218d1c335d71479a8fabf521c0bda4fc

Si quieren modificarlo solo den click en Duplicate

Norma Yamileth Diaz Escobar

Gracias por compartir estos apuntes tan explicados. Están bellísimos.

Guadalupe Monge Barale

Para que no les pase como a mí Algunas pelis no tienen películas relacionadas. Pero el código si funciona ja ja ja Media hs tratando de encontrar el error.

Sebastian Collantes

Gracias, me ahorraste una hora de buscar el error jajaja

Ivan Castellanos

Que gran curso, tremendo de verdad, me encanto.

Aquí les dejo el diseño mobile del que me basé (pendiente desktop): https://www.behance.net/gallery/144941923/OTT-App-Design

Si lo queiren ver en sus teléfonos: https://ivantdev.github.io/movies-api-rest/

Repositorio: https://github.com/ivantdev/movies-api-restZ

Me gustó mucho tu diseño felicidades.

Juan Jose Sepulveda Calderon

No todas las películas tienen películas recomendadas. Estuve un rato intentando averiguar por que no me funcionaba y resulta que en la película que lo estaba probando no tenia otras recomendadas.

William Garcia

amo la energia de juanda, excelente profesor...

Carlos Romero

Hace 3 años

Aqui dejo como va quedando mi version del proyecto:

Demo
Repo

Juan Castro

Profesor

Metiste el iframe de YouTube para los trailers bieeeeen!!!

Siii es facil ya que la misma API tiene un endpoint con los videos.

PD: El profe vio mi proyecto 😲 wiii \o/

Jorge Garcia

DONT REPEAT YOURSELF.... aplique eso y recicle la funcion de fill de peliculas que habia creado para rellenar las peliculas relacionadas... me siento orgulloso pude crear mi pripio sitio sin copiar el codigo y a mi propio gusto

Jonnier Martinez

Este curso está en mi top 3

Me encanto 🤩

Diego Vergara

Aquí va el mio, excelente curso.

José Antonio De La Paz Fonseca

Hace un año

Como se pone de feliz el profe al final jaja, gran curso

Ricardo Alfonso Chavez Vilcapoma

¿Algún lugar o clase o curso donde se puede ver como subiir un proyecto de consumo de api ocultando la api pero que en GITHUB PAGES funcione normal?

En el siguiente curso hablamos del tema: https://platzi.com/cursos/api-profesional/

Sebastian Hugo Sanchez

Yo en lugar de utilizar las peliculas recomendadas, utilice el endpoint movie/${id}/similar, ya que se trata de peliculas similares. Funcionó igual que recommendations con la misma lógica

Henry Alexander Velásquez Rosas

Estaba revisando lo mismo, ya que debemos agregar películas similares, no películas recomendadas 🤔

Luis Alejandro Vera Hernandez

Excelente curso!

Así quedo mi proyecto:

Repositorio: https://github.com/rica999/BROWSER-MOVIES-MOVIEDB GitHub Pages: https://rica999.github.io/BROWSER-MOVIES-MOVIEDB/

Josué Adonay Tobar Rodríguez

Tengo que admitir algo... al inicio no me gustaban las clases del profe JuanDC. Pero tomando este curso me han encantado. Se divierte enseñando, y se nota que le gusta bastante enseñar. Hoy he terminado un buen proyecto, y he aprendido bastante. Muchas gracias por el curso y la dedicación JuanDC.

Lista de películas recomendadas

Progreso del curso

Presentación del proyecto: PlatziMovies

Configuración inicial y maquetación del proyecto

Consumiendo la API

Navegación

Views

Próximos pasos