JavaScript

本書是“十四五”職業教育規劃教材，採用工單式和工作手冊式相結合的設計方案，同時本書作為廣西教育科學十四五規劃課題（2023A110）主要成果，適用於現代學徒制學徒用書。本書堅持正確的政治方向和價值導向，全面落實課程思政要求，弘揚勞動光榮、技能寶貴、創造偉大的時代風尚，遵循職業教育教學規律和人才成長規律，以工單式工單任務為載體，注重理論與實踐相結合，強調“以學生為中心”的教學理念，建立完善的教學評估體系，適應專業建設、課程建設、教學模式與方法改革創新等方面的需要，滿足項目學習、案例學習、模塊化學習等不同學習方式要求，有效激發學生學習興趣和創新潛能，從而提高學生的實踐能力和職業素養。同時教材由校、政、行、企各類專家共同編寫完成，在開發該本教材之前，我們對IT行業的崗位序列做了充分的調研，包括研究從業人員技術方向、項目經驗和職業素質等方面的需求，通過對所面向學生的特點、行業需求的現狀及實施等方面的詳細分析，結合學校對軟件人才培養模式的認知，按照軟件專業總體定位要求，進行課程體系設計，著重培養學生的熟練度、規範性、集成和項目能力，從而達到預定的培養目標。

《HTML5+CSS3+JavaScript 從入門到精通》全套書分為上、下兩冊，系統講解了 HTML5、CSS3 和 JavaScript的基礎知識與使用技巧，並結合大量案例從不同角度用場景生動演示了 HTML5、CSS3 和 JavaScript 在實踐生產中的具體應用。本套書上冊側重講解 HTML5、CSS3 和 JavaScript 三門語言的基礎知識；下冊側重講解實戰案例，並系統講解客戶端開發的基礎性知識。如果要系統學習 HTML5 API 擴展應用，請閱讀本系列圖書《HTML5+CSS3 從入門到精通》；如果要更深入地學習 JavaScript 語言編程，請閱讀本系列圖書《JavaScript 從入門到精通》。本書為下冊，共 5 部分 25 章，包括大量中小型經典案例，與上冊各章節知識點相對應，方便同步訓練和上機動手練習，能幫助讀者掌握 HTML5、CSS3 和 JavaScript 的實戰技法。同時，本書重點講解了客戶端編程應該掌握的基礎知識和技巧，如 BOM、DOM、事件處理、腳本樣式、AJAX 等。《HTML5+CSS3+JavaScript 從入門到精通(下冊 實戰篇)(第 2 版)》配備了極為豐富的學習資源，其中配套資源有教學視頻(可掃描二維碼觀看)、素材源程序；附贈的拓展學習資源有習題及面試題庫、案例庫、工具庫、網頁模板庫、網頁配色庫、網頁素材庫、網頁案例欣賞庫等。《HTML5+CSS3+JavaScript 從入門到精通(下冊 實戰篇)(第 2 版)》適合作為 HTML5、CSS3 和 JavaScript 從入門到實戰、HTML5 移動開發方面的自學用書，也適合作為高等院校網頁設計、網頁製作、網站建設、Web 前端開發等專業的教材或相關機構的培訓教材。

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

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

JavaScript Programming: 3 Books In 1!Save time and money and start learning JavaScript Programming now with this bestselling JavaScript Computer Programming bundle covering Beginner, Intermediate and

An Introduction to Jquery and JavascriptA Fast and Simple Way to Start Creating Web Applications Both jQuery and Javascript are widely used to create amazing web applications. Javascript is characteri

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

本教程基於高職高專院校課程改革的需要而編寫，“工學結合”是本教程的宗旨，在考慮學生能力需求的基礎上，本教程打破以知識點為線索的傳統學習方法，而是把所有的知識點嵌入到工作任務中去，工作任務中用到什麼知識點，就講解什麼知識點。工作任務由小到大，由易到難，逐漸推進。完成了本教程的所有工作任務，就可以成為網站和WEB應用程序客戶端的初級開發人員。讀者對象：（1）熟悉HTML語言、CSS樣式的讀者。（2）有

Imaginacion, conocer su aplicacion. HTML5 es la piedra angular de la plataforma web abierta de la W3C, un marco disenado para apoyar la innovacion y fomentar el potencial de la web tiene para ofrecer.

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

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

★從零開始，拆掉遊戲製作的門檻★ ☆本書作者獲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基礎的前端開發人員學習和研讀。