q1 project | CS - JavaScript Programming, Quizzes of Javascript programming

Class: CS - JavaScript Programming; Subject: Computer Science; University: Pontificia Universidad Catolica del Peru; Term: Forever 1989;

Typology: Quizzes

2015/2016

Uploaded on 06/26/2016

vntgh
vntgh 🇵🇪

1 document

1 / 2

Toggle sidebar

This page cannot be seen from the preview

Don't miss anything!

bg1
TERM 1
1
DEFINITION 1
Introduce yourself :) I built this application called GAME
SIEVE as an easy way to find gaming videos.One of the
definitions of sieve, if you are wondering, is remove
(unwanted items). and thats what this app does through
many search filters.
TERM 2
2
DEFINITION 2
First we can see a user friendly design with an input field and some
trending video game search suggesti ons. 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 c lick 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 subm it it. *click on search
TERM 3
3
DEFINITION 3
After we click on search, we will get results of all the video
games matching the keywords we used.Then we can go
ahead and select any of these result by clicking on them
which will show us the gameplay playlist results. *click on
one of the results
TERM 4
4
DEFINITION 4
The videos are sorted by rating, unles s none of the results have
been rated. We have two main filter s, 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 clic k on
show tags to add some commonly us ed filters like funny and
online. *use the filter /
TERM 5
5
DEFINITION 5
Next we have the option to go back to the main results or search
for a different game. *press back then searc h and click on
result. Now I want to talk about some of the vid eo features. We
can click on expand *click on expand / which will bring up the
theater mode, and we can go on full screen as well.In addition,we
have the previous and next buttonsw hich will allow us tonavigate
through the playlists.*click next then previous
pf2

Partial preview of the text

Download q1 project | CS - JavaScript Programming and more Quizzes Javascript programming in PDF only on Docsity!

TERM 1

DEFINITION 1

Introduce yourself :) I built this application called GAME

SIEVE as an easy way to find gaming videos.One of the

definitions of sieve, if you are wondering, is remove

(unwanted items). and thats what this app does through

many search filters.

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

After we click on search, we will get results of all the video

games matching the keywords we used.Then we can go

ahead and select any of these result by clicking on them

which will show us the gameplay playlist results. *click on

one of the results

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.