Skip to content

Commit 9a256f2

Browse files
authored
Merge pull request #48 from iamrajiv/branch1
beautify markdown and fixed spacing using prettier
2 parents b52e959 + 5297ab4 commit 9a256f2

File tree

1 file changed

+23
-16
lines changed

1 file changed

+23
-16
lines changed

README.md

Lines changed: 23 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -4,34 +4,39 @@ This is a working document outlining future plans for a new Coding Train playlis
44

55
## Description
66

7-
This course is for aspiring developers who want to learn how to work with data in web applications. How do you retrieve, collect, and store data? The course will be taught through a series of creating three data projects. The first will be client-side only and examine how to load data with `fetch()` and present on a web page. Viewers will learn about handling asynchronous events with Promises and how to render data to the DOM as well as draw to HTML5 canvas with p5.js. The second and third project will introduce "full stack" development adding server-side programming with node.js for data persistence and API authentication.
7+
This course is for aspiring developers who want to learn how to work with data in web applications. How do you retrieve, collect, and store data? The course will be taught through a series of creating three data projects. The first will be client-side only and examine how to load data with `fetch()` and present on a web page. Viewers will learn about handling asynchronous events with Promises and how to render data to the DOM as well as a draw to HTML5 canvas with p5.js. The second and third project will introduce "full stack" development adding server-side programming with node.js for data persistence and API authentication.
88

99
## Introduction
10-
1. Course Trailer (~1 minute overview)
10+
11+
1. Course Trailer (~1-minute overview)
1112
2. Full introduction -- overview of topics, goals for the course
12-
3. What do I need to know to go to tutorial 1.
13+
3. What do I need to know to go to tutorial 1?
1314

1415
### Module 1: `fetch()` with image, CSV, JSON
1516

1617
#### 1a: fetch()
18+
1719
1. What is `fetch()`?
18-
* [Fetch API](https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API)
19-
* Promises, async and await
20-
* [Body - Web APIs](https://developer.mozilla.org/en-US/docs/Web/API/Body)
21-
* `<img>` DOM element
20+
- [Fetch API](https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API)
21+
- Promises, async and await
22+
- [Body - Web APIs](https://developer.mozilla.org/en-US/docs/Web/API/Body)
23+
- `<img>` DOM element
2224

2325
#### 1b: Tabular Data
26+
2427
1. Parsing CSV with `split()`
2528
2. Line chart with [chart.js](https://www.chartjs.org/docs/latest/)
2629

2730
#### 1c: JSON Data from API
31+
2832
1. load JSON data with `fetch()` and update DOM <span> element.
2933
2. Add map to page with [Leaflet.js](https://leafletjs.com/) and place ISS location as marker.
3034
3. Updating location continuously with `setInterval()`.
3135

3236
#### Objectives
37+
3338
1. Learn `fetch()` for GET requests with Promises and `async`/`await`
34-
* See loading data from local image / JSON / CSV
39+
- See loading data from local image / JSON / CSV
3540
2. Learn to "render" data with native JS DOM manipulation
3641
3. Discover missing pieces: no persistence, API keys not hidden
3742

@@ -40,28 +45,30 @@ This course is for aspiring developers who want to learn how to work with data i
4045
[The Data Selfie App](https://github.com/joeyklee/data-selfie-app) is a project tutorial by [@joeyklee](https://github.com/joeyklee).
4146

4247
#### Videos
48+
4349
1. What is node, npm, and express? Setting up a server to host static pages.
4450
2. Accessing GeoLocation with `navigator.geolocation`.
4551
3. What is a POST? Sending data to the server.
4652
4. What is a database? Saving data to NeDB.
47-
4. Retrieving data from NeDB with a "RESTian" route.
53+
5. Retrieving data from NeDB with a "RESTian" route.
4854
6. Adding capture and images with p5.
49-
7. Next steps / exercise?
55+
7. Next steps/exercise?
5056

5157
#### Objectives
52-
1. Learn basics of server-side programming with Node (and express?)
58+
59+
1. Learn the basics of server-side programming with Node (and express?)
5360
2. Learn how to save data to a database with [NedB](https://github.com/louischatriot/nedb).
54-
* show just plain array
55-
* show flat file
56-
* introduce idea of database
57-
3. Learn how to use `fetch()` to POST data to server.
61+
- show just plain array
62+
- show flat file
63+
- introduce the idea of the database
64+
3. Learn how to use `fetch()` to POST data to the server.
5865

5966
### Module 3: The Weather Here
6067

6168
[The Weather Here](https://github.com/joeyklee/the-weather-here) is a project tutorial by [@joeyklee](https://github.com/joeyklee).
6269

6370
#### Objectives
71+
6472
1. Learn how to use `fetch()` to grab data from APIs in node.js.
6573
2. Learn how to store private API keys using environment variables.
6674
3. Learn how to deploy your project using services like [Glitch](http://glitch.com) and more.
67-

0 commit comments

Comments
 (0)