From 82ab2f34be9bd92e7c6ae2b7a4615e354d174d41 Mon Sep 17 00:00:00 2001 From: Mattias Lundberg Date: Fri, 5 Jul 2019 13:33:42 +0200 Subject: [PATCH 1/2] Make link properly clickable --- Week1/MAKEME.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/Week1/MAKEME.md b/Week1/MAKEME.md index eed3987c8..0476a98b1 100644 --- a/Week1/MAKEME.md +++ b/Week1/MAKEME.md @@ -32,7 +32,7 @@ Figure 1 below shows an example of what your application could look like. Note t Figure 1. Example User Interface using [Material Design](https://material.io/guidelines/) principles. -A live version of this application can be found here: http://hyf-github.netlify.com/ +A live version of this application can be found here: [http://hyf-github.netlify.com/](http://hyf-github.netlify.com/) ### 1.2 The GitHub API From 8196accc6900ad1628f730a94ad4094b1624c953 Mon Sep 17 00:00:00 2001 From: Mattias Lundberg Date: Fri, 5 Jul 2019 13:34:13 +0200 Subject: [PATCH 2/2] HYF -> FooCoding --- Week1/MAKEME.md | 18 +++++++++--------- Week3/MAKEME.md | 2 +- homework/App.js | 4 ++-- homework/index.html | 41 +++++++++++++++++++++-------------------- homework/index.js | 4 ++-- homework/index2.html | 2 +- 6 files changed, 36 insertions(+), 35 deletions(-) diff --git a/Week1/MAKEME.md b/Week1/MAKEME.md index 0476a98b1..e779e2405 100644 --- a/Week1/MAKEME.md +++ b/Week1/MAKEME.md @@ -19,7 +19,7 @@ _This homework is more extensive and challenging than previous homework! Please You are going to write a _Single Page Application_ (SPA) that uses the [GitHub API](https://developer.github.com/guides/getting-started/). -This application should display information about the available [HYF GitHub repositories](https://github.com/hackyourfuture). The functionalities we would like to see in your application are as follows: +This application should display information about the available [FooCoding GitHub repositories](https://github.com/foocoding). The functionalities we would like to see in your application are as follows: - The user should be able to select a repository from a list of available repositories. - The application should display high-level information about the selected repository and show a list of its contributors. @@ -36,15 +36,15 @@ A live version of this application can be found here: [http://hyf-github.netlify ### 1.2 The GitHub API -#### 1.2.1 Get a list of HYF repositories +#### 1.2.1 Get a list of FooCoding repositories -You can fetch a list of HYF repositories through this API endpoint ([What is an API Endpoint?](https://teamtreehouse.com/community/what-is-an-api-endpoint)): +You can fetch a list of FooCoding repositories through this API endpoint ([What is an API Endpoint?](https://teamtreehouse.com/community/what-is-an-api-endpoint)): ``` -https://api.github.com/orgs/HackYourFuture/repos?per_page=100 +https://api.github.com/orgs/foocoding/repos?per_page=100 ``` -If you open this URL in the browser (_try it!_) you will receive JSON data about the available HYF repositories. This is the data that you will need to work with in this assignment. +If you open this URL in the browser (_try it!_) you will receive JSON data about the available FooCoding repositories. This is the data that you will need to work with in this assignment. Note the query string `?per_page=100` in the above URL. If you don't specify this query string you will only get the first 30 repositories (the default `per_page` is 30). HackYourFuture has more than 30 repositories but less than 100. @@ -62,7 +62,7 @@ You can find detailed information about the GitHub API by means of the link list ### 1.3 Coding Style -In this homework we will be introducing a preferred coding style and supporting tools to help you write _"clean code"_. A number of popular [_JavaScript Style Guides_](https://codeburst.io/5-javascript-style-guides-including-airbnb-github-google-88cbc6b2b7aa) have recently emerged of which the one developed by [Airbnb](https://github.com/airbnb/javascript) has been chosen for this homework and is recommended for subsequent use during the HYF curriculum. It is documented here: +In this homework we will be introducing a preferred coding style and supporting tools to help you write _"clean code"_. A number of popular [_JavaScript Style Guides_](https://codeburst.io/5-javascript-style-guides-including-airbnb-github-google-88cbc6b2b7aa) have recently emerged of which the one developed by [Airbnb](https://github.com/airbnb/javascript) has been chosen for this homework and is recommended for subsequent use during the FooCoding curriculum. It is documented here: - [Airbnb JavaScript Style Guide](https://github.com/airbnb/javascript) @@ -146,10 +146,10 @@ _**Do not change or delete any files outside of the `homework` folder!**_ | `createAndAppend` | A utility function for easily creating and appending HTML elements. | | `main` | Contains the start-up code for the application. | - `index.js` also contains a constant with the URL for the HYF repositories as listed in section 2.2.1: + `index.js` also contains a constant with the URL for the FooCoding repositories as listed in section 2.2.1: ```js - const HYF_REPOS_URL = 'https://api.github.com/orgs/HackYourFuture/repos?per_page=100'; + const REPOS_URL = 'https://api.github.com/orgs/foocoding/repos?per_page=100'; ``` 3. Open the `index.html` file in your browser. Notice that it produces the same JSON output that you saw previously when you opened the URL directly in the browser. @@ -162,7 +162,7 @@ The assignment is to produce an application similar to the one illustrated in Fi It should include the following components: -1. An HTML `select` element from which the user can select a HYF repository. This `select` element must be populated with `option` elements, one for each HYF repository. +1. An HTML `select` element from which the user can select a FooCoding repository. This `select` element must be populated with `option` elements, one for each FooCoding repository. 2. A left-hand column that displays basic information about the selected repository. 3. A right-hand column that displays a list of contributors to the repository. diff --git a/Week3/MAKEME.md b/Week3/MAKEME.md index ab57382f2..df6d0eac9 100644 --- a/Week3/MAKEME.md +++ b/Week3/MAKEME.md @@ -69,7 +69,7 @@ The `App.js`, `Repository.js` and `Contributor.js` files each contain skeleton c _Read:_ -- HYF fundamental: [ES6 Classes](https://github.com/HackYourFuture/fundamentals/blob/master/fundamentals/oop_classes.md#es6-classes) +- FooCoding fundamental: [ES6 Classes](https://github.com/foocoding/fundamentals/blob/master/fundamentals/oop_classes.md#es6-classes) - More on ES6 classes: [ES6 Classes in Depth](https://ponyfoo.com/articles/es6-classes-in-depth) #### 2.2.3 ARIA-compliance (BONUS) diff --git a/homework/App.js b/homework/App.js index 32b71e34b..5f81a47a1 100644 --- a/homework/App.js +++ b/homework/App.js @@ -76,6 +76,6 @@ class App { } } -const HYF_REPOS_URL = 'https://api.github.com/orgs/HackYourFuture/repos?per_page=100'; +const REPOS_URL = 'https://api.github.com/orgs/foocoding/repos?per_page=100'; -window.onload = () => new App(HYF_REPOS_URL); +window.onload = () => new App(REPOS_URL); diff --git a/homework/index.html b/homework/index.html index 9c8f80c1a..cc4b45bcb 100644 --- a/homework/index.html +++ b/homework/index.html @@ -1,23 +1,24 @@ + + + + + + + + + + Codestin Search App + + + - - - - - - - - - - Codestin Search App - - - - - -
- - - - \ No newline at end of file + +
+ + + diff --git a/homework/index.js b/homework/index.js index d3a97645e..d8a04f271 100644 --- a/homework/index.js +++ b/homework/index.js @@ -41,7 +41,7 @@ }); } - const HYF_REPOS_URL = 'https://api.github.com/orgs/HackYourFuture/repos?per_page=100'; + const REPOS_URL = 'https://api.github.com/orgs/foocoding/repos?per_page=100'; - window.onload = () => main(HYF_REPOS_URL); + window.onload = () => main(REPOS_URL); } diff --git a/homework/index2.html b/homework/index2.html index 2d1fc8fa7..ab3c22c0c 100644 --- a/homework/index2.html +++ b/homework/index2.html @@ -12,7 +12,7 @@ - Codestin Search App + Codestin Search App