
0人評分過此書
JavaScript × ChatGPT 第一次學就上手
內容簡介:ChatGPT神助攻!教語法、寫程式、除錯、出題練習、轉換其它程式語言樣樣行!
JavaScript×ChatGPT強強聯名,讓您在AI的神助攻下,華麗化身為JavaScript程式設計高手!
在ChatGPT橫空出世後,有不少人驚覺「寫程式」即將由AI工具所取代,沒錯,AI工具確實能夠寫程式,但這並不表示您就不用學程式設計,而是程式設計師必須要進化為AI工具的程式審查員或教AI學習的老師。
換句話說,您必須具備程式設計能力,才有辦法跟AI工具溝通,讓它寫出您需要的程式碼,也才有辦法閱讀或審查AI工具所生成的程式碼,確保程式碼是正確的、有效率的、經過完整測試的。
在本書中,我們除了告訴您如何使用ChatGPT撰寫程式、解讀程式、查詢語法、尋求技術支援、除錯、出題練習、在JavaScript與其它程式語言之間做轉換,更重要的是有計畫地帶您學習JavaScript,無論您有無程式設計的經驗,只要約略具有HTML與CSS的基礎知識,都能看得懂、學得會,不會愈看愈挫折、半途而廢。
全書彩色印刷、圖解詳盡、範例導向、邊做邊學,零基礎也能輕鬆上手!
JavaScript×ChatGPT強強聯名,讓您在AI的神助攻下,華麗化身為JavaScript程式設計高手!
在ChatGPT橫空出世後,有不少人驚覺「寫程式」即將由AI工具所取代,沒錯,AI工具確實能夠寫程式,但這並不表示您就不用學程式設計,而是程式設計師必須要進化為AI工具的程式審查員或教AI學習的老師。
換句話說,您必須具備程式設計能力,才有辦法跟AI工具溝通,讓它寫出您需要的程式碼,也才有辦法閱讀或審查AI工具所生成的程式碼,確保程式碼是正確的、有效率的、經過完整測試的。
在本書中,我們除了告訴您如何使用ChatGPT撰寫程式、解讀程式、查詢語法、尋求技術支援、除錯、出題練習、在JavaScript與其它程式語言之間做轉換,更重要的是有計畫地帶您學習JavaScript,無論您有無程式設計的經驗,只要約略具有HTML與CSS的基礎知識,都能看得懂、學得會,不會愈看愈挫折、半途而廢。
全書彩色印刷、圖解詳盡、範例導向、邊做邊學,零基礎也能輕鬆上手!
-
CHAPTER 01 開始撰寫JavaScript 程式
-
1-1 認識JavaScript
-
1-1-1 JavaScript 的用途
-
1-1-2 JavaScript 的特點
-
1-1-3 JavaScript 的語法標準
-
1-1-4 JavaScript 如何與HTML、CSS 一起運作
-
-
1-2 開發環境與編輯工具
-
1-3 撰寫第一個JavaScript 程式
-
1-3-1 將JavaScript 程式寫進HTML 文件
-
1-3-2 將JavaScript 程式放在外部檔案
-
-
1-4 JavaScript 程式碼撰寫慣例
-
-
CHAPTER 02 使用ChatGPT 撰寫JavaScript 程式
-
2-1 開始使用ChatGPT
-
2-2 查詢JavaScript 語法與技術建議
-
2-3 撰寫JavaScript 程式與除錯
-
2-3-1 撰寫指定用途的JavaScript 程式
-
2-3-2 解讀JavaScript 程式的意義
-
2-3-3 幫JavaScript 程式加上註解
-
2-3-4 解決JavaScript 程式的錯誤(除錯)
-
-
2-4 與其它程式語言互相轉換
-
2-4-1 將JavaScript 程式轉換成其它程式語言
-
2-4-2 將其它語言撰寫的程式轉換成JavaScript
-
2-4-3 將使用jQuery 的程式轉換成原生的JavaScript
-
-
2-5 提供練習測驗與解答
-
-
CHAPTER 03 變數、常數、型別與運算子
-
3-1 變數
-
3-1-1 宣告變數
-
3-1-2 設定變數的值
-
3-1-3 變數的命名規則
-
3-1-4 使用let 關鍵字宣告變數
-
-
3-2 常數
-
3-3 型別
-
3-3-1 數值型別(Number)
-
3-3-2 BigInt 型別
-
3-3-3 字串型別(String)
-
3-3-4 布林型別(Boolean)
-
3-3-5 undefined
-
3-3-6 null
-
3-3-7 函式(function)
-
3-3-8 陣列(array)
-
3-3-9 物件(object)
-
-
3-4 運算子
-
3-4-1 算術運算子
-
3-4-2 字串運算子
-
3-4-3 遞增/遞減運算子
-
3-4-4 比較運算子
-
3-4-5 邏輯運算子
-
3-4-6 位元運算子
-
3-4-7 指派運算子
-
3-4-8 條件運算子
-
3-4-9 typeof 運算子
-
3-4-10 運算子的優先順序
-
-
ChatGPT 隨堂練習
-
-
CHAPTER 04 流程控制
-
4-1 認識流程控制
-
4-2 if
-
4-2-1 if(若…就…)
-
4-2-2 if…else(若…就…否則…)
-
4-2-3 if…else if(若…就…否則 若…就…否則…)
-
-
4-3 switch
-
4-4 for
-
4-5 while
-
4-6 do…while
-
4-7 for…in
-
4-8 for…of
-
4-9 break、continue 與標記
-
ChatGPT 隨堂練習
-
-
CHAPTER 05 函式
-
5-1 認識函式
-
5-2 宣告函式
-
5-2-1 使用function 關鍵字宣告函式
-
5-2-2 匿名函式
-
5-2-3 箭頭函式
-
5-2-4 使用Function 建構子宣告函式
-
-
5-3 函式的參數
-
5-3-1 參數傳遞方式(傳值呼叫與傳址呼叫)
-
5-3-2 預設參數
-
5-3-3 具名參數
-
5-3-4 其餘參數
-
-
5-4 函式的傳回值
-
5-5 高階函式
-
5-5-1 將函式當作其它函式的參數
-
5-5-2 將函式當作其它函式的傳回值
-
-
5-6 遞迴函式
-
5-7 變數的有效範圍
-
5-8 上層預先定義函式
-
ChatGPT 隨堂練習
-
-
CHAPTER 06 內建物件
-
6-1 認識物件
-
6-2 使用物件
-
6-2-1 使用實字方式建立物件
-
6-2-2 使用建構子方式建立物件
-
-
6-3 JavaScript 內建物件
-
6-3-1 Number 物件
-
6-3-2 String 物件
-
6-3-3 Symbol 物件
-
6-3-4 Math 物件
-
6-3-5 Date 物件
-
6-3-6 Array 物件
-
6-3-7 Object 物件
-
-
ChatGPT 隨堂練習
-
-
CHAPTER 07 錯誤處理
-
7-1 錯誤的類型
-
7-2 Error 物件
-
7-3 try...catch...finally
-
7-4 拋出例外
-
ChatGPT 隨堂練習
-
-
CHAPTER 08 文件物件模型(DOM)
-
8-1 認識DOM
-
8-2 取得元素節點
-
8-2-1 getElementById()方法(根據id 屬性值取得元素)
-
8-2-2 getElementsByName()方法(根據name 屬性值取得元素)
-
8-2-3 getElementsByTagName()方法(根據標籤名稱取得元素)
-
8-2-4 getElementsByClassName()方法(根據類別名稱取得元素)
-
8-2-5 querySelector()/querySelectorAll()方法(根據CSS 選擇器取得元素/所有元素)
-
-
8-3 走訪節點
-
8-4 取得/設定元素的屬性值與文字內容
-
8-4-1 取得/設定元素的屬性值
-
8-4-2 取得/設定元素的文字內容
-
-
8-5 新增/取代/移除節點
-
8-5-1 新增節點
-
8-5-2 取代節點
-
8-5-3 移除節點
-
-
8-6 存取表單元素
-
8-6-1 取得單行文字方塊與密碼欄位的值
-
8-6-2 取得選擇鈕的值
-
8-6-3 取得核取方塊的值
-
8-6-4 取得下拉式清單的值
-
-
8-7 操作CSS 樣式表
-
8-7-1 使用style 屬性設定元素的行內樣式
-
8-7-2 使用className 屬性套用外部樣式表
-
-
ChatGPT 隨堂練習
-
-
CHAPTER 09 事件處理
-
9-1 事件驅動模式
-
9-2 事件的類型
-
9-3 定義事件處理程式/事件監聽程式
-
9-3-1 利用HTML 元素的事件屬性設定事件處理程式
-
9-3-2 傳統的DOM 事件處理程式
-
9-3-3 DOM Level 2 事件監聽程式
-
-
9-4 移除事件處理程式/事件監聽程式
-
9-5 事件流程
-
9-6 Event 物件
-
9-6-1 停止往外或往內的事件傳遞
-
9-6-2 停止所有事件傳遞
-
9-6-3 取消元素預設的行為
-
9-6-4 事件監聽程式中的this 關鍵字
-
-
9-7 事件處理範例
-
9-7-1 使用者介面(UI)事件
-
9-7-2 鍵盤事件
-
9-7-3 滑鼠事件
-
9-7-4 表單事件
-
9-7-5 焦點事件
-
-
ChatGPT 隨堂練習
-
-
CHAPTER 10 瀏覽器物件模型(BOM)
-
10-1 認識BOM
-
10-2 Window 物件
-
10-2-1 使用確認對話方塊
-
10-2-2 開啟視窗/關閉視窗
-
10-2-3 使用計時器
-
10-2-4 列印網頁
-
-
10-3 Location 物件
-
10-4 Navigator 物件
-
10-5 History 物件
-
10-6 Screen 物件
-
10-7 Document 物件
-
-
CHAPTER 11 網頁儲存
-
11-1 網頁儲存(Web Storage)
-
11-1-1 網頁儲存V.S.Cookie
-
11-1-2 測試瀏覽器的網頁儲存功能
-
-
11-2 本機儲存(Local Storage)
-
11-2-1 在本機儲存寫入資料
-
11-2-2 從本機儲存讀取資料
-
11-2-3 從本機儲存刪除資料
-
-
11-3 區段儲存(Session Storage)
-
11-4 網頁儲存相關的事件
-
-
CHAPTER 12 Ajax 與JSON
-
12-1 認識動態網頁技術
-
12-1-1 瀏覽器端Script
-
12-1-2 伺服器端Script
-
-
12-2 認識Ajax
-
12-3 撰寫使用Ajax 技術的網頁
-
12-4 使用Ajax 技術載入 JSON 資料
-
12-4-1 JSON 格式
-
12-4-2 載入JSON 資料實例
-
-
12-5 使用Ajax 技術進行跨網域存取
-
-
CHAPTER 13 jQuery
-
13-1 認識jQuery
-
13-2 取得jQuery 核心
-
13-3 使用jQuery 核心
-
13-3-1 選擇元素
-
13-3-2 存取元素的內容
-
13-3-3 存取元素的屬性值
-
13-3-4 插入元素
-
13-3-5 操作集合中的每個物件
-
13-3-6 存取CSS 設定
-
13-3-7 取得/設定元素的寬度與高度
-
13-3-8 移除元素
-
13-3-9 走訪DOM
-
13-3-10 篩選元素
-
-
13-4 事件處理
-
13-4-1 .on()方法
-
13-4-2 .off()方法
-
13-4-3 .ready()方法
-
13-4-4 Event 物件
-
-
13-5 特效與動畫
-
13-5-1 基本特效
-
13-5-2 淡入/淡出/移入/移出特效
-
13-5-3 自訂動畫
-
-
-
CHAPTER 14 Vue.js
-
14-1 認識Vue.js
-
14-2 安裝與使用Vue.js
-
14-3 樣板語法
-
14-3-1 資料繫結
-
14-3-2 屬性繫結
-
14-3-3 使用JavaScript 運算式
-
-
14-4 methods 與computed 屬性
-
14-4-1 methods 屬性
-
14-4-2 computed 屬性
-
14-4-3 可寫入的computed 屬性
-
-
14-5 事件處理
-
14-6 表單欄位繫結
-
14-6-1 單行文字方塊
-
14-6-2 選擇鈕
-
14-6-3 核取方塊
-
14-6-4 多行文字方塊
-
14-6-5 下拉式清單
-
14-6-6 v-model 指令與修飾字
-
-
14-7 類別與樣式繫結
-
14-8 條件式渲染
-
14-9 清單渲染
-
- 出版地 : 臺灣
- 語言 : 繁體中文
評分與評論
請登入後再留言與評分