

Study with the several resources on Docsity
Earn points by helping other students or get them with a premium plan
Prepare for your exams
Study with the several resources on Docsity
Earn points to download
Earn points by helping other students or get them with a premium plan
Class: CS - JavaScript Programming; Subject: Computer Science; University: Pontificia Universidad Catolica del Peru; Term: Forever 1989;
Typology: Quizzes
1 / 2
This page cannot be seen from the preview
Don't miss anything!


TERM 1
DEFINITION 1
TERM 2
DEFINITION 2 First we can see a user friendly design with an input field and some trending video game search suggestions. To search we have 3 options, we can type the name of a game or a keyword in the input field and click search, we can click on one of the titles below and it will automatically search or we can click the search button without writing anything in the input field which will pick a random title from the trending array and submit it. *click on search TERM 3
DEFINITION 3
TERM 4
DEFINITION 4 The videos are sorted by rating, unless none of the results have been rated. We have two main filters, on the first one we can choose if we want our videos to have a voice over commentary or not. *use the filter /The second option we have is to pick the language of the videos *use the filter / and finally we can click on show tags to add some commonly used filters like funny and online. *use the filter / TERM 5
DEFINITION 5 Next we have the option to go back to the main results or search for a different game. *press back then search and click on result. Now I want to talk about some of the video features. We can click on expand *click on expand / which will bring up the theater mode, and we can go on fullscreen as well.In addition,we have the previous and next buttonswhich will allow us tonavigate through the playlists. *click next then previous
TERM 6
DEFINITION 6 So earlier I mentioned that the videos are sorted by rating, for this to be possible I added a rating feature that can be used to rate the channels, helping other users get more accurate results. *use rating Since I wanted this app to look familiar to youtube users, you can hover over the channel name to be able to subscribe to it or go to the youtube channel page. This is available for the Top 5 as well. *hover over channels. TERM 7
DEFINITION 7 -Theres two interesting things I did under the hood. Since theres no backend, when you rate a channel it sends a form to my email through the google mail server containing the name of the channel and the rating that was submitted. With that information I update an array with submitted ratings, then a function loads the information and sorts the results. *go back to first page - When you search, it sends a form to the next page and it ends up on the url, then Im able to grab the values from it to make the ajax call to the IGN API. TERM 8
DEFINITION 8 My biggest challenge was coming up with an idea for this project. After trying different APIs and finding out what kind of data I could get I decided to go with my brothers idea. Another challenge was that after coding for a while, I had so much javascript code that when I tried to go back and change something it was frustrating and time consuming. to solve this I refactored some functions and cleaned up the code.