JavaScript

用最實務的方式，讓 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 協作模式：協調者-工作者、評

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。

本書主要介紹TypeScript及Vue兩大重點，第1章介紹前端基礎知識，HTML、CSS、JavaScript及Vue.js初探。第2章探討TypeScript基礎語法及開發環境設置。第3章主要說明介紹TypeScript物件導向程式設計，如類別與介面。第4章講解TypeScript高階技術，包括泛型與裝飾器。第5章說明Vue範本基本用法，包含插值和指令使用。第6章深入Vue元件屬性和方法，實踐物件導向開發。第7章探討Vue中處理使用者互動的方法。第8章介紹Vue元件的核心概念及應用。第9章進一步講解Vue元件開發，提高專案可維護性。第10章講述Vue的回應性原理和Vue 3.x的組合式API。第11章介紹使用Vue開發前端動畫的技巧。第12章講解Vue CLI和Vite在專案開發中的應用。第13章介紹Element Plus這一基於Vue的UI框架。第14章探討vue-axios網路請求框架的使用。第15章介紹Vue Router前端路由管理的實踐。第16章講解Vuex狀態管理框架的應用。第17章透過一個完整專案綜合運用Vue.js技能。【本書看點】‣ 前端基礎知識介紹‣ TypeScript基礎‣ 物件導向程式設計‣ TypeScript進階技術‣ Vue範本基本用法‣ Vue元件開發‣ Vue進階應用‣ 專案開發工具與狀態管理

本書全面介紹Vue.js+Node.js全端開發所使用的新技術，包括MongoDB、Express、Vue.js 3、Node.js、Naive UI、md-editor-v3、Nginx、basic-auth、JavaScript、TypeScript等開放原始碼技術堆疊，基礎知識包括了資料儲存、模組、測試、緩衝區、事件處理、檔案處理、HTTP程式設計、元件、範本、指令、監聽器、運算式、事件、表單、HTTP用戶端等內容，是市面上介紹全端開發內容最豐富的書籍。本書也附帶了最新技術的實例，並且用度由淺入深，層層推進的方式引導讀者。結合了理論和實用性，具有較強的實作性。這些基礎知識既能滿足當前企業級應用的開發需求，又可以極大地減輕開發者的負擔。本書所介紹的技術及知識點可說走在時代的前線，加上大量的範例，讀者可知其然並知其所以然，不但能拓展視野，更可以提升職場競爭能力。內容介紹本書共28章，概要說明如下： 第1章為概述，介紹Vue.js+Node.js全端開發架構所涉及的核心技術堆疊及週邊技術堆疊的組成。 第2~8章為Node.js的基礎及進階，介紹Node.js的基礎及核心內容。 第9~1章為Express的基礎及進階，介紹Expres的基礎及核心內容。 第12~15章為MongoDB的基礎及進階，介紹MongoDB的基礎及核心內容。 第16~24章為 Vue.js 的基礎及進階，介紹Vue.js的基礎及核心內容。 第25~28章為實戰，演示如何從0開始實作一個綜合實戰案例——新聞頭條。特色本書具備以下特色： 知識面廣。無論是前端的Vue.js、Naive UI、md-editor-v3、basicauth、JavaScript、TypeScript，還是後端的MongoDB、Node.js、Express、Nginx，本書均有涉及。 版本新穎。本書所涉及的技術版本均為目前新版本。 案例豐富。全書共計89個基礎知識實例和4個綜合實戰案例。 全端開發。熟習本書，可以掌握全端開發技能。

本書的學習重點 ‧看懂與撰寫PHP程式碼 ‧將資料儲存於MySQL資料庫 ‧制訂每位網站訪客專屬的網頁內容 ‧建立CMS或社群網路 本書介紹的技巧 ‧內容管理 ‧註冊會員 ‧上傳圖像與其他類型的媒體 ‧留言與按讚 本書提供的線上支援 ‧範例程式碼與實務案例 ‧線上練習題：www.phpandmysql.com ‧額外的參考資料 歡迎你和我們一起以更巧妙的方式學習PHP&MySQL。 Facebook、Wikipedia和WordPress等等世界領先的網站，都是使用PHP語言來支持其網站營運所需的程式設計。PHP網頁伺服器的特色之一是讓網站利用MySQL資料庫儲存的內容，針對每位網站訪客提供客製化的網頁內容。 本書採用簡明、視覺化的說明方式，輔以小型的範例程式碼，讓讀者更容易學會以PHP和MySQL語言開發網站和網站所需要的功能，例如，讓訪客能註冊會員、建立與編輯文章、上傳圖像、管理個人資料、留言或「按讚」等等。 本書作者的其他暢銷著作 《HTML&CSS：網站設計建置優化之道》 www.htmlandcssbook.com 《JavaScript & JQuery：網站互動設計程式進化之道》 www.javascriptbook.com

無論你是前端還是後端，點滿 Modern Web技能樹的第一步，就是徹底認識 ECMAScript！ 內容簡介： 本書內容改編自第12屆 iT 邦幫忙鐵人賽－Modern Web 組佳作系列文章《從 ES 到 ESNext - 30天輕鬆掌握ECMAScript》。作者以推動 JavaScript 發展的官方標準－ECMAScript 作為切入主題，從語法結構來認識 JavaScript。 本書一開始，以循序漸進、深入淺出的介紹方式，帶領讀者熟悉重要概念和基本組成，並且讓讀者在閱讀時，清楚了解有哪些相關的章節內容，藉此達到融會貫通的效果。 語法介紹部分，則是彙整參數說明、重要特性、環境支援度等表格，加上生動的圖說和範例程式，讓讀者全面掌握語法的起手式。 作者希望本書可以成為初學者的最佳入門書，也能幫助有實務經驗的開發者在工作能發揮影響力，成為最得力的左右手！ 書籍特色： 核心概念 一次掌握 使用圖解加上直白的敘述，深入淺出函式、物件、原型、執行環境、this 等等讓初學者頭痛的重要機制。就算是有經驗的開發者，看完也能有新的收穫！ 語法分類 特性統整 根據標準內建物件的種類和常用性規劃章節，並且依情境分類重要語法，一目瞭然的圖表和程式碼，發揮工具書的最大價值！ ES2022 未出先看 每年埋頭苦追新釋出的標準，已經覺得累了嗎？本書透過清楚的中文敘述，並且搭配簡單的程式範例，快速掌握開發新潮流！

全彩印刷，對學習網頁設計極有幫助！ 經典暢銷書全新改版，快速學會網頁程式設計的關鍵技術！ 有了本書，讓您一次學會網頁程式設計的關鍵技術： *HTML5的元素和各種表單輸入類型，讓網頁的結構條理分明。 *CSS3的Box Model、定位方式，以及色彩、字型、文字、清單、背景、漸層、表格、陰影、邊界、留白、框線、變形、轉場與媒體查詢等屬性，以根據PC或行動裝置的特徵設計網頁。 *JavaScript

大幅收錄 ES 全新語法,化繁為簡的視覺化範例圖解帶你紮穩基礎！ JavaScript 是網站製作時的重要技術, 從早期的製作網頁特效、進行簡單運算處理, 其功能不斷進化, 例如運用 Ajax 可與伺服器進行非同步通訊…等, 已晉升為 Web 應用程式開發的要角, 是前端工程師一定要深入學習的技術。 而 JavaScript 在 ES6 版本 (泛指 ES6～ES9 及之後的新語法標準) 發佈後,

【只會程式語法無法活用, 商業級範例讓你即套即用！】 HTML5 + CSS3 + JavaScript 是時下最主流的網頁設計技術, 可以做出令人驚豔的網頁效果, 加上行動上網盛行, 更可讓網頁輕鬆因應手機、平板電腦, 呈現最合適的版面。 本書範例由一線的網頁設計師共同製作而成, 除了程式撰寫,也教你如何活用熱門的程式庫。Step by Step 的詳盡解說加上可立即套用的絕妙範例, 讓您以更快

第二版全面升級成全彩印刷，閱讀上更加美觀舒適！ 內容也更新成最新技術，快速適應未來潮流！ 「前端效能優化」最全面的書籍！ 精通前端基礎和優化技術，為你打造高效能網站！ 本書內容改編自第 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 資深資料科學家暨技術內容撰寫人

GitHub Copilot學習手冊｜效率倍增的AI程式設計力 「《GitHub Copilot學習手冊》是實用、有深度、貼近日常開發方法的一本書。」 ――Andrew Stellman，開發者、團隊主管、講師與作者 「每一位程式設計師都要瞭解AI輔助程式設計，GitHub Copilot顯然是這個領域的龍頭，而Brent的這一本書是帶你精通這款強大工具的終極指南。」 ――Tom Taulli，《AI輔助程式開發》 作者 使用GitHub Copilot的生成式AI 來大幅提升程式設計效率！在這本實用指南中，作者Brent Laster將教你如何使用生成式AI來迅速寫出更好的程式、輕鬆生成測試程式、在任何開發階段寫出完善的文件…等。本書也會探討進階用法――例如利用Copilot的Agent功能來自動新增功能，以及自動審查pull requests。 《GitHub Copilot學習手冊》適合任何程度的開發者、測試人員、DevOps工程師，以及軟體專業人士。本書除了介紹基本知識外，還會深入討論Copilot Edits、Agent模式與Copilot Vision。你也將學習建立自己的Copilot擴充套件以擴展功能。不論你使用的是Python、JavaScript還是其他語言，本書都能幫你充滿信心地將AI整合到開發流程中。 - 利用即時的AI建議來探索與瞭解陌生的程式與演算法 - 精通行內補全與聊天介面，將常見任務自動化 - 快速、輕鬆地將自然語言提示詞轉換為完整的函式、測試與文件 - 利用背景資訊與提示詞來優化AI生成的結果，以獲得量身打造的解決方案 - 在IDE中透過AI的協助來簡化功能開發與重構

從現代網頁爬取資料爬取×解析×轉換──讓資料收集快、準、全，告別繁瑣工作！從HTML到API、從圖片到文字，使用Python做網頁爬取，能廣泛應用於市場預測、機器翻譯甚至是醫學診斷，實用性極高。因此，無論在哪一個領域，網路爬蟲都可以更有效地應用於商務、分析、提升生產效能，開創新機會。「本書是內容豐富的傑作，可幫助讀者有意識地、有效地抓取網頁資料，值得推薦給想從網站爬取資料、打算建立網站和分享資料的每一個人。」 —Michael HopkinsP.Geo., PMP如果說程式設計像魔法一樣，那麼「網站擷取」無疑就是一種巫術，只要寫一個簡單的自動程式，就可以用它來查詢網頁伺服器、請求資料、解析資料，並提取所需資訊。本書第三版經過徹底翻新，不僅介紹網路爬取，也全面性地教你如何從現代網頁抓取幾乎每一種類型的資料。本書的第一部分專門討論網路爬取機制，包括使用 Python 從網頁伺服器請求資訊、初步處理伺服器的回應，以及自動和網站進行互動。第二部分則探討更具體的工具和應用，以應對可能遇到的各種網頁爬取情境。本書教你如何：•解析複雜的HTML網頁•使用Scrapy框架來開發爬蟲•儲存你抓到的資料•從文件中讀取和提取資料•清理格式不嚴僅的資料，以及將之正規化•讀寫自然語言•爬取表單與登入網站•爬取JavaScript和 API•使用和編寫「圖片轉文字」軟體•避免爬網陷阱和反機器人封鎖•使用爬蟲來測試自己的網站

☆★好評再上市★☆★導入實際開發場景與案例，由淺入深、循序漸進★★帶領讀者快速掌握 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的基本使用，但想學習更多案例實踐的開發人員。

系統化的實戰學習架構，帶你完整掌握Kotlin程式語言的觀念【內容簡介】Kotlin語言由JetBrains所開發，於2011年推出後，因其簡潔性與擴充性等優點，被Google預定為開發Android行動裝置的首選程式語言。Kotlin語言除了可以在JVM中執行之外，也可以編譯為獨立的執行程式，或是編譯為JavaScript後，在網頁中使用。市面上鮮少有專門探討Kotlin語言的書籍，大部分的人都是在學習Android程式設計的過程中，附帶學習Kotlin的一些用法。然而，Kotlin語言的簡潔性、擴充性與專用的語法表達，需要經過完整的學習，才能掌握Kotlin語言的特色。本書所有的範例程式碼皆使用Kotlin專用的語法、擴充函式與敘述來撰寫，以使讀者可以完整學習到Kotlin語言，當後續在學習或開發Android程式時，便能發揮Kotlin最好的特色與效率。【精采內容】✪建立與設定Kotlin開發環境✪Kotlin專用變數宣告與設定✪資料型別轉換與標準輸出輸入✪判斷選擇語法與重複敘述語法✪使用陣列與陣列常用函式✪使用List、Map與Set✪設計各種自訂函式✪深入學習Lambda敘述式✪探討各種作用域函式✪Kotlin物件導向程式設計✪Kotlin泛型設計✪探討多工執行的各種技術✪學習如何建立原生執行檔案✪學習處理文字檔案、二進位檔案與隨機存取檔案【本書特色】✪完整探討Kotlin語言的基礎知識與專業技術✪發揮Kotlin語言的簡潔性，多元表現綜合範例✪內容去蕪存菁，重點學習Kotlin語言的實戰應用✪淺顯易懂的系統化學習架構，降低學習門檻

可重用、易組合且規模可擴充的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全面測試應用程式

提升程式設計與品質的訣竅 推薦給堅持寫出優質軟體的你 無論技術如何發展，程式碼的簡潔仍然至關重要。 程式碼的簡潔度和明確度，不僅是程式設計師的責任，也影響資源分配、開發策略、專案管理等面向，甚至關乎整個軟體產業的發展。 雖然 AI 可以自動生成程式碼，但目前仍存在基本錯誤、理解問題和維護困難等缺陷。現階段，人機合作還是主流，程式設計師需要監督、修正和改善 AI 生成的程式碼。 因此無論技術如何演進，程式碼的可讀性和維護性仍然十分重要。 「這是一本資訊豐富的著作，它用深入的理論和豐富的實例來說明如何寫出clean code。強烈推薦給堅持寫出優質軟體的你。」 —Daniel Moka 軟體工匠，Moka IT 「Maxi是位應用科學家，本書充分展示出他在軟體開發領域深厚的專業知識。」 —Alex Bunardzic 軟體開發者和教育者 負責龐大且複雜的code base軟體工程師和架構師必須高效擴展和維護程式碼。在本書中，Maximiliano Contieri將以clean code(簡潔程式碼)的理念為基礎，帶你瞭解如何快速辨識改善的機會，並評估它們對產品程式碼的影響。這些技術為系統的可靠性和演進帶來的好處會隨著時間推移而逐漸實現。 本書使用JavaScript、PHP、Python、Java等程式語言的實際範例來提供經過驗證的祕訣，幫助你擴展和維護大型系統。本書的每一個章節皆涵蓋許多基本概念，包括易讀性、耦合、易測試性、安全性和易擴展性，還有程式碼異味及其處理方法。 隨著本書的進展，重構的祕訣和它們想解決的問題將變得更加複雜。您將從中： ‧瞭解clean code的好處，學會辨識改善的機會 ‧逐步學習重構技巧 ‧瞭解clean code背後的理論 ‧從多種現代程式語言的實際案例中學習 ‧全面瞭解各種程式碼異味、它們的影響和可能的解決方案 ‧寫出直接、易讀和易學的程式碼

以專業站長會用到的技能為主軸，由淺入深地藉由實作瞭解WordPress的網站架設技術，並善用AI的協助，創造出客製化的專業網站 藉由本書學會：⌖ 各種作業環境的網站安裝技巧⌖ 全新的區塊編輯器與視覺化網頁編輯工具的使用⌖ 在網站中自由地使用HTML/CSS技巧⌖ WordPress的架構與核心作業流程，並進階熟悉好用的工具類外掛⌖ 使用簡短的PHP程式碼增加網站功能⌖ 利用ChatGPT、Copilot等AI工具，建立獨特的佈景主題和外掛設計 ◇Github範例連結◇github.com/skynettw/book-mP22350 WordPress在CMS系統中的佔有率已超過60%，全世界超過40%的網站是使用WordPress架設的，學會WordPress的相關技術，就掌握了在網站世界中的一項重要技能。本書將讓您紮實學到所有WordPress的技術，搭配實作訓練，你將有能力依據不同的網站型態需求，修改或建立全新的佈景主題、修改WordPress內的程式碼、設計新的外掛、增加網站功能…等，創造符合自己需求，又不會和別人「撞臉」的專業網站。只要你有程式語言的基本概念，再加上AI工具的助力，本書就是教你打造客製化WordPress網站的最佳入門書，也是維護WordPress網站的實用工具書。全書區分四大重點： [1]WordPress架構剖析與網站設計基礎學習各種安裝WordPress的方式，從在自己的電腦中安裝練習用的WordPress系統開始、在虛擬主機上一鍵安裝、甚至使用業界流行的Docker容器技術等，廣泛瞭解WordPress作業環境後，再探討資料庫、檔案、目錄結構等等，讓讀者清楚掌握系統架構，為維護及開發網站打下基礎。同時也說明如何在WordPress網站中利用HTML/CSS/Javascript/jQuery/AJAX等技巧，提升網站與使用者的互動性。 [2]WordPress佈景主題製作基礎從介紹佈景主題的基礎知識及學習視覺化網頁編輯器開始，並學習簡要的PHP程式設計技巧，打下自訂佈景主題的能力。同時會教讀者如何從無到有，透過好用的工具建立全新的佈景主題，以及說明如何在Visual Studio Code中善用Copilot協助佈景主題的開發工作。 [3]佈景主題製作進階有了建立佈景主題的經

☆★☆改寫自第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的詠唱中綻放光芒。

誰說獨自開發軟體不可能， 現在就教您怎麼獨自完成的價值數十萬產品！ 本書是寫給有一點 JavaScript 基礎並想自己掌握網站前後端的人，且在幾乎零成本的情況下，做出一個自己能夠掌握客戶資料與實際運作的動態網站，就如同業界從零到一開發軟體一樣，並在練習時掌握各種觀念與架構，包括設計美感的培養與程式語言邏輯的脈絡，最終產生一個能夠被部署到網路上、被 Google 搜尋到的網站，為自己產生源源不絕的被動收入與邁進 solo 創業之路！ 【專業推薦】 《全端網站開發筆記》結合實踐、觀念和實例，特別適合那些希望深入了解軟體開發的初學者。 —Wesley Hsu｜Podcast 「幣須送外賣」主持人 / 愛錄不錄工作室負責人 這本書不僅滿足了我想學習開發專案的需求，更為我提供了實際的保母級操作教學，使我能夠更自信、更有能力地應對日益複雜的產品開發挑戰。 —鄭達玄｜Blockchain 產品經理 我會說這本書不僅僅是一本技術手冊，更像是一場深度學習之旅。作者深入淺出地解釋了 MERN Stack 的每個元件開發過程，並通過豐富的圖片和圖表精心呈現程式碼和學習中的思維。 —Kevin Liao｜資深後端工程師 作者不僅在書中闡述了 MERN Stack 的開發過程及習過程中所遇到的困難和挑戰，且每一步複雜的技術都有圖文解釋，使讀者可以更容易的閱讀，並理解問題，解決問題，亦使讀者能學習到解決方法，也對內容更有印象。 —Lawrence｜開拓者行銷 技術總監 【重點說明】 ☑ 軟體設計指南：內涵 UI 刻板與 React 實作 ☑ 產品資料建立：MongoDB 資料庫快速入門 ☑ 動態網站實作：前後端串連 RestFulAPI ☑ 適合自學創業：程式小白 / 初學者友善打造實用基礎 【本書特色】 1. 從 UI 中練習 SCSS 實作與配置原理探索 大量切版練習可以讓不熟 CSS 的你了解軟體是如何被打造的，學會 SCSS 的巢狀結構，之後學習更進階 Tailwind CSS 等其他 styling 技術都能通用。 2. 深入前端 Hook 與特效應用 透過在傳遞資料鏈和特效實作的過程中，你將能深入了解 React hook 的用法。一方面做出與模板網站不同的介面，一方面更了解 React 框架應用。 3. 後端打造和保護你的資料 從基礎開始，我們將探索如何架設 Restful A

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

學網頁 3D 可以用聰明的方式融會貫通，再也不用埋頭苦幹！「我衷心推薦《網頁視覺特效最強必殺技大全》，書中很多艱澀的原理在 Umas 的文筆下都相當有趣，相信你將從中受益匪淺。」——蔡木景，《JavaScript 概念三明治》作者| 內容簡介本書內容改編自第 14 屆 iThome 鐵人賽 Software Development 組的優選系列文章《30 天成為鍵盤麥可貝：前端視覺特效開發實戰》。本書透過不同前端 3D 作品案例逐步解釋 WebGL 底層運作原理，用淺顯易懂的方式，搭配豐富的插圖，進而解釋艱澀難懂的主題，幫助讀者打造屬於自己的網頁 3D 作品。內容從數學原理到畫面上的特效，從第一行程式碼到各個 bug 的解方，深入淺出，口吻風趣，涵蓋理論到實務創作的全面認識，帶領讀者輕鬆進入前端 3D 的大門。網頁 3D 在創作時，最麻煩的是踩到深不見底的大坑，而這些大坑往往代表底層原理需要被理解，本書也依照不同案例會遇到的大坑做詳盡解釋，讓新手除了能夠打造自己的作品外，還可以省下埋頭苦幹的時間，用聰明的方式融會貫通！| 核心內容本書分為三部曲，第一部曲介紹多種底層關係，第二部曲提供多個 three.js 案例的教學同時引出原理，第三部曲深入 Shader 的世界。每一部都能單獨看，每一個案例都有上手的程式碼以及完成的程式碼，學網頁 3D 再也不必茫然！| 目標讀者◪ 對網頁開發相對陌生，但希望能更嘗試網頁 3D 並融入創作的網頁設計師◪ 對 3D 相對陌生，但對網頁 3D 躍躍欲試的前端工程師◪ 對網頁 3D 感到好奇，想多加認識該領域的勇者◪ 想嘗試在網頁上呈現創作的 3D 建模師◪ 尋找更酷炫的媒材加以創作的視覺藝術家

【好評推薦】「本書有完整的架構，讓讀者不只能學習到實用的開發方法，複製可即刻使用的程式碼，更重要的是能為讀者建立起良好的量化投資觀念。」─ 葉力維，富果共同創辦人暨執行長「本書結合了正確且務實的投資觀念與作者的多年實務開發經驗，透過手把手的教學，協助讀者打造屬於自己的交易系統，並附上許多程式碼範例與交易策略的發想，相信對於許多想要踏入投資領域的工程師或對程式交易的有興趣的人，是非常好用的工具書。」─ 邱翊雲，富果共同創辦人暨策略財務長「市面上有許多量化交易的資源，這本書特別吸引我，一方面是它非常詳細地介紹了投資相關知識，甚至還附上了許多數據來源，另一方面是使用NestJS打造量化交易系統，身為NestJS推廣者，看見這樣的應用實在令我感到興奮。」─謝浩哲，《NestJS基礎必學實務指南：使用強大且易擴展的Node.js框架打造網頁應用程式》作者【本書特色】第一本Node.js量化投資專書使用NestJS與JS生態圈工具打造投資利器網頁工程師掌握股市關鍵數據的量化投資指南資料收集 × 實例應用 × 程式交易，從零開始打造專屬你的投資系統！♚量化投資介紹：投資知識深入淺出，股市小白輕鬆入門♚資料收集範例：獲取市場數據，建構股市資料庫♚豐富實例應用：實用範例開箱即用，打造股市小幫手♚程式交易實戰：自動化程式交易，成為紀律交易者【內容簡介】本書內容改編自第14屆iThome鐵人賽Software Development組的冠軍系列文章《從Node.js開發者到量化交易者：打造屬於自己的投資系統》。透過Node.js平台與NestJS框架，運用JavaScript生態圈工具，從資料收集、市場分析到程式交易，建立一套完整的投資系統。本書分為四大主題，循序漸進地帶領讀者掌握量化投資的關鍵要素：♚PART 1 預備知識：瞭解投資基本概念與交易規則，建立所需的開發環境。♚PART 2 資料準備：探索市場數據來源與分析方法，以拓展投資策略視野。♚PART 3 實例應用：打造各式股市幫手與工具應用，進一步提升投資效率。♚PART 4 程式交易：開發股票下單程式與交易系統，實現自動化程式交易。【目標讀者】♚想使用市場數據進行投資分析的台股投資者。♚想使用程式取得市場開放資料的程式開發者。♚想使用JS生態圈工具打造投資利器的Node.js開發者。♚想建立穩定且可靠的自動化交易系統的量化投資者

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

ChatGPT 神助手！幫你寫程式、爬取資料樣樣行！【ChatGPT × Excel VBA 的自動化資料清理、分析及繪製圖表】▼本書從基礎的 Excel VBA 開始，說明如何用 VBA 來操控 Excel 活頁簿、工作表和儲存格的自動化操作後，再教你活用 ChatGPT 進行活頁簿和工作表的合併與分割。接著教你資料清理、轉換的方法，並使用 VBA 正規表達式來清理儲存格資料。清理資料後，即可建立 VBA 程式自動化繪製圖表、套用公式和建立樞紐分析表進行資料分析。【活用 ChatGPT 剖析 HTML、CSS 選擇器、JSON 等資料】▼教你活用 ChatGPT，使用生成式 AI 帶你學習 HTML 標籤和 CSS 選擇器、寫出正規表達式、找出 CSS 選擇器、剖析 JSON 資料，更可以在提示文字 (Prompts) 的幫助下，寫出各種不同應用的 VBA 程式，讓你成為一位VBA 程式設計的 AI 溝通師。【ChatGPT × Excel VBA 整合應用】▼實作是學習程式不可缺少的部分，第 11 章有豐富的網路爬蟲實戰，大家可以實際練習從網路抓取所需的資料。第 12 章將說明如何在 Excel 串接 ChatGPT API，用 XMLHttpRequest 物件來呼叫 ChatGPT API，將 ChatGPT 的回應填入 Excel 儲存格。並安裝 ChatGPT API 的增益集，使用 ChatGPT API 自動化撰寫 Excel 儲存格的客戶回應。本書特色: 【自動化✕抓資料✕生程式✕建圖表】★自動化讀取、更新與走訪 Excel 儲存格資料。★自動化 Excel VBA 資料分析、清理及視覺化。★使用 Excel 的 Web 查詢取得網頁資料。★使用 Excel VBA 處理 JSON 資料。★擷取階層結構的 HTML 清單和表格標籤。★分析 Bootstrap 相簿網頁的標籤結構。★爬取 AJAX 技術的 JSON 資料。★用 IHTMLTable 物件擷取 HTML 表格資料。★爬取 JavaScript 動態網頁的多筆記錄資料。

☆ ★☆ ★☆ Web開發新選擇！☆ ★☆ ★☆和C/C++一樣強大簡潔，比Node.js好學易懂，比Php高效快速，開發Web程式一起Go！市面上這麼多程式語言，從大家一定要學的Java/C/C++/C#，一直到非常流行的Python，Javascript等。想學Web開發，雖然什麼語言都行，但現今Web的架構十分複雜，再加上企業對程式設計師「全端」的能力、「快速開發」能力、「DevOps」能力的要求甚高，一個Web程式語言要面面俱到的確有難度。過去一直以為Go是專注在區塊鍊開發的程式語言，在開發Web時並不會列入考慮，大部分的初學者想到的就是Php，稍微有經驗的開發者會考慮Node.js或是Rails這種較大型的開發框架，但曾幾何時，Go以及其Web框架Beego/Gin已經慢慢成為主流了。本書是市面上難得將Go從頭到尾說明完整清楚的參考書，如果你已經有程式開發經驗，這個類似精簡快速的C語言，會讓你重新享受C高速開發的樂趣，而成品也禁得起大型企業網站的考驗。而最流行的Docker佈署，本書也有一章完整的介紹，從了解Go語言本身、Web框架、ORM資料庫連結(包括了NoSQL)、最後到Docker佈署，一氣呵成，Web開發就靠他了。◎ 本書特色（1）第一線技術，突出實戰。本書中穿插了大量的實戰內容，且所有程式採用目前的Go 最新版本編寫。（2）精雕細琢，閱讀性強。全書的語言經過多次打磨，力求精確。同時注重閱讀體驗，讓沒有任何基礎的讀者也可以很輕鬆地讀懂本書。（3）零基礎入門，循序漸進，讓讀者快速從菜鳥向實戰高手邁進。本書以Go 入門級程式設計師為主要物件，初級、中級、進階程式設計師都可以從書中學到知識。先介紹Go 的基礎，然後介紹Go Web 的基礎，介紹Go Web 的進階應用，介紹B2C 電子商務系統實戰開發，最後介紹應用的Docker 實戰部署，真正幫助讀者從基礎入門向開發高手邁進。（4）極客思維，極致效率。本書以極客思維深入Go 語言底層進行探究，幫助讀者了解底層的原理。全書言簡意賅，以幫助讀者提升開發效率為導向，同時盡可能幫助讀者縮短閱讀本書的時間。（5）由易到難，重點和困難標注並重點解析。本書編排由易到難，內容基本覆蓋Go Web 的主流前端技術。同時對重點和困難進行重點講解，對易錯點和注意點進行了提示說明，幫助讀者克服學習過程中的困難。（6）突出實戰

基於Vue.js 3 Vue.js官方團隊成員傾力打造 深入解析Vue.js設計細節 本書基於Vue.js 3，從規範出發，以原始碼為基礎，結合大量直觀的圖示，循序漸進說明Vue.js中各個功能模板的實作，細緻剖析框架設計原理。全書共18章，分為六篇，主要內容包括：框架設計概覽、響應系統、渲染器、元件化、編譯器和伺服器端渲染等。通過閱讀本書，對Vue.js 2/3具有經驗的開發人員能夠進一步理解Vue.js框架的實作細節，沒有Vue.js使用經驗但對框架設計感興趣的前端開發人員，能夠快速掌握Vue.js的設計原理。 「本書對Vue.js 3技術細節的分析非常可靠，對於需要深入理解Vue.js 3的使用者會有很大的幫助。」 -尤雨溪，Vue.js作者 「聽到春陽在籌備本書時，我就期待不已。以他對Vue.js的貢獻與理解程度，撰寫這本書真是再適合不過了！春陽從框架設計者的角度巧妙地切入，自底層由淺入深地闡述Vue.js的設計思想。身為Vue.js多年使用者的我，也被書中豐富的細節所震撼，讀後受益匪淺。若想更好地理解與使用Vue.js，我極力推薦本書。」 -Anthony Fu，Vue.js和Vite核心團隊成員 「當前，在開發前端應用程式時，Vue.js已經是首選技術之一了。使用Vue.js的開發者數量龐大，其中很多人嘗試閱讀原始碼，以期了解更多細節。本書從核心團隊開發者的角度，詳細解析了從無到有開發Vue.js的技術細節，以及背後的工程權衡，其細節之豐富，遠超第三方原始碼解讀。想要深入框架細節的業務開發者以及各類元件、框架和平台開發者，都可以從本書中受益。此外，作者的技術實力和寫作態度，也保證了本書的品質。」 -飛叔(徐飛) 「我特別喜歡這本書，它會為你打開一扇門，開闢一種新的思維，建立對Vue.js全新的認知。」 劉博文(玖五) -《深入淺出Vue.js》作者，阿里巴巴大淘寶前端技術專家 「春陽是Vue.js團隊中對框架原始碼鑽研最深的人之一。這本書並非簡單的原始碼解析之作，反而深入淺出，既從設計理念的角度闡述了Vue.js的技術，也講解了更為通用的演算法知識和Javascript語言規範細節。這本書不僅能幫助前端新手理解前端框架功能，而且為資深開發者閱讀原始碼提供助力，還能對廣大的前端技術愛好者有所啟發，非常值得一讀。」 -蔣豪群，Vu

內容簡介 本書內容改編自第 11 屆 iT 邦幫忙鐵人賽，Modern Web 組優選網路系列文章──《從 Hooks 開始，讓你的網頁 React 起來》。 ◆重點資訊◆ 最新升級增強版！迅速掌握React要領，深入專案主題 ☛ 第一本整合線下內容與線上社群的 React 實體書，再也不怕沒人解惑(https://www.facebook.com/groups/274607427104369/) ☛ 從 Hooks 開始上手 React，大幅降低陡峭的 React 學習曲線 ☛ 透過專案實作到最終發布上線，讓所有人都可以看到你的作品 Q：買書後碰到問題卻沒人問怎麼辦？ A：第一本同時整合線下文字與線上社群的 React 實體書籍，不只是一本書，更提供專業線上討論與協助，免除讀者在學習新技術上的焦慮與不安！ Q：沒學過 React 可以直接從 Hooks 開始嗎？ A：從 Hooks 開始入手 React，可大幅降低過去 React 陡峭的學習曲線！ Q：學過 React 語法卻不知如何實作成專案作品？ A：以專案實作帶你一步步熟悉 React 各種語法，並將作品發布至雲端，讓所有人都能共享使用！ Q：請問使用的React版本 A：本書語法支援目前最新版 React18，讓你掌握最新功能。 專業推薦 如果你希望透過學習 React 這個目前業界非常流行的框架，來提升職涯發展潛力，那這本書再適合你不過！本書是 PJ 為你設計的一趟學習旅程。除了耐心指引你步驟之外，更會告訴你各種「為什麼」，讓你對 React 背後的邏輯與思維有充分瞭解。更重要的是，你將體會到，「學習」，其實可以很不一樣。 Bernard Chan | 陳治平 前 Yahoo! 亞太區產品總監、ALPHA Camp 校長 本書不是一本工具書，而是作者在腦中思考的過程，是一本教你思考的書，以邏輯思考的走向代替一般指令式的教學，這樣的內容才是正確的教學方式，學習到的並不只是技術，而是在實務過程中所累積下來的經驗。 Howard | 吳展瑋 台南「好想工作室」創辦人、台灣口罩地圖、動森揪團工具開發者 讀者好評推薦 如果你是期待能用 React 快速上工的人，這本書會非常有幫助! 照著此書的安排，你會用 React 完成一個簡單卻完整的 web app。開發過程所需要的 JavaScript 基礎知識，都會詳細

★ 提升切版魅力！從初階到進階必學的新世代排版神器！跟著 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 推薦專業推薦「這本書除了詳細講解 Tailwind 技術外，更棒的是還分享許多切版範例題目，最後面還顧及開發者的程度，貼心提供 jQuery 與 Vue CL

以4個整合性實例一探業界極為流行的Bootstrap響應式網頁框架 從「遊戲活動網頁」、「部落格」、「活動報名網頁」，到「企業型購物網站」， 依Bootstrap 5改版，一次搞懂主流的RWD設計！ Bootstrap早已成為全世界許多企業在徵求網頁設計師時列為必備的技能條件，其採用了模組化設計，簡易到只要懂得如何套用，就可以快速設計出頗具美感的響應式(RWD)網頁。 對於許多不擅長視覺設計的網頁工程師來說，省去了許多美化的時間與困擾；而對於視覺設計師來說，也能依著自己設計的版型建置網頁，同時支援市面上大部份的主流瀏覽器，而對於想踏入響應式網頁領域的初學者來說，則可以在短時間學好RWD設計技能。 網頁設計師與網頁工程師必備技 Bootstrap響應式網頁的快速設計力 書中從認識響應式網頁與網站開發流程開始，詳細解說響應式網頁設計思維，並導入視覺設計與網頁製作兩個不同領域的專業知識與技巧，最終以4個案例製作響應式網頁以具備實戰技能。 ‧完整的響應式網頁概念解說與Bootstrap運用方式，迅速跨入響應式設計領域。 ‧以淺顯易懂的網頁範例，融入佈局、HTML5、CSS3、元件與JavaScript的使用技巧。 ‧4種不同類型的整合性範例，一次掌握主流RWD版面設計，展現Bootstrap的強大效果。 【超值學習資源】554分鐘(CH10～CH25實作)影音教學/活動報名版型與部落格版型PDF/範例檔

零基礎前端開發新手也能輕鬆上手的前端 Pre-process 自動化編譯！許多初學者剛開始學習前端開發時，面臨搜尋引擎中紊亂無條理的前端框架教學資料，仍搞不清楚到底要學什麼；即使寫好所有 Pre-process，卻沒有一個前端自動化工具編譯這些 Pre-process。Webpack 與 Babel 為現代前端工程領域最核心的兩大工具，就是自動化編譯的救星！本書系統性的撰寫風格就是引導你入門 Webpack 與 Babel 的指南針，讓你成為一位概念清晰又操作泰然的開發者。【Webpack＋Babel 兩大核心工具完全攻略！】本書精選 Webpack 以及 Babel 兩大主題編排而成，Webpack 部分為前 8 章，Babel 部分則為後 4 章，兩部分之區分相輔相成，讓讀者更方便參考，知悉兩大核心工具的精髓。◎[Webpack] → CSS 引入／ES6 模組／CommonJS／資源出入口實作／最常用外掛程式開發／前置處理器 file-loader 及 url-loader 配置與使用／環境設定／模組熱替換／性能最佳化◎[Babel] → 安裝設定及轉碼／外掛程式的選擇／babel-polyfill 的使用／@babel/preset-env 的使用／@babel/plugin-transform-runtime 的使用／最常用工具應用全集／入門原理介紹◎本書程式實作適用於 Webpack v5.0.0 與 Babel v7.0.0 後版本本書特色：JavaScript Developer 必備的工具書！★ 自己學或產業開發都派得上用場自學者或 IT 產業人士無需再感到孤單，本書實用性極高，從【入門概念到開發應用】一次打包給你，是十分值得入手的 JS 工具用書選擇。★ 系統性整理的撰寫風格本書主要用【系統性的整理手法】來梳理 JS 新手使用 Webpack 與 Babel 較不容易理解的概念，讓新手讀者輕鬆上手。★ 範例程式 Bonus！本書搭配完整的 code 於深智官網，【免費下載】，方便讀者跟著每個章節步驟實作時更容易掌握 JS 所具備的細節，找到自己的開發價值。

CSS選擇器是CSS世界的支柱，撐起了CSS精彩繽紛的世界！ 本書特色 ◆顛覆對CSS的認知 ◆傳承實務經驗與心法 ◆提供線上範例觀看 CSS選擇器本身很簡單，就是一些特定的選擇符號，於是很多開發者就認為CSS選擇器的世界很簡單，沒什麼好學的，這樣的想法嚴重限制了開發者的技術提升。實際上，CSS選擇器非常強大，它不僅涉及視覺表現，而且與用戶安全、用戶體驗有非常密切的關聯。 不少開發人員學習JavaScript得心應手，但是學習CSS卻總是沒有感覺，因為他們還是習慣把CSS屬性或者CSS選擇器看成一個個獨立的個體，就好像傳統程式語言中一個個API一樣。傳統程式語言講求邏輯清晰、層次分明，主要是用來提供功能特性，因此這種不拖泥帶水的API是非常有必要的。然而CSS卻是用來提供樣式，它重表現、輕邏輯，如同人們的思想一樣，互相碰撞才能產生火花。 本書專門介紹CSS選擇器的相關知識。在書中作者結合多年的業界經驗及研究心得，在CSS基礎知識之上，充分考量前端開發人員的開發需求，以CSS選擇器的基本概念、優先順序、命名、最佳實作，以及各虛擬類別選擇器的概述和適用場景為技術主軸，為CSS開發人員介紹有競爭力的知識和技能，並擷取出精華使讀者能在短期間習得有用的技術，直接應用在實際職場上。此外，本書也搭配專有網站，可提供線上範例觀看。本書是一本CSS進階書，非常適合有一定CSS基礎的前端開發人員學習和研讀。

把真正的程式設計變得簡單JavaScript是主流的Web程式開發語言，是建立令人驚訝的互動式網頁應用程式和線上遊戲的祕密武器。本書用輕鬆愉快的方式，透過耐心的、按部就班的範例，以及充滿趣味的圖示，幫助讀者輕鬆地學習程式設計的基礎知識。本書帶領讀者從基礎知識開始，例如處理字串、陣列以及迴圈，然後繼續學習一些進階主題，例如使用jQuery建構互動性，以及使用畫布繪圖。透過閱讀本書，你將實際撰寫出諸如

★★★★★這是一本值得你仔細探究的超級實用書！★★★★★■ 適用版本：CS6 | CS5.5 | CS5 | CS4 | CS3 | 8 ■ 詳解各式網頁版面設計技巧■ 不寫程式也能做出特效十足的網頁網頁技術推陳出新，從電腦、智慧型手機發展到平板電腦，本書從視覺觀點出發，透過實例引領你如何踏入專業網頁設計領域。■ 設計好美觀的畫面還得要實現成為真正的網站，教你運用Photoshop切割、Dream

本書以JavaScript作為基本程式語言，旨在介紹如何以JavaScript程式標準撰寫出更具可讀性、更方便、更具工程化優勢的程式。首先介紹JavaScript標準版本的發展歷史作為切入，然後以ES2015為例簡要概括標準化規範的作用和意義；在此基礎上，詳細說明JavaScript如箭頭函數、範本字串、新的資料結構、類別語法、產生器等重要的涵範內容及基本用法與注意要點。當大部分讀者對JavaSc

本書是《超圖解 Arduino 互動設計入門》的姊妹作，強調串聯網路軟體和微電腦控制板, 以 JavaScript 為主軸，開發網路應用程式、手機 App、互動網頁、資料庫程式和操控微電腦。書中包含網頁式遠端遙控 LED 燈、即時溫濕度網站、保全自動感測拍照蒐證、網頁式遠端 LED 繪圖板、即時影像監控網站、影像辨識擺頭控制攝影機雲台、雲端溫濕度監控、即時資訊動態圖表、藍牙機器人遙控手機 App

■ 精選420 個典型實例及應用特效實例，按實際應用進行分類，讀 者在短時間內能掌握更多有用的技術，快速加強程式設計功力。■ 每個實例都包含「實例說明」、「技術要點」、「實現過程」和「舉一反三」4 個部分。■ 所有實例都提供原始程式碼，讀者可以根據需要學習和使用。為便於尋找實例中的程式設計技術和技巧，本書附錄提供了程式快速索引功能，該索引按字母

在後端，函數式語言層出不窮；在前端，函數作為最後邊界的刻板形象也漸漸消弭不再；Scala的Scala.js、Clojure的ClojureScript都試圖同構移向前端，而原生JavaScript也可透過豐富的函數庫，讓前端的函數式程式設計一樣的舒適和優雅。本書涵蓋大部分函數式程式設計思想，包括JavaScript的函數式支援，Clojure風格的集合、遞迴、函數組合、Macro、模式比對、實用M

本書特色：詳述最新特性，緊跟技術潮流！本書立足於新的技術潮流，介紹了一系列全新的語言特性與標準，以便讓讀者在學習基礎知識的同時，緊跟嶄新技術的發展。❑ 從零開始學習開發完整可應用的專案，掌握Node.js基礎細節並獲得實際經驗。❑ 以實際應用為背景，闡述Node.js在實際專案中的定位與潛在的陷阱。❑ 適合沒有Node.js經驗的讀者，目標除使讀者能快速上手外，亦能獨立開發出Node.js的小型應