內容簡介

◖本書特色◗
♦ 掌握ChatGPT提問技巧，精準引導，獲得符合期望的解答。
♦ JavaScript多年蟬聯GitHub熱門程式語言排行榜冠軍，學習程式首選技術。
♦ 涵蓋WEB/APP前端開發三大必學技術：JavaScript(ES6)+HTML5+CSS3。
♦ 以淺顯易懂的教學與範例，培養程式素養，唯有觀念清楚，才能靈活運用，零基礎也能輕鬆上手。
♦ 撰寫適合自己的Web應用程式，也能讀懂他人所寫的程式碼，不管是開發、Debug(除錯)或改版維護都能從容以對。

◖本書內容◗
這本實用的書籍介紹大量ES6+語法。每一堂課都以循序漸進的方式規劃明確且直覺的主題，以淺顯易懂的方式讓您理解艱澀難懂的關鍵概念，例如瀏覽器與JS引擎的運作模式、DOM、CSSOM、RegExp、物件導向、作用域、迭代、閉包、原型鏈、解構賦值、事件循環與非同步等重要觀念。透過範例實作，加強更多的程式實戰經驗。
本書的目標不僅是培養您的JavaScript程式素養，還教授如何與HTML5、CSS3搭配活用。即使零基礎的初學者，也能夠充分掌握JavaScript的語法和概念。

◖課程目標◗
◉ 清楚了解瀏覽器及JS引擎的運作模式
◉ 熟悉JS語法與瀏覽器console除錯技巧
◉ 掌握變數作用域、迭代、物件導向與非同步等關鍵技術
◉ 能夠利用RegExp物件做數據的精準搜尋
◉ 學會使用JS操作HTML DOM、CSS及Web Storage

◖適用讀者◗
◉ JavaScript 開發者或初學者
◉ 網頁程式設計相關從業人員
◉ 大專院校網頁程式設計相關系所的師生

內容目錄

第一部分 JavaScript精要

第01堂課 認識JavaScript
1-1 JavaScript特色與用途
1-2 設定JavaScript開發環境

第02堂課 JavaScript基礎語法
2-1 語法架構
2-2 變數與資料型別
2-3 運算式與運算子

第03堂課 程式控制結構
3-1 選擇結構
3-2 重複結構
3-3 錯誤與例外處理

第04堂課 JavaScript內建標準物件
4-1 日期與時間物件(Date)
4-2 字串物件與數值物件

第05堂課 集合物件
5-1 陣列(Array)
5-2 Map物件與Set物件

第06堂課 函式與作用域
6-1 自訂函式
6-2 函式的多重用法

第07堂課 物件、方法與屬性
7-1 物件基本概念
7-2 JavaScript三大物件
7-3 原型鏈(prototype chain)與擴充(extends)

第08堂課 RegExp物件
8-1 認識正則表達式
8-2 使用RegExp物件

第09堂課 非同步與事件循環(Event loop)
9-1 認識同步與非同步
9-2 非同步流程控制

第二部分 JavaScript在WEB程式的應用

第10堂課 認識HTML
10-1 HTML基本觀念
10-2 HTML常用標記
10-3 div標記與span標記

第11堂課 認識CSS
11-1 使用CSS樣式表
11-2 CSS樣式語法
11-3 掌握CSS定位

第12堂課 JavaScript與HTML DOM
12-1 文件物件模型(DOM)
12-2 DOM物件的操作
12-3 DOM風格樣式

第13堂課 JavaScript事件與事件處理
13-1 事件(Event)與事件處理程序(Event handler)
13-2 常用的HTML事件

第14堂課 前端資料儲存
14-1 認識Web Storage
14-2 Local Storage及session Storage
14-3 Web Storage實例練習

第15堂課 善用ChatGPT寫JavaScript程式
15-1 AI人工智慧聊天機器人
15-2 ChatGPT初體驗
15-3 使用ChatGPT寫JavaScript程式
15-4 ChatGPT AI JavaScript程式範例集
15-5 課堂上學不到的ChatGPT使用祕訣