JavaScript

這是一本內容非常齊全的網頁設計書籍，網羅最新技術、最新語法、最多範例，包含下列的【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

★★★★★2021年8月Mybest網站推薦網頁設計類第1名★★★★★ ☆☆☆☆☆【6大主題】、【821個網頁實例】☆☆☆☆☆ 這是目前市面上內容最完整的跨平台、響應式網頁設計圖書，讀者研讀本書可以學會【HTML】、【CSS】、【JavaScrpt】、【jQuery】、【Bootstrap】、【Google Maps】等相關主題，從入門到進階、從元件到完整網頁設計。 這也是一本從零開始帶領讀者完整學習網頁設計的書籍，共有34個章節。完整講解【基礎網頁內容】、【網頁版型設計】、【動態網頁設計】、【跨平台網頁實作】。每個觀念皆有實例輔助解說，可以增進讀者學習效率。 研讀本書讀者可以學會下列的應用。 ☆ 認識與使用網路【免費資源】 ☆ 增加【網頁配色】知識 ☆ 解說與實作【完整的網頁設計】 ☆ 設計完整【響應式網頁】實例 ☆ 設計含【下拉式清單】的【響應式網頁】 ☆ 設計含【動態特效】、【輪播】、【警報】與【卡片】的【響應式網頁】 ☆ 設計含【旋轉特效】、【Google地圖】的【響應式網頁】 有了上述知識，讀者可以輕鬆將上述觀念應用在建立【部落格】、【企業】、【行銷】、【新聞】、【購物網】等相關網站的應用。

★★★【全台第一本繁體中文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&陰影 ★帆船與海

☆★☆改寫自第15屆iThome鐵人賽自我挑戰組熱門文章☆★☆ ☆★☆免費版ChatGPT-3.5，人人皆可用且簡易上手☆★☆ ☆★☆豐富的問答與範例☆★☆ ☆★☆依個人需求自訂義設定ChatGPT，打造專屬助手☆★☆ ☆★☆章節皆附QR Code，問答內容與程式碼一鍵複製☆★☆ ☆★☆深度掌握React與前端工程師必備相關知識☆★☆ ☆★☆學會如何使用ChatGPT幫助工作與學習☆★☆ 內容結合ChatGPT使用示範與前端技術教學，協助前端工程師打造更為精湛的React開發技能之餘，更學習如何與AI共融進步。 透過ChatGPT使用和設定教學，你將學到如何善用這個強大的工具，不僅提升開發效率，更能打造個人專屬的程式碼助手，了解其應用於算數問題以及程式碼開發、運維的種種可能性。 涵蓋JavaScript、TypeScript、React基礎與進階主題，深入剖析網頁基礎、ES6語法、異步操作、React狀態管理、以及Redux等重要概念。每一個章節都以ChatGPT為導師，搭配專業的技術指引，使你能夠輕鬆掌握前端開發的核心技能。 書中更探討自動測試的重要性，引導讀者使用Jest單元測試和Storybook來處理UI文件與測試，確保程式碼品質和穩定性。最後，透過ChatGPT的引導，你將走遍React與前端技能樹的各個角落，建立起堅實的技術基石。 本書希望讀者明白AI並不是取代自己的敵人，而是推進自己的忠心夥伴。讓ChatGPT與你攜手，開啟前端學習之旅，使技能樹在ChatGPT的詠唱中綻放光芒。

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