jQuery 沒死
只是變成 Javascript 的模樣
大家都在哭夭 jQuery 死了，但其實他只是簡化 Javascript 寫法的一個 Library，其操控網頁的核心原理，跟 Javascript 是一樣的
學 jQuery 可以更清楚 Javascript 對網頁 DOM 元素的控制方式、畫面改變的原理等。在一些畫面操作上，是很方便的工具
jQuery 的主要架構
Event / Traversing / DOM manipulate
就是網頁常常發生的那三件事
像是
Event / 使用者點了刪除按鈕
Traversing / 找到要刪除的文章
DOM manipulate / 刪除文章
我們就是要學這些喔
Event 事件
使用者跟網頁的任何互動，都是一個事件 (event)。事件發生以後，網頁要怎麼回應，就是我們要處理的事情。
Traversing 爬樹
在原生 Javascript 以及 jQuery 的概念裡面，會從事件發生的地方，開始在 HTML 遊走 DOM tree 的節點，找到我們想改變的網頁元素。
DOM manipulate 節點控制
找到想改變的網頁元素之後，透過不同的操作，可以改變網頁裡的內容。
課程大綱
Intro / 課程使用手冊
Available in
天
天
在你加入課程之後
Before Day 12 / 課程開始之前 / 先學 Javascript 基礎
Available in
天
天
在你加入課程之後
Day 12 / jQuery / 基礎
Available in
天
天
在你加入課程之後
- 【jQuery events / 講義下載】
- jQuery 基礎寫法 / css / animate (17:04)
- jQuery events / mouse 相關事件 (15:09)
- jQuery events / keyboard 相關事件 (5:49)
- jQuery events / form 相關事件 (5:54)
- jQuery events / document.ready / on / off (7:56)
- jQuery events / fire (4:25)
- 【jQuery traversing & DOM manipulate / 講義下載】
- jQuery traversing / 樹狀結構 / 尋找節點 / 爬樹 (19:46)
- jQuery DOM manipulate / append / prepend / before / after (6:56)
- jQuery DOM manipulate / html (2:29)
- jQuery DOM manipulate / remove / empty / clone (3:54)
- jQuery DOM manipulate / addClass / removeClass / toggleClass (1:56)
- jQuery DOM manipulate / css (2:59)
- jQuery DOM manipulate / prop / val (3:13)
- jQuery DOM manipulate / data (3:28)
- jQuery DOM manipulate / position / offset (6:49)
Day 13 / jQuery / 實戰練習
Available in
天
天
在你加入課程之後
Day 14 / AJAX / 前後端溝通的橋樑
Available in
天
天
在你加入課程之後
- 【AJAX 講義下載】
- AJAX 的原理 / API 的形式 (15:59)
- jQuery 的 AJAX 工具 / $.ajax / $.post / $.get (14:57)
- 收到的資料型態 / HTML / JSON / JSONP (14:21)
- 把資料寫入網頁 / data insertion (7:22)
- SPA / single page application / 準備工作 (7:33)
- SPA / single page application / 實作 (11:54)
- SPA / single page application / 修正 (8:49)
- Random User Generator / API 介紹 (4:23)
- Random User Generator / 實作 (13:19)
- Random User Generator / 一次顯示多位 User (8:01)
- Todo list / 前後端的準備 (2:33)
- Todo list / create API / AJAX call (12:36)
- Todo list / update API / AJAX call (9:59)
- Todo list / delete API / AJAX call (5:27)
課程最後
Available in
天
天
在你加入課程之後
相關課程
Vue.js 123
Bootstrap 4
HTML+CSS 基礎
感謝訂閱，記得收 Email 確認我們的訂閱。