# 零之 1 、 開始學習網路基礎
###### tags: `NET101` `2020八月第二週` `進度筆記` `Lidemy心得` 8/7
---

## 需要了解網路運作輪廓

了解網路基礎觀念，對前端後端分界，發送 response 到 網路伺服器的過程，拆解開來，搭配 JS 實作練習。

## HTTP 的方法

HTTP 和怎麼創 API ， 甚麼是 API ， HTTP HTTPS差別 ， 如果走網路工程師之後還能再學怎麼發封包，子網路。

## 會用在

解開網路相關問題，對整體模型，到分成前端後端，更多的細節有幫助，幫助了解網頁、瀏覽器、作業系統和實體網路等，或是環節出問題。

---

參考資料:

[從拉麵店的販賣機理解什麼是 API](https://medium.com/@hulitw/ramen-and-api-6238437dc544)

[從傳紙條輕鬆學習基本網路概念](https://medium.com/@hulitw/learning-tcp-ip-http-via-sending-letter-5d3299203660)

[CS75 (Summer 2012) Lecture 0 HTTP Harvard Web Development David Malan](https://www.youtube.com/watch?v=8KuO4r5CHjM)

---

# 零之 2 、 NET 101 從溝通開始
###### tags: `JS102` `JavaScript續` `2020八月第二週` `進度筆記` `Lidemy心得` 8/7

---

__[從傳紙條輕鬆學習基本網路概念](https://medium.com/@hulitw/learning-tcp-ip-http-via-sending-letter-5d3299203660)__

#### 1. 傳訊息可能會有 lost ， 因此要建立傳訊息的規則。
- 寫明來源、目的地和前置作業，確定雙方彼此收發功能沒有問題。

#### 2. 從買便當故事中了解四個問題:

- 金額(數字)格式不統一，因此要用統一格式 => 標準化格式內容。

- 分為 header 跟 body ， 紙條分成 head 處理主資訊和格式，可擴充，而 body 處理特殊需求。

- 回覆的紙條也有 head & body ， 但回覆問題太多，所以以狀態代碼標準化結果。
- 200 success access 、 301 rest 、 400 提交錯誤看不懂 、 404 這東西不存在 、 500 我這出問題和 503 提交數量太多...等等。

- 動作不統一，因此買便當動詞標準化，資訊 get 、 post 要訂購、取消 delete 、 put 修改等。

#### 3. 貨出得去人進得來，八班發大財:
- 不只訂便當，連飲料都擴張，因此統一服務代碼。
- 收到需求後轉給同學，一人負責一個服務。
- 簡單的服務可以簡化格式，不同服務不同格式。
- 有些地方不需要確認 (即時系統) ， 因此加快速度。
- 通常送達地方的話地址要寫清楚，但地址簡短化也 OK 。

---

# 零之 2 、 NET 101 為何要網路協定
###### tags: `JS102` `JavaScript續` `2020八月第二週` `進度筆記` `Lidemy心得` 8/8

- 協定如 HTTP 為何要網路協定 (protocol) ， 有了標準才能做到規模化，因為雙方都理解數字系統，為了讓彼此能溝通而建立的規範，協定要夠完整才能擴張應對很多情形。

---

參考資料:

[百日轉職前端工程師：第四週網路基礎復盤《DAY 8》](https://tripxbook.com/100days-learn-to-do/frontend-developer-day8/)

[淺談網址 HTTP 與 HTTPS 的差別](https://www.webdesigns.com.tw/HTTPorHTTPS.asp)

[一文搞懂 HTTP 和 HTTPS 是什麼？兩者有什麼差別](https://tw.alphacamp.co/blog/http-https-difference)

[DNS的運作？](http://dns-learning.twnic.net.tw/dns/03opDNS.html)

[第十三章 網域名稱系統](http://www.tsnien.idv.tw/Internet_WebBook/chap13/13-2%20DNS%20%E7%B3%BB%E7%B5%B1%E5%8A%9F%E8%83%BD.html)

[ [第四週] 網路基礎 - HTTP、Request、Response ](https://yakimhsu.com/project/project_w4_Network_http.html)