Introduction

Share the Codes

• Codepen
• JS Bin
• Github Gists

Share the Screenshot

• Gyazo

Development Enviroment and Tool

• Sublime Text 3
• Emmet
• Chrome DevTools

How Does the Internet Work?

講師透過影片 YouTube | There and Back Again: A Packet's Tale. How Does the Internet Work? 簡單介紹了網際網路實際上的運作情形，並舉例當使用者透過瀏覽器在網址列輸入 https://www.udemy.com/ 並按下 Enter 鍵後發生了什麼事：

1. 瀏覽器會把這個請求傳送到你的 網際網路服務供應商（ISP, Internet Service Provider）。
2. 接著 網域名稱系統（DNS, Domain Name System） 會解析 域名（Domain Name） 並轉換為 IP 位址如 23.235.47.175。
3. 瀏覽器所發出的 請求（request） 最後將透過許多網路上的伺服器與路由器，以所能找到的最快路徑被遞送到目標的 IP 位址。
4. 目標 IP 位址上的伺服器將根據請求的協議與內容，回應內容給瀏覽器，內容可能是圖片檔、影音檔、HTML 文件、CSS 文件和 JavaScript 文件…等。
5. 瀏覽器收到這些文件後，將其渲染出來給使用者看。

關於詳細一點的內容可以建議參考 知乎 | Web 建站技術中，HTML、HTML5、XHTML、CSS、SQL、JavaScript、PHP、ASP.NET、Web Services 是什麼？ 系列問題的回答會更清楚一些。