JavaScript Web Applications

JavaScript與React開發者指南 「Addy的書是學習基本概念的最好方法，這些概念在許多用途中都很實用。這本書是將系統思維應用到工作的開發人員應具備的，任何開發人員都會在閱讀的過程中獲得讓人難以置信的回報。」 ―Sarah Drasner Google工程總監 「Addy Osmani再次出擊，對這本JavaScript設計模式經典書籍進行了令人激賞的更新。」 ―Stoyan Stefanov WebPageTest.org工程師和《JavaScript Patterns》作者 您想將現代設計模式應用在JavaScript上編寫美觀、結構化且可維護的JavaScript嗎？您想要乾淨、有效率、可管理的程式碼嗎？您想瞭解最新的最佳實務嗎？如果是的話，本書是個理想的起點。 作者Addy Osmani向您展示了如何把現代設計模式(包括模組、mixin、觀察者和中介者)應用於JavaScript和React上。您將瞭解效能和渲染模式，例如伺服器端渲染和Islands架構。您還將瞭解從現代web應用程式開發人員的角度來看，MVC、MVP和MVVM等架構型模式有何用處。 本書探討： ‧用於建構元件和應用程式的架構型模式 ‧適用於任何層級開發人員的超過20種JavaScript和React設計模式 ‧不同的模式類別，包括建立型、結構型和行為型 ‧基本效能模式，包括動態匯入和程式碼拆分 ‧渲染模式，例如伺服器端渲染、水合、Islands架構等 此外，您還將探索現代JavaScript語法(例如JavaScript模組)、React模式(例如Hook)、高階元件(HOC)等，以便在不斷發展的Web開發世界中保持領先地位。

適合10歲以上孩子(及其父母)閱讀把真正的程式設計變得簡單JavaScript是主流的Web程式開發語言，是建立令人驚訝的互動式網頁應用程式和線上遊戲的祕密武器。本書用輕鬆愉快的方式，透過按部就班的範例，以及充滿趣味的圖示，幫助讀者輕鬆地學習程式設計的基礎知識。本書帶領讀者從基礎知識開始，例如處理字串、陣列以及迴圈，然後繼續學習一些進階主題，例如使用jQuery建構互動性，以及使用畫布繪圖。透過閱讀本書，你將實際撰寫出諸如Find the Buried Treasure、Hangman和Snake這樣的遊戲。透過彈跳球、蜜蜂動畫、賽車這樣的視覺化範例，你將真正地看到自己所編寫的程式。每→一章都建構於前一章的基礎之上，每一章末尾的「程式設計挑戰」將擴展你的思路，並激發出屬於你自己的、令人驚訝的程式。今天，就用JavaScript 設計一些很酷的東西吧！在本書中，你將學到：●建立函式以組織和重複使用程式碼●編寫和修改HTML以建立動態的Web頁面●應用DOM和jQuery Web頁面來回應使用者的輸入●使用canvas元素繪製圖形並產生動畫●編寫真正的、使用者控制的遊戲，具備碰撞偵測和分數記錄的功能

應讀者熱烈要求，好評熱銷再回饋！本書特色♦ JavaScript多年蟬聯GitHub熱門程式語言排行榜冠軍，學習程式首選技術。♦ 涵蓋WEB/APP前端開發三大必學技術：JavaScript(ES6)+HTML5+CSS3。♦ 以淺顯易懂的教學與範例，培養程式素養，唯有觀念清楚，才能靈活運用，零基礎也能輕鬆上手。♦ 撰寫適合自己的Web應用程式，也能讀懂他人所寫的程式碼，不管是開發、Debug (除錯) 或改版維護都能從容以對。本書內容JavaScript遵循的ECMAScript標準在ECMAScript 2015第六版 (簡稱ES6) 之後有了大幅變化，尤其在嚴謹變數宣告、語法優化、解構賦值及非同步技術都有令人驚艷的新功能。這本實用的書籍介紹大量ES6+語法，每一堂課循序漸進規劃明確且直覺的主題，以淺顯易懂的方式讓您了解艱澀難懂的關鍵概念，譬如：瀏覽器與JS引擎運作模式、DOM、CSSOM、RegExp、物件導向、作用域、迭代、閉包、原型鏈、解構賦值、事件循環與非同步……等重要觀念，透過範例實作，加強更多程式實戰經驗。本書不僅培養您JavaScript程式素養，也學習如何與HTML5、CSS3搭配活用，就算零基礎的初學者也都能從課程中充分掌握JS的語法與觀念。課程目標♦ 清楚了解瀏覽器及JS引擎的運作模式♦ 熟悉JS語法與瀏覽器console除錯技巧♦ 掌握變數作用域、迭代、物件導向與非同步等關鍵技術♦ 能夠利用RegExp物件做數據的精準搜尋♦ 學會使用JS操作HTML DOM、CSS及Web Storage適用讀者♦ JavaScript 開發者或初學者♦ 網頁程式設計相關從業人員♦ 大專院校網頁程式設計相關系所的師生

全新章節教您巧妙運用AI，讓寫程式更有效率！！ 掌握HTML/CSS/JavaScript技巧， 搭配高效前端框架技術，輕鬆成為專業網頁設計師 以淺顯易懂的方式從設計網站開始談起，從網站建置的過程、設計網站原型(prototyping)的工具以及取得各式網路資源，再循序漸進介紹Web前端三大核心技術：HTML、CSS及JavaScript，並加入前端框架Bootstrap技術，加上書中介紹好用的配色工具，就算沒有美工基礎，藉由Bootstrap工具模組以及配色表，也能快速建構出專業美觀的RWD網站。 本書也安排了Progressive Web Application(PWA)技術，手把手教您逐步將網站優化為Web APP，讓網站能像Native App在手機等行動裝置建立桌面捷徑，瀏覽網頁時具有操作Native App相似的感受。 本書共分三大單元，第一單元為前端開發觀念及HTML+CSS基礎到進階教學；第二單元安排JavaScript基礎的語法以及Web資料庫的應用；第三單元介紹前端框架工具，包括Bootstrap與PWA。各章節除了實用的範例之外，在每一單元也安排了整合練習，讓讀者能加強學習並驗收學習成果，累積實作經驗，適合自修與教學使用。 本次改版新增了一個全新的章節「善用ChatGPT寫JavaScript程式」。透過這個章節，讀者可以學習如何應用AI，來協助自己更有效率地撰寫程式。 |適用對象| ✰對前端技術有興趣卻不知從何入門的初學者 ✰前端開發技術相關從業人員 ✰大專院校網站設計相關課程教材 |重點特色| ✰以淺顯易懂的方式快速了解前端開發的觀念及技術。 ✰熟悉網站原型(prototyping)並善用網路工具與資源加以實作。 ✰循序漸進介紹 Web 前端三大核心技術：HTML、CSS 及 JavaScript。 ✰活用前端框架 Bootstrap 技術以及工具模組，建構 RWD 網站。 ✰使用 Progressive Web Application(PWA)技術，逐步將網站優化為 Web APP。 ✰學習如何聰明使用 ChatGPT 來協助程式開發。 全新章節教您巧妙運用AI，讓寫程式更有效率！！ 本書共分三大單元，第一單元為前端開發觀念及HTML+CSS基礎到進階教學；第二單元安排JavaScript基礎的語法以及Web資料庫的應用；第三單元介紹前端

JavaScript快速入門與樂趣兼備 《JavaScript程式設計的樂趣》是一本節奏明快又充滿樂趣的程式設計入門指南，帶你用 JavaScript輕鬆踏進程式設計的世界。翻開本書，立刻開始撰寫程式、解決問題，並在短時間內完成可運作的網頁應用與遊戲。 你將從學習變數、陣列、物件、函式、條件判斷、迴圈、類別等基本的程式設計概念開始；在生動的範例和實作練習的幫助下，這些基礎知識將幫助你結合JavaScript、HTML與CSS，建立可以立即執行的互動式網頁應用程式。 接著，你將運用新習得的技能完成三個專案：  一個有虛擬對手的乒乓球模擬遊戲  一個能產生電子音樂的應用程式  一個能從API取得資料並進行視覺化的平台 在這個過程中，你將學到如何： ．透過操作文件物件模型（DOM）來即時更新網頁內容。 ．觸發函式來回應按鍵和滑鼠點擊等事件。 ．使用JavaScript和HTML的Canvas元素產生圖形和動畫。 ．利用D3.js程式庫和可縮放向量圖形（SVG）進行資料視覺化。 ．運用Tone.js和Web Audio API製作電子音樂。 如果你正想一探程式設計，《JavaScript程式設計的樂趣》就是你的魔法工具，帶你快速進入這個奇妙世界，輕鬆寫出真正的程式。別再等了，現在就出發吧！

◖本書特色◗ ♦ 掌握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 開發者或初學者 ◉ 網頁程式設計相關從業人員 ◉ 大專院校網頁程式設計相關系所的師生

第二版全面升級成全彩印刷，閱讀上更加美觀舒適！ 內容也更新成最新技術，快速適應未來潮流！ 「前端效能優化」最全面的書籍！ 精通前端基礎和優化技術，為你打造高效能網站！ 本書內容改編自第 13 屆 2021 iThome 鐵人賽，Modern Web 組冠軍網路系列文章──《今晚，我想來點 Web 前端效能優化大補帖！》。本書彙整了網頁前端應用效能優化的各種技巧，並以此為出發點，延伸至許多前端領域必備的知識。搭配簡易圖文和範例檔實作，讓你打造高效能的前端應用，解決網站效能痛點，提升速度與使用者體驗，增加網站曝光率與流量！ 本次改版除了將一些過時的內容更新，以及新增新的章節以外，也驗證了大部分的篇章概念是不會因為前端技術本身或是 AI 的發展而變成無用的知識。作者希望透過「前端效能優化」這個主題協助讀者掌握前端開發裡的「底層邏輯」，在快速變化的前端領域掌握不變的核心概念，培養能夠快速適應未來改變的扎實基底！ 專注底層邏輯才能永不過時！ 讓你增進網站效能的四劑大補帖 ▍小細節讓效能UP 除了依賴指標，還要從對的地方著手！ ▍前端開發心法 用對優化工具和技術，提升效能&使用者體驗。 ▍深入技術原理 介紹前端技術原理，精通前端應用知識。 ▍提供完整範例 跟著實作範例學習，強化前端優化技能！ 【精彩內容】 •認識 Core Web Vitals、RAIL Model、Lighthouse 等指標和效能監測工具，找出效能不足的地方。 •建立前端必備知識：瀏覽器架構與渲染流程、網路與快取、JavaScript 記憶體管理機制，並學習正確的圖片資源、檔案壓縮與打包技術。 •在不同情境下使用正確的優化技術：Code Splitting、動態載入、Tree Shaking、模組化技巧、Web Workers 與 WebAssembly。 •使用 DevTool 檢測網站效能、實作 Debounce 與 Throttle，達到網站節流。 【目標讀者】 ✦想要了解各種效能優化技巧的前端開發者 ✦想要更理解前端開發底層知識的開發者 ✦想了解前端開發近期發展與未來趨勢的讀者 下載範例程式檔案 本書的程式碼是由GitHub託管，可點選下面圖案前往下載： https://github.com/kylemocode/f2e-performance-optimization-book-demo 升級全彩

若要打造可推理及提取外部資料、理解前後脈絡、可投入正式環境的 AI 應用程式，你就必須熟悉熱門的開發框架與平台 LangChain。它可以用來建立、執行與管理有自主行動能力的 app。目前已有許多頂尖公司採用 LangChain，包括 Zapier、Replit、Databricks 等。對於已經學會 Python 或 JavaScript，且想要掌握 AI 能力的新手開發者而言，本書是必備的學習資源。 作者 Mayo Oshin 與 Nuno Campos 透過實用的見解與深入的教學，帶領你逐步掌握 LangChain 的運用。從基礎概念開始，一步步帶你建立一個可正式上線，並且能夠使用個人資料的 AI agent。 • 運用 retrieval-augmented generation（RAG）技術，結合外部的即時資料來提升 LLM 的準確性。 • 開發並部署能夠與使用者聰明地互動，並且記得前後脈絡的 AI 應用程式。 • 透過 LangGraph 來使用強大的 agent 架構。 • 整合並管理第三方 API 與工具，以擴充 AI 應用程式的功能。 • 監控、測試與評估 AI 應用程式，以提升效能。 • 瞭解 LLM app 開發的基礎知識，並學習如何在 LangChain 上加以活用。 ------------------------------------------------------------- 「本書包含條理分明的講解和可落實的技巧，是掌握 LangChain 的強大功能，並用它來製作可上線的生成式 AI 與 agent 的首選資源。對於想充分利用此平台之潛力的開發者來說，是必讀之作。」 ── Tom Taulli，IT 顧問暨《AI輔助程式開發》作者 「這本完整的指南涵蓋文件提取與檢索，以及在正式環境中部署與監控 AI agent 的完整知識。透過引人入勝的範例、直覺的圖解與實際的程式碼，讓 LangChain 變得既有趣又好玩！」 ── Rajat K. Goel，IBM 資深軟體工程師 「這是一本完整的 LLM 指南，不只介紹基礎知識，也探討生產階段，充滿技術見解、實用策略，以及強大的 AI 模式。」 ── Gourav Singh Bais，Allianz Services 資深資料科學家暨技術內容撰寫人

深入探討 Browser Web API 的最佳實踐快速將學到的技能應用到實際開發中本書內容改編自第 16 屆 iThome 鐵人賽JavaScript 組冠軍系列文章《可愛又迷人的 Web API》。作者整合比賽期間累積的範例與心得，以「一個 Browser Web API 即一個主題」的模組化架構呈現，讓讀者不用按照章節閱讀，能依需求即翻即用。每章均包含核心概念、瀏覽器支援、常見錯誤、替代方案與完整實作，並附進階優化技巧，兼顧新手入門與資深開發者的深入探索。本書收錄的 Browser Web API，涵蓋地理定位、語音輸入輸出、背景計算、離線資料庫、動畫與性能監測等多元領域。透過範例程式碼、實戰情境與效能調校，讀者可快速將功能落地至專案，同時學會權限、安全與跨瀏覽器相容要點。書中也設計了「一分鐘概覽」與「踩雷區（Tips）」欄位，讓你在零碎時間也能迅速掌握精華，遠離常見陷阱。書中也幫大家整理所有的 Browser Web API（包含正式發佈與實驗中版本），幫助各位快速了解它們的特色，並能定位所需的工具。若你正在尋找一部能兼具速查手冊與系統化學習路徑的中文 Browser Web API 指南，本書將成為你工作桌旁不可或缺的最佳夥伴，助你在競爭激烈的前端領域快一步升級。目標讀者● 對 JavaScript 有基礎認知，想知道 Browser Web API 能做到哪些運用的前端工程師● 想深入瞭解 Browser Web API，並希望能實作在專案上的前端工程師

用最實務的方式，讓 AI 真正為你的系統工作，從此告別只會聊天的 AI，打造能解決實際問題的智慧助手！★ 用 Node.js 打造強大 AI 應用★ JavaScript/Node.js全端開發，Web 工程師最熟悉的技術棧★ 涵蓋 RAG 知識庫、工具調用、多 Agent 協作等企業級應用技術★ 實戰導向教學，每章都有完整可執行的程式碼範例★ 不只教你用 AI，更教你把 AI 整合到既有系統中只要你曾經想過：「如何讓 AI 加入我的系統，為我工作？」 這本書，就是你的一個解答。【專家推薦】這本書正是「AI 原生」思維的結晶。書裡不只是把你帶著寫出一個 AI 應用而已，更重要的是教你怎麼善用 AI 工具的特性，像是怎麼設計提示詞、怎麼處理多輪對話、怎麼拆解工作流程，甚至連安全性、效率管理這些小細節都有涵蓋。—— 古健樺政大數位內容學程兼任講師 / 熊熊幹大事 BearDBT 設計總監【基礎入門】從理論到實作的第一步‧ AI 與 LLM 核心概念：從 Token、Embedding、多輪對話機制完整解析帶你更認識 AI‧ 環境搭建與 Discord Bot 開發：用最熟悉的 JavaScript 開始你的 AI 之旅‧ OpenAI API 整合實戰：掌握 ChatGPT API 的正確使用方式________________________________________【進階技巧】Prompt Engineering 提示詞工程‧ 零樣本、少樣本提示技巧：讓 AI 理解你的真正需求‧ 角色提示與思維鏈：打造有個性、會推理的 AI 助手‧ 格式化輸出與安全防護：用 Zod 確保穩定性，防範 Prompt Injection 攻擊________________________________________【核心技術】Tool Calling 讓 AI 長出手腳‧ Function Calling 實戰：從遊戲指令到官方 API 的進化史‧ 多輪工具調用：讓 AI 學會「連續技」，處理複雜任務‧ OpenAI 官方工具整合：Web Search、Image Generation 輕鬆上手________________________________________【企業應用】Workflow 與 Agent 團隊協作‧ 多 Agent 協作模式：協調者-工作者、評

☆★好評再上市★☆★導入實際開發場景與案例，由淺入深、循序漸進★★帶領讀者快速掌握 Electron 開發必備知識及技巧★【本書內容】隨著Electorn的流行，越來越多的開發人員開始學習和使用Electron框架。本書特別針對一些會讓初學者感到困惑的問題提出解決方案，舉例來說，官方文件詳盡地列舉了Electron提供的API以及其呼叫的方式和參數說明，然而卻完全沒有任何案例進行實作的教學，本書針對這個痛點，將全書10章分別按不同的主題設計成一個完整連貫的開發案例，讓讀者真正知道在專案開發中會遇到的問題並加以解決。另外目前坊間完全沒有Electron的中文書籍，對於Web工程師來說，桌面應用程式的跨度有點大，必須了解node.js和Chrominum的原理。主處理程序與繪製處理程序的概念等知識，會在應用程式開發的過程中感到困惑，本書清楚完整地說明了這個部分，讓開發者在寫程式時更加放心。非常適合有一定的前端知識基礎，開始學習或即將使用Electron進行開發的讀者，也適合傳統桌面用戶端開發，想了解Electron框架的C#/C++/QT開發人員。當然如果你已經是Electron的使用者，想更進一步精進自己的技術，這本書也一樣非常適合你。【本書特點】．只要會Html+CSS+Javascript，就能開發出跨平台的輕量桌面應用程式。．利用Web開發的Chrominum為基礎。．Node為基礎的桌面環境設定。．了解不同作業系統之間的處理程序。．了解應用程式中視窗的多種組合應用。．帶參數的應用程式設計。．修改Windows的登錄檔。．處理硬體裝置及系統UI。．錯誤處理及程式品質控制。．將應用程式打包及發佈到Windows市集。．服務處理程序及外掛程式的開發。【適合讀者】1.從事Web前端開發，有一定的前端知識基礎，出於興趣開始學習Electron框架，或是專案即將使用Electron進行開發，想快速上手Electron的開發人員。2.從事傳統桌面用戶端開發，想了解Electron框架，對擴充自己技術廣度有訴求的開發人員。3.已經使用Electron框架開發過專案，熟悉Electron的基本使用，但想學習更多案例實踐的開發人員。

https://youtu.be/PwjcNJIu7Qc★★★【全台第一本繁體中文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&陰影★帆船與海

內容簡介:掌握React關鍵開發技能，建構高效、直觀的Web應用程式！深入探討React的基本概念與優化技術，幫助開發者撰寫高效能的Web應用程式。「Carl Sagan說曾過，『觀察過去，可以推知未來』。在下認為，Tejas在前端領域透過這本書完美詮釋了這句名言，帶領我們穿梭於React的發展歷程。他以細膩的方式，深入剖析調和（reconciliation）和Fiber背後的關鍵概念。若要深入瞭解React及其不斷發展的生態系統，此書是必讀之作。」— Matheus Albuquerque BrasilWeb技術領域的Google開發專家在建構Web使用者介面時，React可透過宣告性抽象化提供出色的開發體驗。這本實用的書籍將帶你深入瞭解這個JavaScript程式庫的基本概念，涵蓋JSX語法和進階模式、虛擬DOM、React調和（reconciliation），以及進階的優化技術。熟悉React的用法可以讓你迅速掌握如何做出更出色的web app。作者Tejas Kumar以淺顯易懂的文字來帶你深入探索React，同時避開典型的軟體工程術語，幫助你理解這個JavaScript程式庫的底層運作方式。藉著瞭解React，你將學會如何撰寫直觀的React程式碼，並充分理解React的微妙差異和層次，將熟練程度提升至另一個境界。透過這本書，你將：• 深入理解React的運作原理。• 在開發React應用程式的進行效能優化。• 建立能在任意規模下穩健運行的React應用程式。• 掌握React提供的各種機制及其使用時機，例如reducer、state、ref。

可重用、易組合且規模可擴充的UI核心概念和實用模式 「Maya是一名出色的老師，她用引人入勝的範例和專業的知識引導讀者。」 —Edward Wong @arkangelofkaos 「踏上創造之旅，利用最先進的程式庫和工具建置現代化、規模可擴充的Vue應用程式。《Vue學習手冊》是一本全方位指南，透過以元件為基礎的架構、反應式資料管理、實用的動畫效果和全面的測試策略，提供深入的知識和實際操作的範例。」 —Lipi Deepaakshi Patnaik Zeta-Directi資深軟體開發人員 學習Vue.js的核心概念，Vue.js是一種現代JavaScript框架，用於從零開始建置前端應用程式和介面。本書透過簡潔、實務和清晰的範例，帶領Web開發人員逐步了解Vue.js生態系統中的工具和程式庫，並展示如何為真實世界的Web專案建立完整的應用程式。 你將學到如何使用Pinia架構處理元件之間的資料通訊、為前端專案開發易於管理的路由系統以控制應用程式流程，並且製作基本的動畫效果以創造更好的使用者體驗。 本書重點： ‧使用Vue.js建立可重用的輕量化元件系統 ‧為現有的靜態應用程式帶來快速反應的能力 ‧使用前端專案程式碼管理的建置工具Vite.js建立專案 ‧使用Pinia為前端應用程式建立互動式狀態管理系統 ‧將來自伺服器的外部資料連接到Vue應用程式 ‧使用Vue Router透過靜態和動態路由控制應用程式流程 ‧使用Vitest和Playwright全面測試應用程式

‧Bootstrap及Vue.js熱門前端技術一手掌握 ‧MySQL資料庫功能實作與PHP Web應用程式一次到位 ‧沒有Node.js套件管理及Vue-CLI模組一樣搞定SPA 現今前端工程師必備的能力，絕不能止步於HTML、CSS與JavaScript而已，除了要能設計適合不同尺寸載具的RWD頁面外，更需要學會運用不同框架的整合，才能在專案中得心應手同時展現前端工程師的價值。 目前廣泛運用Bootstrap的CSS框架來呈現版面並達成RWD，而Vue.js則是近年備受矚目的三大JavaScript框架之一。本書以Vue.js框架為核心概念，搭配Bootstrap做為UI的呈現，詳細介紹Vue 3之後新增的composition API撰寫方式、建立資料採用ref()和reactive()、options API程式碼架構，並說明與Vue 2的差異，為讀者打造駕馭前端框架的實戰力，成為卓越的前端工程師。

因應漏洞所必備的知識 等事情發生了才說不知道就太遲了 建立Web應用程式資安壁壘必備知識集大成 本書旨在成為每位前端開發工程師於開發Web應用程式時的資安基本知識入門書。 書中章節針對「HTTP」、「來源」等基本Web資安主題，以及「跨站腳本攻擊(XSS)」與「跨站請求偽造(CSRF)」等衝著前端而來的資安攻擊機制，都準備了實作的篇章。讓各位讀者能以同一套範本程式碼作為學習的舞台，一步一步建構起學習的成就感。 當然，保護使用者免於遭受攻擊的方法也會分享給大家。除了每個攻擊手法的因應措施之外，「如何搭載驗證功能」、「如何安全地使用JavaScript函式庫」等書中環節，相信無論是對各位實際開發時、或是在研擬如何防範漏洞時都有所助益，也期待各位能在當中找到適合用來提升自己資安防護的提示。 為了讓第一次接觸資安的讀者可以循序漸進，書中針對基本的名詞逐一介紹，且跟讀者們所分享的主題也精挑細選過，只要您是前端設計工程師，相信本書的內容都會是您應該了解的基本功。 目標讀者 ‧稍具工作資歷的前端工程師 ‧想開始學習Web資安的Web工程師 ‧想要透過實際演練程式碼來學習Web應用程式資安防範措施的讀者

Hands-on learning●Case studies of real-world companies, 3 per chapter, provide active learning exercises that explore how companies use IS.●MIS Decision Simulations enable students to role-play making decisions made by various IS roles.●Collaboration and teamwork projects help learners prep for remote work.●Hands-on MIS projects in each chapter yield opportunities to practice management decision-making, skills for online businesses and software use (Tableau, Microsoft® Excel, Access or web tools).Real-world applications●Study questions help students focus on learning objectives. A review summary and questions assess mastery of objectives.●A Career Opportunities section in each chapter offers an entry-level job description, related interview questions and tips.

精采內容不容錯過，好評回饋中！！ 掌握HTML/CSS/JavaScript技巧， 搭配高效前端框架技術，輕鬆成為專業網頁設計師 以淺顯易懂的方式從設計網站開始談起，從網站建置的過程、設計網站原型(prototyping)的工具以及取得各式網路資源，再循序漸進介紹Web前端三大核心技術：HTML、CSS及JavaScript，並加入前端框架Bootstrap技術，加上書中介紹好用的配色工具，就算沒有美工基礎，藉由Bootstrap工具模組以及配色表，也能快速建構出專業美觀的RWD網站。 本書也安排了Progressive Web Application(PWA)技術，手把手教您逐步將網站優化為Web APP，讓網站能像Native App在手機等行動裝置建立桌面捷徑，瀏覽網頁時具有操作Native App相似的感受。 本書共分三大單元，第一單元為前端開發觀念及HTML+CSS基礎到進階教學；第二單元安排JavaScript基礎的語法以及Web資料庫的應用；第三單元介紹前端框架工具，包括Bootstrap與PWA。各章節除了實用的範例之外，在每一單元也安排了整合練習，讓讀者能加強學習並驗收學習成果，累積實作經驗，適合自修與教學使用。 |適用對象| ✰對前端技術有興趣卻不知從何入門的初學者 ✰前端開發技術相關從業人員 ✰大專院校網站設計相關課程教材 |重點特色| ✰以淺顯易懂的方式快速了解前端開發的觀念及技術。 ✰熟悉網站原型(prototyping)並善用網路工具與資源加以實作。 ✰循序漸進介紹Web前端三大核心技術：HTML、CSS及JavaScript。 ✰活用前端框架Bootstrap技術以及工具模組，建構RWD網站。 ✰使用Progressive Web Application(PWA)技術，逐步將網站優化為Web APP。 精采內容不容錯過，好評回饋中！！ 本書共分三大單元，第一單元為前端開發觀念及HTML+CSS基礎到進階教學；第二單元安排JavaScript基礎的語法以及Web資料庫的應用；第三單元介紹前端框架工具，包括Bootstrap與PWA。各章節除了實用的範例之外，在每一單元也安排了整合練習，讓讀者能加強學習並驗收學習成果，累積實作經驗，適合自修與教學使用。

佳評如潮！熱銷再版（平裝版） ★☆★ 銷售排行榜冠軍 TOP 1 ★☆★ 思想、脈絡與觀念理解是真正的專業技術門檻， 也是鑑別出實力強大或平庸工程師的關鍵區別之一。 專業推薦 「這本書使 React 初學者能夠打破「只會跟著寫範例但不理解背後原理」的惡性循環，進而成為真正的專業 React 開發者。我強烈推薦這本書給所有希望在未來軟體開發市場中保持競爭力的前端開發者。」 ——Richard Lee │ 愛料理共同創辦人＆技術長，Google Developer Expert - Firebase 「它適合那些在調試 React 應用時遇到困難，或者對 React 的運作原理、組件和 Hooks 的封裝不太明白的開發者。對於那些渴望將自己的技能提升到更高層次的人來說，這絕對是一本必讀書籍。」 ——Caesar Chi 戚務漢 │ JavaScript Developer Conference Taiwan 主辦群 「透過這本書，你會發現 React 不只是一個工具，它更是一門程式藝術，值得我們去探索、去體會。這本書將伴隨你在 React 的旅途中，一步步成長為更優秀的開發者。」 ——莫力全 Kyle Mo │ Full Stack Web Engineer @Netskope，《今晚來點 Web 前端效能優化大補帖》作者 書籍簡介 本書內容改編自第 14 屆 iThome 鐵人賽 Modern Web 組的冠軍系列文章《一次打破 React 常見的學習門檻與觀念誤解》。本書以循序漸進的脈絡帶讀者從頭理解 React 技術的核心觀念、運作原理與設計思維。 React 本身的設計基於了許多程式領域的設計模式，而這些設計模式的概念大多都與「還沒有使用前端框架時的程式運作思維與習慣」相去甚遠。因此當你沒有真正理解這些設計模式時，你會覺得 React 的許多設計與行為都很不直覺甚至莫名其妙。並且，如果你不熟悉這些觀念或原理的話，則非常容易在實際開發時寫出有問題但卻不自知的程式碼，為專案的程式碼品質和軟體產品的可靠性埋下巨大的隱患。 有別於市面上充斥的各種「教你如何呼叫語法」以及「帶你實戰範例」的 React 學習資源，本書會著重於技術理解的基本功累積，讓你對於 React 的觀念不再一知半解，以避免「跟著寫了很多 React 範例練習卻還是不懂這些程式碼是如何運作的，無法真正掌