JavaScript

使用型別安全的JavaScript強化Web開發技巧 「學習TypeScript是一種優秀的、平易近人的工具。Josh介紹TypeScript的關鍵部分，無須被不必要的細節所困擾。」 ―Ryan Cavanaugh, 微軟首席軟體工程師，TypeScript開發團隊經理 「Josh的專業知識貫穿了學習TypeScript的主軸。不僅具有深度有趣的教育內容且引人入勝。」 ―Cassidy Williams, 經驗豐富的開發工程師，創業顧問和投資人 TypeScript征服了JavaScript的世界。TypeScript在開發人員問卷調查中，被認定為世界上發展最迅速且最受歡迎的程式語言之一，已經廣泛應用於消費和商業產品中，最為熟知的是它有助於擴充大規模Web應用程式。 然而TypeScript到底是什麼？以及它如何使用、內部的運作模式？這本書適合初學者及進階JavaScript程式人員，從對「型別、型別系統」的一無所知到完全掌握TypeScript基礎知識。 讀者將學習到： ‧TypeScript的優勢及其型別系統在「原生」JavaScript之上的特殊之處 ‧使用僅限於開發過程中的型別註記，來操作TypeScript的型別系統 ‧分析和解讀程式碼，協助使用者擴充現有的開發模式 ‧幫助使用者處理陣列、類別、函數、物件和其他重要的內建JavaScript資料結構 ‧有效調整設定TypeScript配置選項，為團隊和專案定制TypeScript編譯器選項 ‧提供的自動重構和程式碼智慧搜尋等多種IDE整合環境工具，協助快速開發並減少錯誤

時至今日，程式開發已經不再是程式工程師的專利！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✪程式應用的開發懂了程式語法之後，就要有辦法使用程式語法以及使用幫助開發工具，建構出符合需求的應用程式。本書在：IDE篇、實作練習篇：實作網站版剪刀石頭布、開源篇：npm &

使用JavaScript建立原生移動裝置app“對於想擴展到原生開發的React工作者，《React Native學習手冊》是你必讀的一本書。所有建立可量產的原生應用程式所需的知識，Eisenmen都在本書中仔細道盡。―Ryan HurleyTwitter, Full Stack Web Developer本書以實務的方法介紹React Native。React Native是一個JavaScri

‧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的差異，為讀者打造駕馭前端框架的實戰力，成為卓越的前端工程師。

本書是以React hook為核心、入門React.js的指引，適合已有原生Javascript前端開發經驗、初次想要接觸前端框架的讀者。內容分為四個部分，包含： ・解釋前端框架是什麼 ・function component的運用和各個React hook的使用方式 ・從零打造React專案的範例 ・效能處理等進階知識(含class component的使用

原生全端開發 - 使用Node.js建立最漂亮強大的網站https://youtu.be/58l8K1fyhHI✴︎ Node.js的基本概念、安裝配置以及模組化管理✴︎ Node.js密切相關的JavaScript基礎知識✴︎ 後端Node.js到前端Vue框架完整的全端開發流程✴︎ MySQL、Redis多種資料庫串接✴︎ Express、Koa和Egg三大框架，路由設計、中介軟體撰寫和RESTful開發✴︎ Node.js+MySQL+Vue者開發完整的商業級專案

用輕鬆愉快的心情學習程式設計與演算法！．從零開始了解Python的程式設計與演算法．邊開發遊戲，邊了解程式設計與演算法的基礎．一邊解謎，一邊累積寫出實用程式的功力．可以利用雲端上的Google Colaboratory開發環境立刻開始學習．謎題的解答除了Python，還有JavaScript與Ruby版的程式碼

編寫多語言的整潔程式碼 「一本有趣的實作指南，可讓您加快測試驅動開發的速度。如果您想開始TDD，或是需要複習軟體開發人員所應掌握的重要技能之一，這本書就是為您準備的！」 ―Ham Vocke Stack Overflow軟體開發人員 您的程式碼可做為身為開發人員的技能證明。無論您使用哪種語言，程式碼都應該乾淨、優雅、整潔。透過使用測試驅動開發(TDD)，您將編寫出易於理解的程式碼，保持其優雅，並且可以在未來數月甚至數年內持續進行工作。透過這本指南，您將瞭解如何將TDD與三種不同的語言一起使用：Go、JavaScript和Python。 作者Saleem Siddiqui向您展示了如何使用單元測試驅動的方法來處理領域複雜性。TDD將需求劃分為小規模、可實作的功能，使您能夠解決問題，並且與您使用的語言和框架無關。透過本書，您將學習如何將TDD納入您的常規程式設計實務。 這本書可以幫助您： ‧使用TDD的divide-and-conquer來控制領域的複雜性 ‧瞭解TDD如何跨語言、測試框架和領域概念工作 ‧瞭解TDD如何實現持續整合 ‧支援運用TDD進行重構和重新設計 ‧學習如何用JavaScript編寫簡單有效的單元測試工具 ‧使用TDD期間生成的單元測試來設置持續整合環境 ‧在Go、JavaScript和Python中使用TDD編寫乾淨整潔的程式碼

提昇TypeScript技術的83個具體做法 「Effective TypeScript探討使用TypeScript時最常見的問題，並提出實用的、結果導向的建議。無論你的TypeScript經驗如何，都可以從本書學到一些東西。」 ―Ryan Cavanaugh，微軟TypeScript工程主管 「本書滿載著實用的撇步，專業的TypeScript開發者都應該把這本書放在桌上。即使你認為已經熟悉TypeScript了，買下這本書也絕對不會後悔。」 ―Yakov Fain, Java Champion TypeScript是包含型態的JavaScript超集合，能有效解決許多JavaScript惡名昭彰的問題。然而，TypeScript有自成一格的學習曲線，開發者往往需投入大量時間來實際操作才能有效運用其強大功能。這本實用的書籍採取《Effective C++》與《Effective Java》（皆由Addison-Wesley出版）風糜已久的寫作風格，提出83條具體建議，明確說明哪些做法值得採用、哪些應該避免，以及如何深入理解這門語言的設計思維。 作者Dan Vanderkam將透過實際範例指引你如何實際運用每一項建議。無論你是TypeScript的初學者，還是已掌握基礎知識、希望更進一步的開發者，本書都將協助你晉升為能熟練運用 TypeScript的專家。 第二版內容更新至TypeScript 5.X，並加入了兩個全新章節，深入介紹型態級程式設計與各種進階的 TypeScript技巧。 •學習TypeScript型態系統的運作細節 •使用型態推斷，以最少的型態註記來獲得嚴密的安全性 •設計型態，讓程式碼更安全且更容易瞭解 •使用泛型型態與型態級設計來定義複雜的API •瞭解依賴項目與型態宣告檔案在TypeScript之中如何運作 •將JavaScript程式順利遷移至TypeScript

本書特色1、作者經驗豐富，本書軟硬體並重。本書作者已經寫過VB、Java、C/C++、Delphi、C＃、PHP、JavaScript、組合語言及單晶程式設計、Office等書籍超過30年，具有豐富的軟體設計經驗。其次，單晶控制已是時代趨勢，硬體僅剩簡單的輸入與輸出，軟體才是重點，唯有具備強健的軟體基礎，才能發揮單晶功能。2、由簡入門。使用LED、指撥開關、按壓開關、可變電阻、光敏電阻、蜂鳴器等零

1.建立堅實基礎：從開發環境、檔案結構到每個標籤的意義，一步步帶你上手。2.掌握現代標準：深入HTML5語意化標籤、無障礙設計（Accessibility）與SEO最佳化，做出對人與搜尋引擎都友善的網頁。3.理解前端全貌：銜接CSS與JavaScript概念，讓你清楚HTML在整體網頁開發中的角色。4.領先運用AI工具：獨家章節教你如何成為「會問問題的學習者」，利用AI擔任你的24小時助教，解決難題、激發靈感、甚至協同創作。

本書結合NodeMCU-32S、Arduino控制板、LoRa收發器、雲端伺服器建立WiFi與LoRa物聯網，讓你不須自行維護伺服器、輕易監控物聯網。 • 精選7朵雲 ‒ 雲端伺服器，運用MQTT、HTTP方法傳遞加密或未加密資料 • 在每朵彩雲下，建立WiFi(前8章)、LoRa(後2章)兩種不同通訊方式的物聯網 • 第7、8章介紹雲端SQL與NoSQL資料庫管理系統，物聯網資料不再稍縱即逝 • 第9、10章運用LoRa技術建立物聯網，達到低能耗、長距離通訊 書籍特色 • 充分運用Arduino豐富網路資源建立實用物聯網 • 建立LoRa感測網路，擺脫WiFi侷限，不須申請，免費使用，是本書一大亮點 • 運用Arduino IDE撰寫C++程式 • 運用Visual Studio Code撰寫、部署JavaScript網頁程式 • 規劃Node-RED流程監控物聯網 • 以智慧型手機APP監控物聯網 • 傳遞物聯網感測資料至雲端伺服器、儲存在雲端資料庫 閱讀本書後，你將學到 • 有效運用雲端伺服器 • 快速建立物聯網 • MQTT、HTTP通訊應用 • Arduino、JavaScript、Node-RED程式設計 • SQL與NoSQL資料庫管理系統 • LoRa通訊應用 本書適用於 • 大專院校「機電整合」、「專題製作」、「網際網路程式設計」、「物聯網應用」等課程 • 高中、高職「微電腦應用實習」相關課程 • 各級學校開辦「物聯網」探索課程 • 創客玩家DIY物聯網、擘劃智慧住宅、智慧農場

全彩印刷、範例導向，初學者的第一本書！ 學習養成：從初學者到熟練者的完整學習教材 快速開發：教導使用Bootstrap template + JQuery快速開發商業網站 結合趨勢：介紹應用ChatGPT搜尋套件、程式除錯 在求職市場中，前端網頁工程師所須具備的技術條件包含HTML、CSS、JavaScript，本書內容與職缺需求相呼應，並在各章節中加入許多實務概念，包含如何分別使用HTML標籤或CSS做出網頁版型、如何使用Bootstrap template快速地建置網頁架構並修改、如何尋找並運用JQuery套件在目前網站中，讓網頁內容更豐富。

本書結合HTML、CSS，以及JavaScript，同時透過最普及的Visual Studio平台為實作工具，從零開始帶你動手建構自己的「動態網頁」。內容主要分為兩個部分：編程的背景知識與範例，包括編程環境、語法、函數、程序、物件、除錯，以及延伸的應用。另外，本書搭配圖示及步驟說明，以實用、有效的方式，讓你用最短的時間掌握 DHTML 的基礎。目次： 第一章　先備編程環境與知識第二章　用記事本設計我的第一個網頁第三章　MyGoogle 瀏覽器第四章 我的部落格第五章　MyShop第六章　會員註冊網頁第七章　報修與回饋單

內容簡介:掌握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。

深入探討 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 協作模式：協調者-工作者、評

本書全面介紹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個綜合實戰案例。 全端開發。熟習本書，可以掌握全端開發技能。

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&陰影★帆船與海

本書的學習重點 ‧看懂與撰寫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

本書主要介紹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進階應用‣ 專案開發工具與狀態管理

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的協助來簡化功能開發與重構

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

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

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

系統化的實戰學習架構，帶你完整掌握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全面測試應用程式

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 動態網頁的多筆記錄資料。

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

若要打造可推理及提取外部資料、理解前後脈絡、可投入正式環境的 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 資深資料科學家暨技術內容撰寫人

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

零基礎前端開發新手也能輕鬆上手的前端 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 所具備的細節，找到自己的開發價值。

提升程式設計與品質的訣竅 推薦給堅持寫出優質軟體的你 無論技術如何發展，程式碼的簡潔仍然至關重要。 程式碼的簡潔度和明確度，不僅是程式設計師的責任，也影響資源分配、開發策略、專案管理等面向，甚至關乎整個軟體產業的發展。 雖然 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]佈景主題製作進階有了建立佈景主題的經

內容簡介 本書內容改編自第 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 基礎知識，都會詳細

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

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

誰說獨自開發軟體不可能， 現在就教您怎麼獨自完成的價值數十萬產品！ 本書是寫給有一點 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

基於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

★ 提升切版魅力！從初階到進階必學的新世代排版神器！跟著 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