Lista de películas recomendadas

Clase 16 de 17 • Curso de API REST con Javascript: Ejemplos con APIs reales

Esteban Charria Muñoz

student•

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

student•

gracias bro

Maria Elsa Tortello Ditta

student•

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

student•

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

student•

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

student•

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

student•

Excelente Curso.

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

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

Gregory Muñoz

student•

Me gustó mucho tu proyecto, quedó fino.

Misael Gomez

student•

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

student•

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

Guadalupe Monge Barale

student•

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

student•

Gracias, me ahorraste una hora de buscar el error jajaja

Ivan Castellanos

student•

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

Gregory Muñoz

student•

Me gustó mucho tu diseño felicidades.

Juan Jose Sepulveda Calderon

student•

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

student•

amo la energia de juanda, excelente profesor...

Jorge Garcia

student•

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

student•

Este curso está en mi top 3

Me encanto 🤩

Diego Vergara

student•

Aquí va el mio, excelente curso.

Ricardo Alfonso Chavez Vilcapoma

student•

¿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?

Juan Castro

teacher•

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

Sebastian Hugo Sanchez

student•

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

student•

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

Carlos Romero

student•

Aqui dejo como va quedando mi version del proyecto:

Demo
Repo

Juan Castro

teacher•

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

Carlos Romero

student•

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

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

Luis Alejandro Vera Hernandez

student•

Excelente curso!

José Antonio De La Paz Fonseca

student•

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

Ricardo Alfonso Chavez Vilcapoma

student•

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

student•

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.

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

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

Lista de películas recomendadas

Presentación del proyecto: PlatziMovies

TheMovieDB: análisis de su API

Bocetos en papel y diseño en Figma

Configuración inicial y maquetación del proyecto

Configuración del entorno de desarrollo

Maquetación del proyecto: HTML y CSS

Consumiendo la API

Lista de películas en tendencia

Lista de categorías

Migración a Axios

Navegación

Location y hash navigation

Mostrando y ocultando secciones

Error: carga duplicada de datos

Views

Filtrando películas por categoría

Retos: scrollTop y DRY

Buscador de películas

Retos: historial de navegación y página de tendencias

Endpoint de detalles de una película

Lista de películas recomendadas

Próximos pasos

Toma el Curso Profesional de Consumo de API REST con JavaScript