踏入 AC 學期 2–1 的旅程，這四週以來學習到許多新知識，並透過完成許多大大小小的作業，實際應用所學到的知識。隨著作業難度上升，漸漸會有卡關的時候，但通常藉由查詢資料、觀摩同學作業和詢問助教，就能順利解決。AC 的社群模式真的對學習非常有幫助！以下紀錄這學期學到的新知識的重點：
JavaScript 核心觀念
- 變數的作用範圍：用 let 和 const 宣告的變數只會作用在被宣告的區域，子層可以存取到父層宣告的變數，反之不成立，水平區域也不能互相存取。
- 基本型別與物件的區別：基本型別包含 undefined、null、string、number、boolean、symbol，所有不屬於基本型別的類型，都屬於物件，包括 array 和 function。
- 資料結構(data structure)：透過特定順序和位置，將多個基本型別組合成某種結構，以便有效率地存取或修改。例如，陣列（有次序的結構）和物件（key-value 結構）
- 函式(function)：基本用途為將會重複使用到的程式封裝起來，以利後續使用。JaveScript 特殊的函式特性：可當成值傳遞、可當成函式的參數、callback 在特定事件中觸發函式。
- 參數(parameter)和引數(argument)：參數是指創建函式時括號內的內容，只會被定義一次，預設值為 undefined；當調用函式時，括號內的內容則為引數，用來為參數附值，可使用多種不同引數來調用函式。參數的值會隨著每次調用的引數而變，而引數是透過 call by value 傳遞給函式的。
好用的前端框架 Bootstrap
由 HTML、CSS 和 JavaScript 寫成，預先做好一套網站基礎建設，讓人可以在這基礎上快速開發，核心目標是達成響應式和行動優先網頁。重點要學會怎麼查找官方文件，也能趁機好好觀察架構，提升開發的能力。
RWD 響應式網站設計
透過 CSS 控制，讓同一份 HTML 文件能在螢幕尺寸改變時，自動切換 CSS 設定，提升使用者體驗。
- 行動優先 (mobile first) 強調行動裝置的使用者優先，從最小螢幕尺寸開始設計，程式碼放在最前面，再思考隨著尺寸變大網站內容應該要如何增加。
製作 RWD 的基本動作：
- 定義預設的 viewport（使用者用來顯示網頁內容的區域），目的是告訴瀏覽器 viewport 的寬度基準、跟 CSS 間的比例關係。
- 使用 CSS 媒體查詢 (media query) 切換樣式，在 media type 外再加上用括號表示的 media feature 條件。
- 設定分界點 (breakpoint)，也就是螢幕尺寸改變時，CSS 切換的發生點。
打造互動式網頁的起點：DOM 操作
將 HTML 解析為 JavaScript 可以操作的文件物件模型，也就是 DOM (document object model)，為樹狀結構，JavaScript 可以操作 DOM 中的任意節點，最後呈現我們看到的網頁。查找 DOM 元素的途徑有兩種：
- Select：直接選出一個節點，例如 querySelector 用 CSS 選擇器來找元素
- Traverse 遍歷：選出一個元素後，順著樹狀結構找出其他元素
事件驅動程式設計
設置事件讓網頁能判對使用者行為，當使用者觸發特定事件時，驅動函式改變網頁狀態。實務上常使用事件監聽器 (event listener) ，將事件監聽器綁在元素中的兩個好處：觸發事件的元素跟被監聽的元素不必是同一個、可以將多個事件處理器 (event handler) 綁在同一個元素上。
