JavaScript

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

本書以飛機大戰遊戲為例，圍繞該遊戲的製作，將JavaScript編程語言的知識劃分為9個模塊：製作遊戲界面、添加遊戲控制、製作單元素動畫、製作多元素動畫、控制遊戲動畫、製作多元素場景、添加碰撞功能、製作精靈動畫和發佈運行遊戲。每個模塊又劃分為學習目標、學習情境、實施步驟、知識補充、拓展練習幾個環節。本書內容翔實、結構清晰、圖文並茂、通俗易懂，既突出了基礎性內容，又重視了實踐性應用。本書既可作為各類職業院校計算機及相關專業的教材，也可作為JavaScript初學者、編程愛好者的參考用書。本書配有素材及代碼源文件，選用本書作為授課教材的教師可以從機械工業出版社教育服務網(www.cmpedu.com)免費註冊後下載，或聯繫編輯(010-88379194)諮詢並加入相關微信群獲取更多服務。

本書以實用的案例、通俗易懂的語言詳細介紹了使用HTML5、CSS3及JavaScript進行網頁製作的各方面內容和技能。全書共11章，結合HTML5、CSS3和JavaScript的基礎知識及應用，提供了多個課堂案例和一個綜合項目。其中，第1章主要講解網頁製作的基礎知識，包括網頁、網站的概念，以及網站製作工具的使用技巧；第2～9章主要講解HTML5、CSS3、盒子模型、列表與超鏈接、表單、元素的浮動與定位等靜態網頁搭建技巧；第10章講解使用JavaScript為網頁添加動態效果；第11章為一個綜合項目，帶領讀者按照項目流程開發了一個包含首頁、個人中心頁、註冊頁及視頻播放頁的大型網站。本書配有豐富的教學資源，包括教學PPT、教學大綱、教學設計、源代碼、課後習題及答案等。此外，為了幫助讀者更好地學習本書中的內容，作者團隊還提供了在線答疑，希望幫助更多讀者。本書適合作為高等院校計算機類專業的教材，也可供網頁製作、美工設計、網站開發、網頁編程等行業人員閱讀與參考。

本書注重基礎知識的講解，循序漸進、系統地講述了JavaScript和jQuery前端開發的相關基礎知識。JavaScript部分涵蓋了JavaScript基礎、JavaScript核心語法基礎、數組和函數、異常和事件處理、JavaScript的面向對象、瀏覽器對象等內容。jQuery部分涵蓋了jQuery簡介、jQuery選擇器和過濾器、操作頁面內容、jQuery事件處理、jQuery特效、AJAX等內容。最後綜合應用本書介紹的各種知識，開發了一個在線諮詢服務系統。本書對每一個知識點，都儘量結合實例幫助讀者理解。第1～12章均利用編程實踐來說明本章知識如何使用。第13章以一個完整實例講解JavaScript、jQuery和Node.js在Web應用程序開發中的應用。本書內容豐富，講解詳細，可作為各類院校相關專業的教材，也可作為JavaScript和jQuery愛好者的參考書。

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

本書以JavaScript為基礎,以jQuery移動端框架Zepto為構件,以Vue.js3.x為核心,以Vue Router和Pinia為路由和共享存儲,以uni-app為終端終極解決方案,詳細介紹了Web移動前端開發的基本知識架構.全書為設計師和開發者提供了一套完整的移動前端開發的基礎套件,以滿足Web移動前端項目開發者的需求.全書共分為12章.第1～4章介紹JavaScript基礎及應用;第5、6章介紹jQuery移動端框架Zepto基礎及高級應用;第7、8章介紹Vue.js基礎及高級應用;第9章介紹Vue3.x前端工程構建工具;第10、11章介紹Vue Router和Pinia;第12章簡要介紹uni-app跨平臺移動端開發工具.每章配有本章學習目標、學習內容、項目實戰、小結與練習,便於讀者自主學習與實踐提高,通過項目實戰來培養工程素養和編程能力.本書可作為高等學校計算機類相關專業的軟件開發、實驗和實訓類課程的教材,也可作為Web前端開發工程師和廣大愛好者等培訓、實訓的參考用書.