用時：2.5h.

1. 瀏覽了一些互動和視覺體驗都非常好的網站和demo
2. 在一個叫codepen的線上編輯器網站註冊了賬號，編寫了基礎的html、css、js程式碼
3. 閱讀了一些介紹性的文章，瞭解了前端開發最開始涉及到的一些概念和過程
4. 註冊GitHub 賬號，安裝visual studio code作為開發工具

5. 瞭解了一個普通網站訪問過程中涉及到的技術：

   1. 使用者操作瀏覽器訪問，瀏覽器向伺服器發出一個 HTTP 請求；
   2. 伺服器接收到 HTTP 請求，Web Server 進行相應的初步處理，使用伺服器指令碼生成頁面；
   3. 伺服器指令碼（利用Web Framework）呼叫本地和客戶端傳來的資料，生成頁面；
   4. Web Server 將生成的頁面作為 HTTP 響應的 body，根據不同的處理結果生成 HTTP header，發回給客戶端；
   5. 客戶端（瀏覽器）接收到 HTTP 響應，通常第一個請求得到的 HTTP 響應的 body 裡是 HTML 程式碼，於是對 HTML 程式碼開始解析；
   6. 解析過程中遇到引用的伺服器上的資源（額外的 CSS、JS程式碼，圖片、音視訊，附件等），再向 Web Server 傳送請求，Web Server 找到對應的檔案，傳送回來；
   7. 瀏覽器解析 HTML 包含的內容，用得到的 CSS 程式碼進行外觀上的進一步渲染，JS 程式碼也可能會對外觀進行一定的處理；
   8. 使用者與頁面互動（點選，懸停等等）時，JS 程式碼對此作出一定的反應，新增特效與動畫；
   9. 互動的過程中可能需要向伺服器索取或提交額外的資料（區域性的重新整理，類似微博的新訊息通知），一般不是跳轉就是通過 JS 程式碼（響應某個動作或者定時）向 Web Server 傳送請求，Web Server 再用伺服器指令碼進行處理（生成資源or寫入資料之類的），把資源返回給客戶端，客戶端用得到的資源來實現動態效果或其他改變。

   引自：張秋怡的回答