JavaScript

全彩印刷、內容持續進化、網羅最新技術、最新語法、最多範例 經典暢銷書全新改版，快速學會網頁設計的關鍵技術！ 有了本書，讓你一次學會網頁設計的關鍵技術： *使用HTML5的元素和各種表單輸入類型，讓網頁的結構條理分明。 *使用CSS3的Box Model、定位方式、彈性版面(Flexbox Layout)、格線版面(Grid Layout)，以及色彩、字型、文字、清單、背景、漸層、表格、版面設計、變形、轉場、媒體查詢等屬性，以根據PC或行動裝置的特徵設計網頁。 *使用JavaScript的基本語法和瀏覽器端的技術，讓靜態網頁具有動態效果，包括文件物件模型 (DOM)、瀏覽器物件模型 (BOM)、事件處理等。 *使用jQuery的基本語法、事件、特效和常用函式，讓操作HTML文件、選擇HTML元素、處理事件、建立特效動畫等動作變得更簡單。 *使用Vue.js提供的API進行資料繫結及操作網頁上的元素，解決畫面顯示與資料狀態同步的問題。Vue.js是近年來相當熱門的前端框架，簡單易學、容易導入並具有高度的擴充性。 *使用響應式網頁設計 (RWD，Responsive Web Design) 根據瀏覽器環境自動調整網頁的版面配置，讓網頁完整呈現在PC、平板、手機等裝置，達到One Web One URL (一網站一網址) 的目標。

★一次掌握PC網頁與行動網頁的關鍵技術！ 以大量的範例進行語法教學，佐以整合的範例開發響應式網頁與行動網頁，破除初學者見樹不見林、無法靈活運用各項技術的迷思！ ■ 使用HTML5的元素和各種表單輸入類型，讓網頁的結構條理分明。 ■ 使用CSS3的Box Model、定位方式，以及色彩、字型、文字、清單、背景、漸層、表格、陰影、邊界、留白、框線、變形處理、轉場效果、媒體查詢等屬性，以根據PC或行動裝置的特徵設計網頁。 ■ 使用JavaScript的核心語法和瀏覽器端的應用，讓靜態網頁具有動態效果，包括DOM、JavaScript內建的物件、事件處理等。 ■ 使用jQuery的核心語法、事件與特效，讓網頁設計更快速便利。 ■ 使用Bootstrap5開發響應式網頁，讓網頁完整呈現在PC、平板、手機等裝置，達到One Web One URL (一網站一網址) 的目標。 ■ 使用jQuery Mobile建立行動網頁的介面，將跨平台、跨裝置、跨瀏覽器所面臨的相容性問題交給jQuery Mobile處理。

這是一本內容非常齊全的網頁設計書籍，網羅最新技術、最新語法、最多範例，包含下列的【7大主題】和【超過700個範例程式】，全彩印刷，圖解詳盡，觀念正確，讓讀者快速學會網頁設計的關鍵技術！ ．HTML ．CSS ．JavaScript ．Bootstrap ．jQuery ．Vue.js ．響應式網頁設計 (RWD) 除了分篇分章進行語法教學，目前最熱門的【ChatGPT】也是重要主題，我們會介紹如何使用ChatGPT學習網頁設計，包括撰寫網頁程式、解讀網頁程式、加註解、除錯、查詢語法、尋求技術支援、出題練習、解題、與其它程式語言做轉換等。 為了讓讀者體驗如何將各種語法活用到實際的網頁設計，不再陷入只會語法，卻不知如何活用的窘境，我們設計了【三大響應式網頁範例】－【圖庫網站】、【旅遊網站】和【部落格網站】，其中第一個範例是使用HTML和CSS手刻響應式網頁，而第二、三個範例是使用HTML、CSS和Bootstrap開發響應式網頁，這些範例均相當精美，對於設計人員開發網頁、老師設計教學範例、學生製作專題或參加競賽都極具參考價值。 學習重點------------------------------------------------------------ 【第0章－ChatGPT】 在本章中，我們會介紹如何使用ChatGPT學習網頁設計，例如撰寫網頁程式、解讀網頁程式、加註解、除錯、查詢語法、尋求技術支援、出題練習、解題、與其它程式語言做轉換等。 【第1篇－HTML】 HTML可以用來定義網頁的內容，開發各種網頁應用程式。在本篇中，我們會介紹HTML常用的元素，例如文件結構、資料編輯與格式化、嵌入內容、表格、表單等。 【第2篇－CSS】 CSS可以用來定義網頁的外觀，包括編排、顯示、格式化及特殊效果。在本篇中，我們會介紹CSS常用的屬性，例如色彩、字型、文字、清單、Box Model、定位方式、背景、漸層、濾鏡、表格、Flexbox Layout、Grid Layout、變形、轉場、動畫、媒體查詢等。 【第3篇－JavaScript】 JavaScript可以用來定義網頁的行為，在本篇中，我們會介紹JavaScript的基本語法，包括型別、變數、常數、運算子、流程控制、函式、物件等，還會介紹JavaScript在瀏覽器端的應用，也就是如何利用JavaScrip

📢 含ITS HTML&CSS國際認證模擬試題 本書主要介紹網站開發的前端技術為主，以HTML 5、CSS 3、JavaScript、jQuery為基礎，搭配最新的Bootstrap 5前端框架開發行動優先的響應式網頁，同時介紹使用jQuery Mobile製作跨平台行動網頁，逐步引導初學者邁向網頁設計高手的坦途。 ．易學：經過初學者試讀，按圖索驥，可以完整重現書中範例，初學者好上手。並配合大量範例了解如何整合運用。 ．易教：本書經過與初學者或開發人員試教，修改內容與作法，去蕪存菁，教師免備課。 ．易懂：以圖文並茂方式逐步解說，內文融入ITS HTML & CSS國際認證知識，同時附上兩份國際認證模擬試題，讓讀者具考取認照的能力。 【快速上手HTML5語法】 使用大量範例輔助初學者學習HTML與CSS，使初學者快速進入網頁開發領域。 【CSS3排版與動畫設計】 以實際且豐富的案例介紹CSS排版、動畫、特效的設計技巧。 【JavaScript程式】 從零開始學習JavaScript、由變數宣告、選擇結構、重複結構、陣列到函式，沒有艱澀專業用詞，讓初學者不再害怕程式設計。 【Bootstrap元件與互動組件】 使用Bootstrap元件，如表單、按鈕、表格、縮圖、卡片、廣告屏幕與格線系統與互動組件，快速打造具使用者體驗的跨平台RWD響應式網站。 【jQuery互動應用】 透過jQuery函式選擇元素進行互動、選取表單資料、呼叫動畫函式與替換樣式，打造良好的酷炫效果與互動網頁。 【RWD網站實戰】 實作具實務案例與行動優先的跨平台網頁，讓初學者的學習展現成果。 【跨平台行動網頁】 使用jQuery Mobile開發同時支援iOS、Android的跨平台行動網頁。 【ITS HTML&CSS國際證照訓練】 涵蓋ITS HTML&CSS國際認證技能知識，並提供模擬試題訓練，讓讀者除了擁有實作的能力，更擁有國際認證證明自己。

時至今日，程式開發已經不再是程式工程師的專利！ 108年學年度，教育部已將程式開發列為12年國教的課鋼之一。 要不要學已經不再是爭執的重點，而是：一，怎麼學，二，在那裡用，才是我們該專注的目標。 一，怎麼學？ 程式是電腦的語言，和我們人類講的語言當然一定有代溝；而剛學程式，最早獲得就是挫折感，然後，就沒有然後了。 這應該是很多人第一次學習程式的感想吧？ 為了增加成就感，減少挫折感，筆者特地選用，號稱地表最簡單的程式語言 JavaScript 並先剪去往常講 JS 學習的書籍都會帶的 HTML 等前端語法。 從後端開始，就可以建置應用，讓各位讀書可以輕鬆分享開發成果給好友，增進各位的成就感，進而有繼續學習下去的勇氣。 有了學習的勇氣後，再一步一步的將目前程式開發大略會碰到的知識一步步代入，使各位成長。 二，在那裡用？ JavaScript 是一套很值得投資時間學習的語言，軟體開發界有一句名言「Anything that can be Written in JavaScript, will Eventually be Written in JavaScript」，意思是說：任何可以以 JavaScript 實現的應用，最終都會以 JavaScript 實現 。 放在今時今日來看，javascript 除了在網頁前端上的發光發熱之外，在其他的領域都有相對應的套件，例如：後端有 node.js ，IOT 物聯裝置有 Node-Red … 除此之外，在G的領域，Google App Script 也是以 javascript 做為基礎所以研發的語言。 在非技術工作上，培養邏輯思維；快速反應市場變化，降低對技術人員的倚賴；驗證商業構想，優化營運流程；以及規劃大型專案時，將商業需求轉譯為技術問題的能力，對於每一個人而言，應該都是數位時代職場競爭力的重要元素，也是掌握基本程式能力後，可望達成的目標。 本書特色 ★三個面向的學習重點☆ ✪程式語法的學習 基礎的程式語法是很重要的，本書前面篇幅偏重在語法的學習與練習。 例如：JS程式學習篇：基本語法練習、JS程式學習篇：函式方法與物件、JS程式學習篇：決策與迴圈、JS程式學習篇：非同步與API ✪程式應用的開發 懂了程式語法之後，就

本书从简洁实用的角度出发，详细讲解了：网页设计基础，Ｄｒｅａｍｗｅａｖｅｒ ＣＣ 基础，添加和 编辑网页内容，超链接的创建与设置，网页版面布局，ＣＳＳ 层叠样式表，ＪａｖａＳｃｒｉｐｔ，页面表单等 内容，力求让读者掌握 Ｄｒｅａｍｗｅａｖｅｒ ＣＣ 的基本操作，能设计制作出符合要求的网页。 本书浅显易懂，指导性强，适合网页设计与制作的初学者，也适合有一定 Ｄｒｅａｍｗｅａｖｅｒ 应 用基础和具有一定网页设计经验的读者。 此外，本书也可以作为高等院校、大专院校网页设 计课程的教材以及相关领域人员网页设计入门培训教材。

★★★【全台第一本繁體中文WebGL教學書】★★★ ★★★【2021 iThome 鐵人賽 Modern Web 組 優選文章改寫】★★★ ★★★【536頁內容+全彩圖文解說=完整學習WebGL！】★★★ 本書由 2021 iThome 鐵人賽 Modern Web 組「如何在網頁中繪製 3D 場景？從 WebGL 的基礎開始說起」改寫並加入遊戲互動要素，除了波光粼粼的海面，現在更有遊玩性了！ WebGL是一種JavaScript API，用於網頁呈現互動式2D和3D圖形，現今許多商家網頁展示自家商品，或讓顧客於線上預覽客製化商品時，都能看見其蹤影存在。 書中提供一系列連貫範例，帶領讀者透過 WebGL 在瀏覽器中學習電腦渲染 3D 的運作機制，一步步建構 3D 渲染流程，再到各種光線、陰影效果，最後加入遊戲機制與互動，製作成刺激好玩的遊戲！ 本書主要內容如下 ★初步認識WebGL ★Texture&2D ★3D&物件 ★Lighting ★Framebuffer&陰影 ★帆船與海

★從零開始，拆掉遊戲製作的門檻★ ☆本書作者獲2022 iThome鐵人賽—優選☆ 網頁遊戲可說是最方便廣傳的發布平台，二十一世紀初期的Flash大一統年代已經證明了，不管規模多麼小、點子多麼荒誕不經的網頁遊戲，都有機會在網路上大放異彩。 自Flash走下神壇，HTML5取而代之，隨著技術的發展，網頁遊戲的開發工具變得越加成熟。 在網頁繪圖引擎的大海中，Pixi.js無疑是繼承了Flash精神的佼佼者，不但提供了高效、輕量級的圖像渲染、動畫特效，而且對於我們程式設計師來說，更有著功能清晰易懂、入門快速上手的好處。 此外，Pixi.js還是以TypeScript為語言撰寫的函式庫。TypeScript是JavaScript的一個超集，提供了靜態類型檢查和推斷等特性，不僅提高了程式碼的可讀性和可維護性，還大大地減少錯誤的發生。本書將並進介紹TypeScript的語法與Pixi.js的功能，通過實例演示如何使用這兩大工具，從零到有地開發網頁遊戲。 透過本書，您將學會如何以最先進的網頁技術製作遊戲，從開發環境的組建、基礎程式編輯概念、TypeScript語法、Pixi.js繪圖功能，到響應式遊戲尺寸、鍵盤滑鼠的操作、物理引擎的引入，再到網頁遊戲的發布和匯出手機遊戲的方法，本書提供了全面的指引與詳解，幫助您輕鬆掌握網頁遊戲製作的知識與技巧。 在WebView全面嵌入作業系統的今天，網頁技術成為支援多平台軟體的熱門選擇之一，對於遊戲製作的新手，更是一片充滿機運的天地。 讓我們一起打開這扇大門，創造屬於自己的遊戲世界吧！ 本書內容分成四大部分： 1.開發環境的組建（第一、二章） 2.函式庫的建立（第三、四、五章） 3.實作遊戲（第六、七、八、九章） 4.發布遊戲於網頁與手機（第十章） 本書的適用對象 因為撰寫時所想像的閱讀對象是完全的入門者，也就是對遊戲製作抱有夢想卻不得其門而入的新手，所以內容除了加入許多程式設計上的解說與邏輯推衍的過程，也會避免使用過於行內的字眼。如果有不得不使用的專業術語，會加開小節對其詳加介紹。 在程式碼的演示上，則儘量將長篇大論切成許多小段來逐步解釋，希望能大幅降低閱讀壓力。 對於已經有程式底子的讀者，書中也有許多軟體設計模式的概念，還有各種遊戲中常用的演算法，供讀者學習思考與印證。

★ 提升切版魅力！從初階到進階必學的新世代排版神器！ 跟著 Tailwind CSS 降低開發響應式網站的時間，提升元件開發的效率。 「非官方文件」的導讀，帶領你了解基礎核心知識，直接上場做 project 開發！ 多人開發前端 project，團隊卻經常因為標籤命名不夠精準產生溝通困難？ 從網頁切版進入前端的世界，對於 UI/UX 息息相關的前端工程師，介面的設計規劃除了手刻能力要講究，在專案時程很趕的時候就會需要使用到框架來快速建構網頁畫面。對於多人開發 project 而言，光是想每個標籤使用的類別名稱就會燒腦到不行，命名就變成一種學問。 2019 年崛起的 Tailwind CSS 打破過往 CSS 框架的思維，您只需要考慮樣式優先的撰寫方式，專注於要給予列表的背景顏色、邊框顏色、文字顏色、按鈕需不需要滑鼠經過有效果，或是排版要怎麼安排，只需要從功能去發想，不需要先去想命名，這在開發上省下相當多的時間！ 本書為【擁有 CSS 與 RWD 開發經驗的網頁設計師與前端工程師】、【多人協作開發專案有統一風格需求的團隊】、【網站需要高客製化的元件需求專案】的最強參考書籍！ 作者著重在實際開發時的心得與情境，帶您從零開始，入門核心觀念、實作小功能介面，到呈現一個基本頁面的響應式網頁，後續也使用 jQuery 與 Vue.JS 為範例作為框架引入 Tailwind CSS 實際開發案例，完成一個靜態網頁。 本書使用 Tailwind CSS 版本：V3.0 現在就跟著本書輕鬆活用 Tailwind CSS 提升你的前端網站渲染效果！擺脫多人團隊專案風格紊亂無序的困擾吧！ 本書特色 ● 從零開始介紹 Tailwind CSS 的核心知識、安裝方式、基本元件建立，帶領讀者快速入門 ● 透過許多基礎元件感受 Tailwind CSS 的特色與魅力！ ● 功能優先特色，打造獨一無二的元件 ● 透過 Tailwind CLI 的編譯，讓網頁渲染效果提升！ ● 多個元件與功能實作／以及 2 個中大型範例開發／Vue.js 與 Tailwind CSS 的完美結合 ● 六角學院創辦人兼校長 廖洧杰 推薦 ● 熱愛 JavaScript 知名直播主 Tommy 推薦 專業推薦

☆本書按照命題重點編寫，內容豐富紮實☆ ☆經濟部所屬國營事業、中華電信招考適用☆ ☆歷屆試題搭配全真模擬試題，增加演練機會☆ 【本書架構】 Part1內容整理，一共分為緒論、程式語言、純量資料型別、流程控制和程式開發等五個章節，配合相關例題解說，帶領讀者洞悉命題重點。 Part2黃金考點觀念聚焦，整理出程式設計（程式語言）的重要考點替考生做深入學習。 Part3歷屆試題與解析，大量收錄92～110年國營事業考試相關試題共20 回並提供模擬試題，協助考生掌握命題重點與趨勢。 【學習心得】 1.建議熟讀本書內容，最好能搭配原文書，將相關的公式與原理重新閱讀過。 2.原理與公式都熟習後，一定要自己動筆練習，一開始盡量先練習典型而且解答詳實的題目，切記！解析只用讀的而不動筆，一定無法發現自己盲點所在。 3.程式設計除了原理、定義須熟記外，常見的的遞迴問題或是 Class 問題建議都可以直接背誦下來，減少考試撰寫的時間。由於近期考試的程式語言除了 JAVA 與 C 之外，有越來越邁向網頁化的趨勢，所以若有餘力者不妨也多看看網頁程式語言相關書籍，以增進本身實力。 4.可相約志同好友編組讀書會，對於難懂的觀念，或是難解的試題，可由互相討論的方式解決，如此教學互長，必然有所裨益。 5.當仍有問題無法解決，建議詢問相關學有專精的教授或是先進。 【應試要點】 綜觀以往相關的考題，程式設計其主要包含：C、C++、JAVA、HTML、Javascript和 PHP 等程式語言，想要在考試中獲得高分，必須先瞭解其專業知識與核心能力： 1.應瞭解程式設計之發展、內涵及其變化之趨勢。 2.應瞭解程式設計所必備之相關知識及整合技術之能力。 3.應瞭解程式設計與相關專業學門的關係及跨領域分工合作必要之知識與能力。 因此，不管任何程式語言，在設計及應用的時候，使用者必須瞭解程式語言的： 1.變數（variable）及有效範圍（scoping）。 2.資料型態（data type）。 3.陣列（array）和指標（pointer）。 4.運算式（expression）及各種控制結構。 以下是準備程式設計（程式語言）的三大提醒： 1.掌握重要觀念，清楚瞭解架構內容。 2.熟悉基本語法，強化應考答題速度。 3.勤做考古題目，洞悉命題方向重點。 【購買本書重