洛奇的邪惡組織手札

透過前篇的 JQuery 基本概念，你已經能開始看得懂 jQuery 在做什麼以及能做什麼，本篇會利用網頁設計乙級題目來進行撰寫練習，過程中你能碰到一些常見的商務網站的局部功能設計。另外請注意，這裡介紹的設計因追求實完整性程式偏向複雜，因此不適合應考解答所使用（時間成本）。

JQuery 主要是主打 write less,do more 為精神，也就是幫助你減少 JavaScript 的撰寫程式，更容易做更多的處理。

本篇透過之前的小作業再優化的小遊戲，透過 JS 外掛 SweetAlert2 完成取代提示視窗的事件。

JS 的互動範例，主要能學習到 settimeout, event, dom 的控制與視覺互動。包含了鍵盤事件的調整與控制。遊戲設計如下：

本篇介紹四種寫法，難度不高，主要是如何指定指針之初始位置。以及透過何種方法使指針自動更改旋轉角度。

本篇介紹兩種寫法，一種是透過圖片來代表圖片文字，另一個是直接改值（需考量補 0）。

本篇介紹如何在一個網站能展現出全版面視窗廣告，同時而外的進階利用 cookie 去分析多久內不再出現廣告避免用戶嫌棄。在那之前你需要準備一張任一圖片（可參考蝦皮購物）

本篇介紹 JS 十分重要的兩大模型介紹，如果你希望 JS 能控制並動態調整你的網頁內容。不外乎就是 BOM 與 DOM 模型。BOM 是瀏覽器物件模型，DOM 是文件物件模型，前者是對瀏覽器本身進行操作，而後者是對瀏覽器（可看成容器）內的內容進行操作。

在網頁設計領域中，我們能將一個由 HTML/CSS 所編譯出的靜態網頁透過伺服器請求一次性的傳送到用戶端之瀏覽器，換言之連線已經結束伺服器不會再提供任何資料給用戶。

本篇將整合過去基本課程 HTML, CSS, Bootstrap, JS 相關知識進行經驗整合，動手設計簡單一頁式且具備 RWD 之網站設計。由於考量部分學員尚未接觸 JS 課程進度與基礎認知，將集中最後小節於完成後補充。