iT邦幫忙

2022 iThome 鐵人賽

DAY 11
0
Software Development

2022年 JavaScript 相關應用及學習之繁體中文選系列 第 11

[2022年 JavaScript 相關應用及學習之繁體中文選] JavaScript & JQuery:網站互動設計程式進化之道 | 心得導讀

  • 分享至 

  • xImage
  •  

導言

本書第一版英文版出版日期為 June 30, 2014 ,已經接近十年,而且本書的另一個學習重點 JQuery,也早已不是主流的前端工具了。
但筆者還是可以將本書列入為學習 JS 的入門書,主要原因是本書的排版,對於入門 JS 來說,相當的清楚,是一本入門 JS 的好書。

架構

1 – 4 章講 JS 語法
第 5 章講 DOM 
第 6 章講事件 
DOM 事件本來就是 JS event ,在沒有 Promise 之前,還滿常會用 event 來實現非同步語法,不過現在就用 Promise 跟 async & await 就好。 
第 7 章講 JQuery 
JQuery 退主流了,參考就好
第 8 章講 ajax & JSON
本書剛編時,還沒有 Promise 語法,所以本書講 ajax 語法,參考即可,另當時 JSON 也還才剛發展沒多久,所以這裡只有一小章,但現在可以找到專講 JSON 的書了。
第 9 章講 API
第 10 章講 debug & 錯誤處理
第 11 章講網頁設計
這個內容過時了,因為現在都用 RWD 響應式框架 React Vue 這類的,參考就好
第 12 章講排序
第 13 章講表單與驗證

摘要

當瀏覽頁面時,在你的瀏覽器中便註冊了不同類型的事件。這些事件代表瀏覽器正通知你,「嘿,這件事發生了呢」。你的程式碼便可針對這些特定的事件進行回應。
程式碼通常是以變更頁面內容(透過文件物件模型)的方式回應這些事件,如此可讓頁面瀏覽操作更具互動性。在本章,你將學習如何:
互動建立事件
當使用者點擊或碰觸到超連結、游標經過元件、敲擊鍵盤、調整視窗大小或當頁面載人時,都是事件發生的時機。
事件觸發程式碼
當事件發生時,它可以被用來啟動一個特別的函式。當使用者於頁面不同的部分進行互動時,可分別觸發不同的程式碼進行回應。
程式碼回應使用者
在上一章節中,你已看到如何利用 DOM 來變更頁面內容;利用事件可以觸 發這類的頁面變更,這也是一種網頁回應使用者操作的方式。

總結

難易度

適合對象

超入門

心得

雖然本書的內容部份有些陳就了,但對於講解 JS 入門來說,相當用心。
例如書的排版等,都為了講清楚JS 語法來做特別的設計,所以雖然本書的出版日期有點久了,但就這部份來說,仍就不失為一本相當好的 JS 入門書


上一篇
[2022年 JavaScript 相關應用及學習之繁體中文選] 用 Node.js 一統JavaScript前後端:強勢Web開發親手作 | 心得導讀
下一篇
[2022年 JavaScript 相關應用及學習之繁體中文選] 深入淺出設計模式 | 心得導讀
系列文
2022年 JavaScript 相關應用及學習之繁體中文選31
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言