You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: Week4/MAKEME.md
+10-14Lines changed: 10 additions & 14 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -6,25 +6,21 @@
6
6
Give yourself (or your neighbor) a little tap on the shoulder, you've made it to JS2! :muscle:
7
7
8
8
## Step 1: Some Challenges
9
-
Let's practise working with Objects and Arrays. Go to FreeCodeCamp and complete all challenges under "Object Oriented and Functional Programming" and the _first four challenges_ under "Basic Algorithm Scripting", up until 'Find the longest word in a string.'
9
+
Let's practice working with Objects and Arrays. Go to FreeCodeCamp and complete all challenges under "Object Oriented and Functional Programming" and the _first four challenges_ under "Basic Algorithm Scripting", up until 'Find the longest word in a string.'
10
10
11
11
## Step 2: Custom challenge
12
-
1. Go to http://www.omdbapi.com/?s=dog and change the word dog in the url to a different common word. You will get as a result, a list of movies with this word in the title. Make sure you get at least 5 results.
13
-
2. You can copy the JSON and put it in a string at the top of your js file. Print the title of the 3rd movie in the array to the console.
14
-
3. Make a ul with a li for each title (just like you did with the books in the previous assignment
15
-
4.Use CSS to divide the page in two columns. The left column will have a list of the titles for each movie. The right column will have all the information listed for each movie.
16
-
5.Replace the "Poster" property with the actual image of the poster. If you do this correctly, in the right column there will be a picture for each movie.
17
-
6.Use the imdbID to create an URL to the IMDB page for that movie (hint: IMDB urls always look like this http://www.imdb.com/title/[imdbId] where [imdbId] would be replaced by the actual Id. If you do this correctly, each movie will have a link to its own IMDB page. Make sure the link opens in a new tab
12
+
1. Go to https://api.github.com/orgs/HackYourFuture/repos, you will see a list of the repositories our HYF organization has (yes it's a lot of JSON).
13
+
2. You can copy the JSON and put it in a string at the top of your `.js` file. Print the name of the 3rd repository in the array to the console.
14
+
3. Make a `<ul>` with a `<li>` for each repository name (just like you did with the books in the previous assignment).
15
+
4.It should only display the modules that are actually being used in the curriculum at the moment, you of course know which those are, but if you need a reminder you can find them in our [curriculum overview](https://github.com/HackYourFuture/curriculum).
16
+
5.Use CSS to divide the page in two columns. The left column will have a list of the names for repository. The right column should have the following information about each repository: the number of `stargazers`, the number of `watchers`, the number of `forks`, the `language` of the repository.
17
+
6.place the `avatar_url` (logo) of our organization somewhere on a nice place in your page.
18
18
19
-
## Step 3:
19
+
## Step 3: Feedback
20
20
21
21
Give one of you fellow students in Github feedback about their code of step two, create an issue in their repo, telling them what they did great and what they can improve.
22
22
23
-
## Step 4: Almost there...
24
-
25
-
Created a function `sortByImdbRating(movies)` to sort the list of movies by IMDB rating.
26
-
27
-
### :boom: Bonus homework :boom:
23
+
<!-- ### :boom: Bonus homework :boom:
28
24
29
25
Replace this function by a generalised version that takes the name of the property (`propName`) to sort on and a number `order` (allowed values 1 or -1, default value = 1) to indicate respectively ascending or descending sort order:
30
26
@@ -46,7 +42,7 @@ movies = sortMovies(movies, 'imdbRating', -1);
46
42
Notes:
47
43
48
44
1. Do not bother to make this work for the `Ratings` property which refers to an object rather than a simple value.
49
-
2. It is not necessary to convert property values containing dates or numbers formatted with embedded commas to facilitate sorting for this challenge (but you're welcome to try). You can leave the value 'as is'.
45
+
2. It is not necessary to convert property values containing dates or numbers formatted with embedded commas to facilitate sorting for this challenge (but you're welcome to try). You can leave the value 'as is'.-->
Copy file name to clipboardExpand all lines: Week5/MAKEME.md
+8-2Lines changed: 8 additions & 2 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -13,8 +13,14 @@
13
13
4. Merge `MyBranch` with the `master` branch
14
14
15
15
### JS
16
+
We are going to continue our github-repo page from last week.
16
17
17
-
1. Extend the `hyf-movies` app with an input element. This is so the user will be able to type in text which will be later used to search the movie database for corresponding movies.
18
+
1. For each repository, show (in the right column) who the contributers are. You will need to use the `contributors_url` for this.
19
+
2. Make all the repositories link their own page in Github. Use the value of the key: `name` to make this work (hint: Github urls always look like this https://api.github.com/repos/HackYourFuture/[repositoryName] where [repositoryName] would be replaced by the actual `name` of the repository, for example `CommandLine`). Make sure the link opens in a new tab.
20
+
21
+
>TODO
22
+
23
+
<!-- 1. Extend the `hyf-movies` app with an input element. This is so the user will be able to type in text which will be later used to search the movie database for corresponding movies.
18
24
19
25
2. Also place a button near the input element. Capture the click even for this button and couple it to a function which grabs the user input from the text field and which initially logs the user input.
20
26
@@ -30,7 +36,7 @@
30
36
31
37
32
38
__Bonus__: Write a function takes this array `['a', 'b', 'c', 'd', 'a', 'e', 'f', 'c']` and returns an array which only has unique values in it (so it removes the duplicate ones). Make it a 'smart' algorithm that could do it for every array (only strings/number). Try to make it as fast as possible!
0 commit comments