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: Week1/MAKEME.md
+16-12Lines changed: 16 additions & 12 deletions
Original file line number
Diff line number
Diff line change
@@ -62,34 +62,34 @@ You can find detailed information about the GitHub API by means of the link list
62
62
63
63
### 1.3 Coding Style
64
64
65
-
In the JavaScript3 module, we will be introducing a preferred coding style and supporting tools to help you write _"clean code"_. There are a number of popular JavaScript "style guides" available of which the one developed by Airbnb will be adopted for this homework. It is documented here:
65
+
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:
While you do not need to read this guide in detail, it is recommended that you review sections 1-8, 12-13, 15-21 and 23. Adherence to many of the recommendations of this guide is enforced in this homework by tools installed during the project preparation step below. You will see error and warning messages in the VSCode editor when your code deviates from the recommended style. An additional check will be done when you submit your homework as a pull request on GitHub.
69
+
While you do not need to read this guide in detail, it is recommended that you review sections 1-8, 12-13, 15-21 and 23. The tools installed during the project preparation step below will help you to implement these guidelines in your code. You will see error and warning messages in the VSCode editor when your code deviates from the recommended style. An additional check will be done when you submit your homework as a pull request on GitHub.
70
70
71
71
### 1.5 Preparation
72
72
73
-
You will be working on this same application during the next three weeks. For each week you will need to create a new Git branch, as listed in the Table 1 below.
73
+
You will be working on the same application during the next three weeks. For each week you will need to create a new Git branch, as listed in the Table 1 below.
| 1 |`week1`|- Create a basic application using callbacks to handle network requests.|
78
+
| 2 |`week2`|Based on the `week1` branch:<br>- Refactor the callbacks to promises.<br>- Make the UI responsive. |
79
+
| 3 |`week3`|Based on the `week2` branch:<br>- Refactor the application to use ES6 Classes and async/await.<br>- Make the app ARIA-compliant. |
80
80
81
81
<small>Table 1. Homework schedule</small>
82
82
83
83
**Instructions**
84
84
85
85
1. Fork the JavaScript3 repository (_this repository_) to your own GitHub account.
86
86
2. Clone the fork to your laptop.
87
-
3. Open the `JavaScript3` folder from the cloned repository in VSCode.
87
+
3. Open the newly created `JavaScript3` folder from the cloned repository in VSCode.
88
88
4. Install the following extension in VSCode:
89
89
90
90
**Prettier - Code formatter**.
91
91
92
-
5. Open a Terminal window in VSCode and type the following command to install Prettier and ESLint tools required for the homework:
92
+
5. Open a Terminal window in VSCode and type the following command to install Prettier and ESLint tools as required for the homework:
93
93
94
94
```
95
95
npm install
@@ -121,7 +121,9 @@ In week 1, you should only modify `index.js` and `style.css`.
121
121
122
122
_**Do not modify any other files at this time!**_
123
123
124
-
> Although you should only modify files in the `homework` folder, we recommend that you always open the `JavaScript3` folder rather tham the `homework` folder in VSCode. The `JavaScript3` folder contains the actual git repository.
124
+
Although you should only modify files in the `homework` folder, we recommend that you always open the `JavaScript3` folder rather than directly opening the `homework` folder in VSCode. The `JavaScript3` folder contains the actual git repository and the configuration files required by the installed tools.
125
+
126
+
_**Do not change or delete any files outside of the `homework` folder!**_
125
127
126
128
#### 1.5.1 A first examination
127
129
@@ -210,7 +212,9 @@ It should include the following components:
210
212
211
213
### 1.7 Handing in your homework
212
214
213
-
To determine if your code will be accepted when you submit your homework as a pull request you need to ensure that it does not contain linting errors. Open a terminal window in VSCode and type the following command:
215
+
If necessary, review the instructions how to [Hand in homework](https://github.com/HackYourFuture/fundamentals/blob/master/fundamentals/homework_pr.md) using GitHub pull request.
216
+
217
+
To test whether your code will be accepted when you submit your homework as a pull request you need to ensure that it does not contain ESLinr errors. Open a terminal window in VSCode and type the following command:
Copy file name to clipboardExpand all lines: Week2/MAKEME.md
+3-1Lines changed: 3 additions & 1 deletion
Original file line number
Diff line number
Diff line change
@@ -49,7 +49,9 @@ You will continue to work on the files `index.js` and (possibly) `style.css`.
49
49
50
50
### 3.3 Handing in your homework
51
51
52
-
To determine if your code will be accepted when you submit your homework as a pull request you need to ensure that it does not contain linting errors. Open a terminal window in VSCode and type the following command:
52
+
If necessary, review the instructions how to [Hand in homework](https://github.com/HackYourFuture/fundamentals/blob/master/fundamentals/homework_pr.md) using GitHub pull request.
53
+
54
+
To test whether your code will be accepted when you submit your homework as a pull request you need to ensure that it does not contain ESLinr errors. Open a terminal window in VSCode and type the following command:
Copy file name to clipboardExpand all lines: Week3/MAKEME.md
+3-1Lines changed: 3 additions & 1 deletion
Original file line number
Diff line number
Diff line change
@@ -80,7 +80,9 @@ For the GitHub application ARIA-compliance means that the Contributors list shou
80
80
81
81
#### 2.2.4 Handing in your homework
82
82
83
-
To determine if your code will be accepted when you submit your homework as a pull request you need to ensure that it does not contain linting errors. Open a terminal window in VSCode and type the following command:
83
+
If necessary, review the instructions how to [Hand in homework](https://github.com/HackYourFuture/fundamentals/blob/master/fundamentals/homework_pr.md) using GitHub pull request.
84
+
85
+
To test whether your code will be accepted when you submit your homework as a pull request you need to ensure that it does not contain ESLinr errors. Open a terminal window in VSCode and type the following command:
0 commit comments