JavaScript × ChatGPT 第一次學就上手

    ChatGPT神助攻!教語法、寫程式、除錯、出題練習、轉換其它程式語言樣樣行!

    Collecting
    US$18.26
    ChatGPT神助攻!教語法、寫程式、除錯、出題練習、轉換其它程式語言樣樣行!
    JavaScript×ChatGPT強強聯名,讓您在AI的神助攻下,華麗化身為JavaScript程式設計高手!

    在ChatGPT橫空出世後,有不少人驚覺「寫程式」即將由AI工具所取代,沒錯,AI工具確實能夠寫程式,但這並不表示您就不用學程式設計,而是程式設計師必須要進化為AI工具的程式審查員或教AI學習的老師。
    換句話說,您必須具備程式設計能力,才有辦法跟AI工具溝通,讓它寫出您需要的程式碼,也才有辦法閱讀或審查AI工具所生成的程式碼,確保程式碼是正確的、有效率的、經過完整測試的。
    在本書中,我們除了告訴您如何使用ChatGPT撰寫程式、解讀程式、查詢語法、尋求技術支援、除錯、出題練習、在JavaScript與其它程式語言之間做轉換,更重要的是有計畫地帶您學習JavaScript,無論您有無程式設計的經驗,只要約略具有HTML與CSS的基礎知識,都能看得懂、學得會,不會愈看愈挫折、半途而廢。

    全書彩色印刷、圖解詳盡、範例導向、邊做邊學,零基礎也能輕鬆上手!

    Content

    • 1-1
      封面頁
    • 1-2
      書名頁
    • 1-3
      關於本書
    • 1-4
      目錄
    • 1-5
      CH01 開始撰寫JavaScript 程式
    • 1-6
      1-1 認識 JavaScript
    • 1-7
      1-1-1 JavaScript的用途
    • 1-8
      1-1-2 JavaScript的特點
    • 1-9
      1-1-3 JavaScript的語法標準
    • 1-10
      1-1-4 JavaScript如何與HTML、CSS一起運作
    • 1-11
      1-2 開發環境與編輯工具
    • 1-12
      1-3 撰寫第一個 JavaScript 程式
    • 1-13
      1-3-1 將JavaScript程式寫進HTML文件
    • 1-14
      1-3-2 將JavaScript程式放在外部檔案
    • 1-15
      1-4 JavaScript 程式碼撰寫慣例
    • 1-16
      CH02 使用ChatGPT 撰寫JavaScript 程式
    • 1-17
      2-1 開始使用 ChatGPT
    • 1-18
      2-2 查詢 JavaScript語法與技術建議
    • 1-19
      2-3 撰寫 JavaScript 程式與除錯
    • 1-20
      2-3-1 撰寫指定用途的JavaScript程式
    • 1-21
      2-3-2 解讀JavaScript程式的意義
    • 1-22
      2-3-3 幫JavaScript程式加上註解
    • 1-23
      2-3-4 解決JavaScript程式的錯誤 (除錯)
    • 1-24
      2-4 與其它程式語言互相轉換
    • 1-25
      2-4-1 將JavaScript程式轉換成其它程式語言
    • 1-26
      2-4-2 將其它語言撰寫的程式轉換成JavaScript
    • 1-27
      2-4-3 將使用jQuery的程式轉換成原生的JavaScript
    • 1-28
      2-5 提供練習測驗與解答
    • 1-29
      CH03 變數、常數、型別與運算子
    • 1-30
      3-1 變數
    • 1-31
      3-1-1 宣告變數
    • 1-32
      3-1-2 設定變數的值
    • 1-33
      3-1-3 變數的命名規則
    • 1-34
      3-1-4 使用let關鍵字宣告變數
    • 1-35
      3-2 常數
    • 1-36
      3-3 型別
    • 1-37
      3-3-1 數值型別 (Number)
    • 1-38
      3-3-2 BigInt型別
    • 1-39
      3-3-3 字串型別 (String)
    • 1-40
      3-3-4 布林型別 (Boolean)
    • 1-41
      3-3-5 undefined
    • 1-42
      3-3-6 null
    • 1-43
      3-3-7 函式 (function)
    • 1-44
      3-3-8 陣列 (array)
    • 1-45
      3-3-9 物件 (object)
    • 1-46
      3-4 運算子
    • 1-47
      3-4-1 算術運算子
    • 1-48
      3-4-2 字串運算子
    • 1-49
      3-4-3 遞增/遞減運算子
    • 1-50
      3-4-4 比較運算子
    • 1-51
      3-4-5 邏輯運算子
    • 1-52
      3-4-6 位元運算子
    • 1-53
      3-4-7 指派運算子
    • 1-54
      3-4-8 條件運算子
    • 1-55
      3-4-9 typeof運算子
    • 1-56
      3-4-10 運算子的優先順序
    • 1-57
      ChatGPT 隨堂練習
    • 1-58
      CH04 流程控制
    • 1-59
      4-1 認識流程控制
    • 1-60
      4-2 if
    • 1-61
      4-2-1 if (若…就…)
    • 1-62
      4-2-2 if…else (若…就…否則…)
    • 1-63
      4-2-3 if…else if (若…就…否則 若…就…否則…)
    • 1-64
      4-3 switch
    • 1-65
      4-4 for
    • 1-66
      4-5 while
    • 1-67
      4-6 do…while
    • 1-68
      4-7 for…in
    • 1-69
      4-8 for…of
    • 1-70
      4-9 break、continue 與標記
    • 1-71
      ChatGPT 隨堂練習
    • 1-72
      CH05 函式
    • 1-73
      5-1 認識函式
    • 1-74
      5-2 宣告函式
    • 1-75
      5-2-1 使用function關鍵字宣告函式
    • 1-76
      5-2-2 匿名函式
    • 1-77
      5-2-3 箭頭函式
    • 1-78
      5-2-4 使用Function建構子宣告函式
    • 1-79
      5-3 函式的參數
    • 1-80
      5-3-1 參數傳遞方式 (傳值呼叫與傳址呼叫)
    • 1-81
      5-3-2 預設參數
    • 1-82
      5-3-3 具名參數
    • 1-83
      5-3-4 其餘參數
    • 1-84
      5-4 函式的傳回值
    • 1-85
      5-5 高階函式
    • 1-86
      5-5-1 將函式當作其它函式的參數
    • 1-87
      5-5-2 將函式當作其它函式的傳回值
    • 1-88
      5-6 遞迴函式
    • 1-89
      5-7 變數的有效範圍
    • 1-90
      5-8 上層預先定義函式
    • 1-91
      ChatGPT 隨堂練習
    • 1-92
      CH06 內建物件
    • 1-93
      6-1 認識物件
    • 1-94
      6-2 使用物件
    • 1-95
      6-2-1 使用實字方式建立物件
    • 1-96
      6-2-2 使用建構子方式建立物件
    • 1-97
      6-3 JavaScript 內建物件
    • 1-98
      6-3-1 Number物件
    • 1-99
      6-3-2 String物件
    • 1-100
      6-3-3 Symbol物件
    • 1-101
      6-3-4 Math物件
    • 1-102
      6-3-5 Date物件
    • 1-103
      6-3-6 Array物件
    • 1-104
      6-3-7 Object物件
    • 1-105
      ChatGPT 隨堂練習
    • 1-106
      CH07 錯誤處理
    • 1-107
      7-1 錯誤的類型
    • 1-108
      7-2 Error 物件
    • 1-109
      7-3 try...catch...finally
    • 1-110
      7-4 拋出例外
    • 1-111
      ChatGPT 隨堂練習
    • 1-112
      CH08 文件物件模型 (DOM)
    • 1-113
      8-1 認識 DOM
    • 1-114
      8-2 取得元素節點
    • 1-115
      8-2-1 getElementById() 方法 (根據id屬性值取得元素)
    • 1-116
      8-2-2 getElementsByName() 方法 (根據name屬性值取得元素)
    • 1-117
      8-2-3 getElementsByTagName() 方法(根據標籤名稱取得元素)
    • 1-118
      8-2-4 getElementsByClassName() 方法(根據類別名稱取得元素)
    • 1-119
      8-2-5 querySelector() / querySelectorAll() 方法(根據CSS選擇器取得元素 / 所有元素)
    • 1-120
      8-3 走訪節點
    • 1-121
      8-4 取得 / 設定元素的屬性值與文字內容
    • 1-122
      8-4-1 取得 / 設定元素的屬性值
    • 1-123
      8-4-2 取得 / 設定元素的文字內容
    • 1-124
      8-5 新增 / 取代 / 移除節點
    • 1-125
      8-5-1 新增節點
    • 1-126
      8-5-2 取代節點
    • 1-127
      8-5-3 移除節點
    • 1-128
      8-6 存取表單元素
    • 1-129
      8-6-1 取得單行文字方塊與密碼欄位的值
    • 1-130
      8-6-2 取得選擇鈕的值
    • 1-131
      8-6-3 取得核取方塊的值
    • 1-132
      8-6-4 取得下拉式清單的值
    • 1-133
      8-7 操作 CSS 樣式表
    • 1-134
      8-7-1 使用style屬性設定元素的行內樣式
    • 1-135
      8-7-2 使用className屬性套用外部樣式表
    • 1-136
      ChatGPT 隨堂練習
    • 1-137
      CH09 事件處理
    • 1-138
      9-1 事件驅動模式
    • 1-139
      9-2 事件的類型
    • 1-140
      9-3 定義事件處理程式 / 事件監聽程式
    • 1-141
      9-3-1 利用HTML元素的事件屬性設定事件處理程式
    • 1-142
      9-3-2 傳統的DOM事件處理程式
    • 1-143
      9-3-3 DOM Level 2事件監聽程式
    • 1-144
      9-4 移除事件處理程式 /事件監聽程式
    • 1-145
      9-5 事件流程
    • 1-146
      9-6 Event 物件
    • 1-147
      9-6-1 停止往外或往內的事件傳遞
    • 1-148
      9-6-2 停止所有事件傳遞
    • 1-149
      9-6-3 取消元素預設的行為
    • 1-150
      9-6-4 事件監聽程式中的this關鍵字
    • 1-151
      9-7 事件處理範例
    • 1-152
      9-7-1 使用者介面 (UI) 事件
    • 1-153
      9-7-2 鍵盤事件
    • 1-154
      9-7-3 滑鼠事件
    • 1-155
      9-7-4 表單事件
    • 1-156
      9-7-5 焦點事件
    • 1-157
      ChatGPT 隨堂練習
    • 1-158
      CH10 瀏覽器物件模型(BOM)
    • 1-159
      10-1 認識 BOM
    • 1-160
      10-2 Window 物件
    • 1-161
      10-2-1 使用確認對話方塊
    • 1-162
      10-2-2 開啟視窗 / 關閉視窗
    • 1-163
      10-2-3 使用計時器
    • 1-164
      10-2-4 列印網頁
    • 1-165
      10-3 Location 物件
    • 1-166
      10-4 Navigator 物件
    • 1-167
      10-5 History 物件
    • 1-168
      10-6 Screen 物件
    • 1-169
      10-7 Document 物件
    • 1-170
      CH11 網頁儲存
    • 1-171
      11-1 網頁儲存 (Web Storage)
    • 1-172
      11-1-1 網頁儲存V.S. Cookie
    • 1-173
      11-1-2 測試瀏覽器的網頁儲存功能
    • 1-174
      11-2 本機儲存 (Local Storage)
    • 1-175
      11-2-1 在本機儲存寫入資料
    • 1-176
      11-2-2 從本機儲存讀取資料
    • 1-177
      11-2-3 從本機儲存刪除資料
    • 1-178
      11-3 區段儲存 (Session Storage)
    • 1-179
      11-4 網頁儲存相關的事件
    • 1-180
      CH12 Ajax 與JSON
    • 1-181
      12-1 認識動態網頁技術
    • 1-182
      12-1-1 瀏覽器端Script
    • 1-183
      12-1-2 伺服器端Script
    • 1-184
      12-2 認識 Ajax
    • 1-185
      12-3 撰寫使用 Ajax 技術的網頁
    • 1-186
      12-4 使用 Ajax 技術載入 JSON 資料
    • 1-187
      12-4-1 JSON格式
    • 1-188
      12-4-2 載入JSON資料實例
    • 1-189
      12-5 使用 Ajax 技術進行跨網域存取
    • 1-190
      CH13 jQuery
    • 1-191
      13-1 認識 jQuery
    • 1-192
      13-2 取得 jQuery 核心
    • 1-193
      13-3 使用 jQuery 核心
    • 1-194
      13-3-1 選擇元素
    • 1-195
      13-3-2 存取元素的內容
    • 1-196
      13-3-3 存取元素的屬性值
    • 1-197
      13-3-4 插入元素
    • 1-198
      13-3-5 操作集合中的每個物件
    • 1-199
      13-3-6 存取CSS設定
    • 1-200
      13-3-7取得 / 設定元素的寬度與高度
    • 1-201
      13-3-8 移除元素
    • 1-202
      13-3-9 走訪DOM
    • 1-203
      13-3-10 篩選元素
    • 1-204
      13-4 事件處理
    • 1-205
      13-4-1 .on() 方法
    • 1-206
      13-4-2 .off() 方法
    • 1-207
      13-4-3 .ready() 方法
    • 1-208
      13-4-4 Event物件
    • 1-209
      13-5 特效與動畫
    • 1-210
      13-5-1 基本特效
    • 1-211
      13-5-2 淡入 / 淡出 / 移入 / 移出特效
    • 1-212
      13-5-3 自訂動畫
    • 1-213
      CH14 Vue.js
    • 1-214
      14-1 認識 Vue.js
    • 1-215
      14-2 安裝與使用 Vue.js
    • 1-216
      14-3 樣板語法
    • 1-217
      14-3-1 資料繫結
    • 1-218
      14-3-2 屬性繫結
    • 1-219
      14-3-3 使用JavaScript運算式
    • 1-220
      14-4 methods 與 computed 屬性
    • 1-221
      14-4-1 methods屬性
    • 1-222
      14-4-2 computed屬性
    • 1-223
      14-4-3 可寫入的computed屬性
    • 1-224
      14-5 事件處理
    • 1-225
      14-6 表單欄位繫結
    • 1-226
      14-6-1單行文字方塊
    • 1-227
      14-6-2 選擇鈕
    • 1-228
      14-6-3 核取方塊
    • 1-229
      14-6-4 多行文字方塊
    • 1-230
      14-6-5 下拉式清單
    • 1-231
      14-6-6 v-model指令與修飾字
    • 1-232
      14-7 類別與樣式繫結
    • 1-233
      14-8 條件式渲染
    • 1-234
      14-9 清單渲染
    • 1-235
      版權頁
    • 1-236
      封底頁

    FAQ

    您可以透過手機、平板或是電腦登入 HiSKIO 平台,在【我的學習】>【我的書籍】頁面,選擇想看的電子書。

    Recommendations

    Reviews

    | Collecting

    Sales Plans