Web 前端三巨頭 HTML、CSS、JavaScript 各有自己的重要性，其中 JavaScript 更是具有豐富動態功能的語言，除了製作動態效果外，在串接資料更是不可或缺的關鍵，現在職場上前端職缺更是把 JavaScript 列為重點必備項目。
網頁設計互動的要素
JavaScript 是 HTML 三巨頭之中的互動要角，無論是表單驗證、資料傳遞、圖表呈現等。都不可能缺少 JavaScript。
前端框架的邏輯基礎
現在前端開發大多都會使用 JavaScript 框架，如 Angular.js、React.js、Vue.js，如具有 JavaScript 入門基礎，在操作這些框架更能得心應手。
自己動手做延伸更多的不可能
現在 JavaScript 不僅是瀏覽器上執行的語言，更能運行在 Node.js、Arduino、Mobile App 等平台上，達到學一個語言多方的運用！
課程大綱
六角學院線上資源
Available in
days
days
after you enroll
前言提要
Available in
days
days
after you enroll
JavaScript 的前世今生
Available in
days
days
after you enroll
變數
Available in
days
days
after you enroll
函式
Available in
days
days
after you enroll
陣列與物件
Available in
days
days
after you enroll
控制判斷(運算子、if、switch)
Available in
days
days
after you enroll
- 挑戰開始 (0:10)
- 以日常生活為例探討為何需要控制判斷 (4:05)
- 比較運算子：==、!== (7:07)
- 比較運算子：==、!==，程式碼範例 (10:26)
- 比較運算子：嚴謹模式 === (4:49)
- 比較運算子：!= 與 !== 的差異
- 比較運算子： ＞、＜ (4:26)
- 邏輯運算子： &&、||、! (9:54)
- 邏輯運算子：範例程式碼 (6:03)
- if - 簡報介紹 (3:33)
- if - 程式碼教學 (7:59)
- else if 簡報介紹 (3:59)
- else if - 程式碼教學 (9:11)
- switch - 簡報介紹 (4:19)
- switch - 程式碼教學 (10:53)
- 挑戰成功 (0:10)
迴圈
Available in
days
days
after you enroll
DOM
Available in
days
days
after you enroll
- 挑戰開始 (0:10)
- 什麼是 DOM ？ (3:00)
- querySelector - 選擇單一元素 (6:27)
- querySelectorAll - 可重複選取多個元素 (5:19)
- setAttribute - 增加標籤屬性 (9:55)
- 插入 HTML 標籤的兩種方法 (1:27)
- innerHTML (上) (6:47)
- innerHTML (下) (6:40)
- innerHTML 與 for 運用 (8:44)
- createElement 寫法 (9:04)
- createElement 與 for 運用 (8:02)
- XSS 跨網站指令碼注意事項（Cross-site scripting） (11:33)
- 挑戰成功 (0:10)
event (事件)
Available in
days
days
after you enroll
- 挑戰開始 (0:10)
- 什麼是 event (事件)？ (2:41)
- event 物件 - 告知你當下元素資訊 (8:55)
- 觀念篇 - 各種事件綁定的差異 (5:55)
- addEventListener - 事件監聽 (4:05)
- 綁定事件的語法差異 (7:11)
- Event Bubbling、Event Capturing 差異 (11:01)
- stopPropagation - 中止冒泡事件 (5:07)
- preventDefault - 取消預設觸發行為 (7:07)
- e.target - 了解目前所在元素位置 (6:38)
- change - 表單內容更動內容時觸發 (13:46)
- keyCode - 點擊鍵盤，射發火箭！ (9:03)
- blur - 離開焦點時進行事件觸發 (5:15)
- mouse - 當滑鼠滑入指定內容時觸發 (6:29)
- 網頁座標 - 了解 screen、page、client 箇中差異 (6:46)
- 網頁座標 - 應用篇 (3:40)
- 事件監聽優化篇 - 從父元素來監聽子元素內容 (7:09)
- 挑戰成功 (0:10)
localStorage - 瀏覽器資料儲存
Available in
days
days
after you enroll
瀏覽器功能探索 (BOM)
Available in
days
days
after you enroll
JS 開發邏輯思維
Available in
days
days
after you enroll
最終作業與總結
Available in
days
days
after you enroll
AJAX
Available in
days
days
after you enroll
- 什麼是 AJAX？ (7:07)
- 透過 XMLHttpRequest 物件跨瀏覽器撈資料 (16:09)
- AJAX 非同步觀念 (上) (3:55)
- AJAX 非同步觀念 (下) (5:01)
- HTTP狀態碼 (6:00)
- 什麼是 Cross-Origin Resource Sharing (CORS)？ (6:31)
- 傳統表單輸入介紹 (6:59)
- AJAX POST 寫法 (提供 API 練習) (10:33)
- 從 Chrome 開發人員工具檢視 AJAX POST (6:39)
- AJAX JSON 傳遞 (6:58)
- AJAX 實務範例設計 (16:30)
- AJAX 作業設計 (2:56)
- 資源補充
Leaflet + OpenStreetMap 地圖應用
Available in
days
days
after you enroll
Google Map API
Available in
days
days
after you enroll
ECMAScript 6 入門 - let、const
Available in
days
days
after you enroll
ECMAScript 6 入門 - 字串篇
Available in
days
days
after you enroll
Vue.js 2.0 - 8 小時線上影音課程
Available in
days
days
after you enroll
夥伴一：伴隨學生成長的守護神
進入本課程的學生，六角學院都會提供一個守護神跟你一塊練習，當你越了解 JS 時，守護神也會跟著進化，使得學習更充滿期待與樂趣。
夥伴二：動畫解釋程式結構原理
課程中的觀念都會先用動畫情境導入，理解玩概念後再進入主要課程內容，無論是物件、陣列、迴圈，這些觀念都讓你輕鬆上手。
夥伴三：全新開發，線上編碼練習
學習程式過程中總是會擔心自己的觀念沒搞懂，這次開發了線上編碼練習，讓學生在學習的過程中就能夠驗證自己的觀念，讓線上課程如同實體課程的效益。
現在上課去 NT$ 2800
不滿意 30 日內 全額退費
