feat: Update pages

Author: MichaelCurrin

cheatsheets/javascript/node/web-servers.md

@@ -30,31 +30,29 @@ See [HTTP](https://nodejs.org/api/http.html) module docs.
 
 ### Basic
 
-
 Example based on [Getting started with NodeJS for frontend developers - Part 1](https://www.youtube.com/watch?v=F3eiqoNTniY&t=41s).
 
 Setup HTTP server with returns a greeting as plain text.
 
-`server.js`
-```javascript
-const http = require('http')
+- `server.js`
+    ```javascript
+    const http = require('http')
 
-http.createServer((req, resp) => {
-    resp.writeHead(200, { 'Content-Type': 'text/html' });
-    resp.write(`<p>Hello, world! You requested ${req.url}</p>`);
-    resp.end();
-}).listen(3000);
-```
+    http.createServer((req, resp) => {
+      resp.writeHead(200, { 'Content-Type': 'text/html' });
+      resp.write(`<p>Hello, world! You requested ${req.url}</p>`);
+      resp.end();
+    }).listen(3000);
+    ```
 
 Start the app. Note you won't see any output and this is a blocking call.
 
 Then open the browser at:
 
-- http://localhost:3000/
+- [localhost:3000/](http://localhost:3000/)
 
 Note that you can use any path and you'll get the same response.
 
-
 ### Parse the query string
 
 Based on [Node.js HTTP Module](https://www.w3schools.com/nodejs/nodejs_http.asp) on W3 Schools.
@@ -76,7 +74,7 @@ http.createServer(function (req, res) {
 
 Open in the browser:
 
--  http://localhost:8080/?year=2017&month=July
+-  [localhost:8080/?year=2017&month=July](http://localhost:8080/?year=2017&month=July)
 
 Result:
 
@@ -108,18 +106,17 @@ Note that `return` is not used in examples below - just `resp.send`.
 
 [Express starter](https://expressjs.com/en/starter/hello-world.html)
 
-`server.js`
+- `server.js`
+    ```javascript
+    const express = require('express');
 
-```javascript
-const express = require('express');
+    const app = express();
+    const port = 3000;
 
-const app = express();
-const port = 3000;
+    app.get('/', (req, resp) => resp.send('Hello, world!'))
 
-app.get('/', (req, resp) => resp.send('Hello, world!'))
-
-app.listen(port, () => console.log(`Example app listening at http://localhost:${port}/`))
-```
+    app.listen(port, () => console.log(`Example app listening at http://localhost:${port}/`))
+    ```
 
 Run as:
 
@@ -130,7 +127,7 @@ Example app listening at http://localhost:3000/
 
 Open browser at:
 
-- http://localhost:3000/
+- [localhost:3000/](http://localhost:3000/)
 
 Note that you'll get an error on other paths.
 
@@ -144,18 +141,17 @@ Add the following to base example, before `.listen`.
 
 Note use of `.query`.
 
-
-```javascript
-app.get('/foo', (req, resp) => {
-    const { name } = req.query;
-    resp.send(`Hello, ${name || world}!`);
-})
-```
-
+- `index.js`
+    ```javascript
+    app.get('/foo', (req, resp) => {
+      const { name } = req.query;
+      resp.send(`Hello, ${name || world}!`);
+    })
+    ```
 
 Test on:
 
-- http:localhost:3000/foo?name=Bar
+- [localhost:3000/foo?name=Bar](http://localhost:3000/foo?name=Bar)
 
 
 ### Handle URL parameters
@@ -173,44 +169,46 @@ app.get('/foo/:name', (req, resp) => {
 
 Test on:
 
-- http:localhost:3000/foo/Bar
+- [localhost:3000/foo/Bar](http://localhost:3000/foo/Bar)
 
 
 ### Handle POST request
 
+- `index.js`
+    ```javascript
+    app.use(express.json());
+    app.use(express.urlencoded());
 
-```javascript
-app.use(express.json());
-app.use(express.urlencoded());
-
-app.post('/foo', (req, res) => {
-    res.status(201)
+    app.post('/foo', (req, res) => {
+      res.status(201)
         .send({
-            message: "Created a foo using data",
-            data: req.body,
+          message: "Created a foo using data",
+          data: req.body,
         });
-});
-```
+    });
+    ```
 
 ### Handle other status codes
 
-```javascript
-app.get('/admin', (_req, res) => {
-    res.sendStatus(401);
-});
-```
+- `index.js`
+    ```javascript
+    app.get('/admin', (_req, res) => {
+        res.sendStatus(401);
+    });
+    ```
 
 ### Static files
 
 Serve a directory of static files.
 
-```javascript
-const express = require('express');
+- `index.js`
+    ```javascript
+    const express = require('express');
 
-const app = express();
-const port = 3000;
+    const app = express();
+    const port = 3000;
+    const staticDir = 'build';
 
-const p = 'build';
-app.use('/', express.static(p));
-app.listen(port, () => console.log(`Example app listening at http://localhost:${port}/`));
-```
+    app.use('/', express.static(staticDir));
+    app.listen(port, () => console.log(`Example app listening at http://localhost:${port}/`));
+    ```

cheatsheets/javascript/typescript.md

@@ -3,4 +3,4 @@ logo: typescript
 ---
 # TypeScript
 
-See the [TypeScript]({{ site.baseurl }}{% link cheatsheets/typescript/index.md %}) section of this project.
+Jump to out of this JS section to the [TypeScript]({{ site.baseurl }}{% link cheatsheets/typescript/index.md %}) section.