Skip to content
This repository was archived by the owner on May 14, 2024. It is now read-only.

Commit 09d0ec6

Browse files
author
Noer Paanakker
committed
replaced the project contents with the current one, added readings all weeks, polishing homework
1 parent b08bc72 commit 09d0ec6

32 files changed

Lines changed: 709 additions & 437 deletions

‎README.md‎

Lines changed: 47 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -5,16 +5,22 @@
55

66
![JavaScript3](./assets/javascript3.png)
77

8-
Welcome to JavaScript3! In this module you'll be learning about one of the core things of what makes a web developer: working with APIs!
8+
Welcome to JavaScript3! Congratulations on making it this far. You're well on your way to the top.
9+
10+
A big part of being a programmer means moving data from one place to another.
11+
In this module you'll be learning about one of the core things of what makes a web developer: working with APIs!
912

1013
## Learning goals
1114

1215
In order to successfully complete this module you will need to master the following:
1316

1417
- Learn what an API is
1518
- Catch up on the history of JavaScript
16-
- Understand how to write
19+
- Understand how to write more readable asynchronous JavaScript
1720
- Connect with different public APIs
21+
- Build a Single Page Application (SPA)
22+
- Work with pre-existing code
23+
- Learn about Object-Oriented Programming
1824

1925
## How to use this repository
2026

@@ -28,13 +34,47 @@ After your first class you should start off with checking the `reading materials
2834

2935
If you have any questions or if something is not entirely clear ¯\\\_(ツ)\_/¯, please ask/comment on Slack!
3036

37+
### Before you start
38+
39+
In the following weeks we will be using a `styleguide` to help you write _"clean code"_. What is a styleguide? Simply put, it's a set of design standards put in one collection. Companies create and use them to define their public identity (their "brand"). Watch the following to get a better idea:
40+
41+
- [Creating Your Company's Style Guide](https://www.youtube.com/watch?v=gv_wrrY70E0)
42+
43+
A styleguide is made by designers. In the case of website design, this styleguide is then handed over to developers to use when styling the frontend.
44+
45+
The styleguide we'll be using is the one from Airbnb:
46+
47+
- [Airbnb JavaScript Style Guide](https://github.com/airbnb/javascript)
48+
49+
While you do not need to read this guide in detail, it is recommended that you look at sections 1-8, 12-13, 15-21 and 23.
50+
51+
The required packages you need to install in order to write code according to the styleguide are the following:
52+
53+
```json
54+
"eslint"
55+
"eslint-config-airbnb-base"
56+
"eslint-config-prettier"
57+
"eslint-plugin-import"
58+
"eslint-plugin-prettier"
59+
"prettier"
60+
```
61+
62+
They are already in this repository's `package.json` so all you have to do now to prepare is to execute the following command in your command line:
63+
64+
```md
65+
npm install
66+
```
67+
68+
With this out of the way we can get started!
69+
3170
## Planning
3271

33-
| Week | Topic | Reading Materials | Homework | Lesson Plan |
34-
| ---- | -------------------------------------------------------------------------------------------------------- | ------------------------------ | ------------------------------- | -------------------------------------- |
35-
| 1. | Application Programming Interface (API), AJAX, jQuery | [Reading W1](/Week1/README.md) | [Homework W1](/Week1/MAKEME.md) | [Lesson Plan W1](/Week1/LESSONPLAN.md) |
36-
| 2. | Promises, Fetch API, JavaScript Versions, 'this' keyword, Arrow functions | [Reading W2](/Week2/README.md) | [Homework W2](/Week2/MAKEME.md) | [Lesson Plan W1](/Week1/LESSONPLAN.md) |
37-
| 3. | Object-Oriented Programming (OOP), ES6 Classes, Async/await, Try...Catch, Thinking like a programmer III | [Reading W3](/Week3/README.md) | [Homework W3](/Week3/MAKEME.md) | [Lesson Plan W1](/Week1/LESSONPLAN.md) |
72+
| Week | Topic | Reading Materials | Homework | Lesson Plan |
73+
| ---- | ------------------------------------------------------------------------------------------- | ------------------------------ | ------------------------------- | -------------------------------------- |
74+
| 1. | Application Programming Interface (API), AJAX, Modules & Libraries | [Reading W1](/Week1/README.md) | [Homework W1](/Week1/MAKEME.md) | [Lesson Plan W1](/Week1/LESSONPLAN.md) |
75+
| 2. | Promises, Fetch API, JavaScript Versions, 'this' keyword, Arrow functions | [Reading W2](/Week2/README.md) | [Homework W2](/Week2/MAKEME.md) | [Lesson Plan W1](/Week1/LESSONPLAN.md) |
76+
| 3. | Object-Oriented Programming (OOP), ES6 Classes, Async/await, Thinking like a programmer III | [Reading W3](/Week3/README.md) | [Homework W3](/Week3/MAKEME.md) | [Lesson Plan W1](/Week1/LESSONPLAN.md) |
77+
| 4. | Final JavaScript Test | [Details]() | - | - |
3878

3979
## Finished?
4080

0 commit comments

Comments
 (0)