JavaScript設計模式學習手冊 第二版
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開發世界中保持領先地位。
跟著實務學習HTML、CSS、JavaScript、Bootstrap、JQuery、JQueryMobile網頁設計(含ITS HTML&
📢 含ITS HTML&CSS國際認證模擬試題本書主要介紹網站開發的前端技術為主，以HTML 5、CSS 3、JavaScript、jQuery為基礎，搭配最新的Bootstrap 5前端框架開發行動優先的響應式網頁，同時介紹使用jQuery Mobile製作跨平台行動網頁，逐步引導初學者邁向網頁設計高手的坦途。 ．易學：經過初學者試讀，按圖索驥，可以完整重現書中範例，初學者好上手。並配合大量範例了解如何整合運用。 ．易教：本書經過與初學者或開發人員試教，修改內容與作法，去蕪存菁，教師免備課。 ．易懂：以圖文並茂方式逐步解說，內文融入ITS HTML & CSS國際認證知識，同時附上兩份國際認證模擬試題，讓讀者具考取認照的能力。 【快速上手HTML5語法】 使用大量範例輔助初學者學習HTML與CSS，使初學者快速進入網頁開發領域。 【CSS3排版與動畫設計】 以實際且豐富的案例介紹CSS排版、動畫、特效的設計技巧。 【JavaScript程式】 從零開始學習JavaScript、由變數宣告、選擇結構、重複結構、陣列到函式，沒有艱澀專業用詞，讓初學者不再害怕程式設計。 【Bootstrap元件與互動組件】 使用Bootstap元件，如表單、按鈕、表格、縮圖、卡片、廣告屏幕與格線系統與互動組件，快速打造具使用者體驗的跨平台RWD響應式網站。 【jQuery互動應用】 透過jQuery函式選擇元素進行互動、選取表單資料、呼叫動畫函式與替換樣式，打造良好的酷炫效果與互動網頁。 【RWD網站實戰】 實作具實務案例與行動優先的跨平台網頁，讓初學者的學習展現成果。 【跨平台行動網頁】 使用jQuery Mobile開發同時支援iOS、Android的跨平台行動網頁。 【ITS HTML&CSS國際證照訓練】 內文含蓋ITS HTML&CSS國際認證技能知識，並提供模擬試題訓練，讓讀者除了擁有實作的能力，更擁有國際認證證明自己。
網頁設計完全攻略HTML、CSS、JavaScript、Bootstrap、jQuery、Vue.js、RWD|搭配ChatGPT效率加倍
這是一本內容非常齊全的網頁設計書籍，網羅最新技術、最新語法、最多範例，包含下列的【7大主題】和【超過700個範例程式】，全彩印刷，圖解詳盡，觀念正確，讓讀者快速學會網頁設計的關鍵技術！ ．HTML ．CSS ．JavaScript ．Bootstrap ．jQuery ．Vue.js ．響應式網頁設計 (RWD) 除了分篇分章進行語法教學，目前最熱門的【ChatGPT】也是重要主題，我們會介紹如何使用ChatGPT學習網頁設計，包括撰寫網頁程式、解讀網頁程式、加註解、除錯、查詢語法、尋求技術支援、出題練習、解題、與其它程式語言做轉換等。 為了讓讀者體驗如何將各種語法活用到實際的網頁設計，不再陷入只會語法，卻不知如何活用的窘境，我們設計了【三大響應式網頁範例】－【圖庫網站】、【旅遊網站】和【部落格網站】，其中第一個範例是使用HTML和CSS手刻響應式網頁，而第二、三個範例是使用HTML、CSS和Bootstrap開發響應式網頁，這些範例均相當精美，對於設計人員開發網頁、老師設計教學範例、學生製作專題或參加競賽都極具參考價值。 學習重點------------------------------------------------------------ 【第0章－ChatGPT】 在本章中，我們會介紹如何使用ChatGPT學習網頁設計，例如撰寫網頁程式、解讀網頁程式、加註解、除錯、查詢語法、尋求技術支援、出題練習、解題、與其它程式語言做轉換等。 【第1篇－HTML】 HTML可以用來定義網頁的內容，開發各種網頁應用程式。在本篇中，我們會介紹HTML常用的元素，例如文件結構、資料編輯與格式化、嵌入內容、表格、表單等。 【第2篇－CSS】 CSS可以用來定義網頁的外觀，包括編排、顯示、格式化及特殊效果。在本篇中，我們會介紹CSS常用的屬性，例如色彩、字型、文字、清單、Box Model、定位方式、背景、漸層、濾鏡、表格、Flexbox Layout、Grid Layout、變形、轉場、動畫、媒體查詢等。 【第3篇－JavaScript】 JavaScript可以用來定義網頁的行為，在本篇中，我們會介紹JavaScript的基本語法，包括型別、變數、常數、運算子、流程控制、函式、物件等，還會介紹JavaScript在瀏覽器端的應用，也就是如何利用JavaScript讓靜態網頁具有動態效果，包括文件物件模型 (DOM)、瀏覽器物件模型 (BOM)、事件處理等。 【第4篇－網頁前端框架】 除了最核心的HTML、CSS和JavaScript，還有許多應用於JavaScript程式開發的函式庫與框架，在本篇中，我們會介紹下列幾種技術： ．Bootstrap：是很受歡迎的HTML、CSS與JavaScript框架，用來開發響應式 (responsive)、行動優先 (mobile first) 的網頁，使用者無須撰寫CSS或JavaScript程式碼，就可以輕鬆設計出響應式網頁。 ．jQuery：是一個快速、輕巧、功能強大的JavaScript函式庫，透過它所提供的API，可以讓諸如操作HTML文件、選擇HTML元素、處理事件、建立特效、使用Ajax技術等動作變得更簡單。 ．Vue.js：這個JavaScript函式庫，提供API讓Web開發人員進行資料繫結及操作網頁上的元素，解決畫面顯示與資料狀態同步的問題。 此外，我們還會介紹【響應式網頁設計】(RWD，Responsive Web Design)，這是一種網頁設計方式，目的是根據使用者的瀏覽器環境 (例如寬度或方向等)，自動調整網頁的版面配置，以提供最佳的顯示結果，同時設計了【3大響應式網頁範例】－圖庫網站、旅遊網站、部落格網站，讓您不只懂語法，更懂如何運用到實際的網頁設計。
Dreamweaver CC網頁設計必學教本：HTML＋CSS＋Bootstrap＋jQuery＋jQuery Mobile
本書是針對Dreamweaver CC的網頁設計教材，旨在為讀者提供全面且實用的網頁設計知識。不論您是初學者，還是已有一定經驗的網頁設計師，都能從本書獲得有價值的內容，從基礎知識到進階技巧，輕鬆掌握相關技術並且應用在網頁設計上。網頁設計是一個廣泛而多元的領域，涉及多種技術和工具。本書透過簡單易懂的內容和實用的範例，幫助讀者迅速掌握關鍵概念。從HTML和CSS的基本概念出發，引領讀者逐步深入，介紹如何使用Dreamweaver CC建立精美的網頁，包括文本編輯、圖片處理、超連結、表格、表單及版面設計等。此外，本書介紹用於設計響應式網頁的Bootstrap，透過實際範例，讓讀者能夠立即製作出可隨裝置自動調整大小的網頁及圖片輪播效果等。同時，也說明如何使用jQuery UI輕鬆製作折疊式面板、標籤面板等。最重要的是，本書還介紹了無需寫程式，只要使用jQuery Mobile就能製作行動裝置網頁的技巧。本書的豐富內容，都是讀者學習網頁設計時不可錯過的必學知識。
圖像Angular開發入門：打造高靈活度的網頁應用程式【第二版】(iT邦幫忙鐵人賽系列書)
本書內容改編自第 12 屆 iT 邦幫忙鐵人賽 Modern Web 組佳作網路系列文章 《Angular 全集中筆記》 Angular 是 Google 所發展出來的完整前端框架，可以用來開發網頁、桌面與行動等各種應用程式；也提供了 Angular CLI 來簡化開發過程中事務型的作業。 本書以循序漸進的方式，一層一層地由淺入深的介紹 Angular 前端框架，並搭配著圖像說明與實務案例，讓讀者更容易了解如何利用 Angular 開發高靈活性的應用程式。 書籍特色 ◾ 從零開始介紹 Angular 的基礎知識、各種類型的元件、依賴注入等核心內容，幫助讀者快速入門。 ◾ 利用圖像化方式說明 Angular 各種觀念，幫助讀者更容易地了解在多種不同程式或元件間的抽象互動。 ◾ 透過持續發展的待辦事項功能，從簡入深的使用 Angular 各種概念，帶領讀者更容易地連結前端技術與使用者需求。 ◾ 完整介紹 Angular CLI 各種命令，讓讀者熟悉在開發過程中，利用 CLI 命令簡化事務型的作業。 【目標讀者】 1. 對前端框架有興趣的初學者。 2. 想要完整了解 Angular 前端框架的前端工程師。 3. 想轉職前端工程師的大大們。 專業推薦 目前世面上講授 Angular 的中文書籍很少，但這本「圖像 Angular 開發入門」非常適合新手入門，對於想要進入前端框架領域的新手來說，是個相當不錯的選擇。書中講解不少 Angular 實戰開發中必須瞭解的重要觀念，搭配著完整的範例程式碼，初學者可以直接從線上就能體驗 Angular 的開發過程，也可以透過互動的方式快速掌握精髓之處。 多奇數位創意 技術總監、Google Developer Expert、Microsoft MVP ———————————————Will 保哥 | 2021/8/16 部落格：blog.miniasp.com/ 臉書專頁：www.facebook.com/will.fans/ &
輕鬆自學ASP.NET Core MVC(.NET 8)：從建置到部署的Web程式經典範例實作
☆NET 8 Core Web應用程式核心基礎與套件介紹 ★套件輔助學習 - 節省開發時間與心力 ☆使用分層架構 - 讓專案各司其職，提高應用程式的可維護性和擴展性 ★身份驗證授權 - 使用Identity套件，提高網站的安全性 ☆角色權限管理 - 引導讀者建立不同的角色，模擬多層級會員系統 ★Repository pattern – 封裝資料庫邏輯，更有效的方式與資料庫溝通 ☆Entity Framework Core(EF Core) - 以架構物件的方式使用資料庫，讓開發學習者容易上手來處理資料 ★豐富的教學資源 - 提供完整專案程式碼及範例檔案下載 本書主旨在如何使用ASP.NET Core 8來建立一個強大且可擴展的平台，內容分為四大區塊，引導讀者掌握軟體開發的基本技能，分別為「程式基礎篇」、「.NET Core特色篇」、「應用實戰篇」和「模擬架站篇」。 ☆程式基礎篇：介紹ASP .NET的發展歷史，同時深入了解ASP .NET Core的生命週期。讀者將學習C#的核心概念，從基本的變數、資料型態、運算子，到進階的迴圈、類別和物件操作。MVC的核心觀念也將被介紹，包括檔案配置、職責與架構，並探討Model、View和Controller的角色。最後，讀者將使用Visual Studio 2022來建立ASP.NET Core Web應用程式，學習如何設計Category模型，並探索如何透過TempData和Toastr工具來增強使用者的互動體驗。 ★.NET Core特色篇：探討依賴注入（DI）的核心概念。學習如何運用DI來管理應用程式的相依性，讓程式碼更容易進行測試和維護。此外，也著重如何優化專案的結構，包括實施分層架構、建立Repository和UnitOfWork，以及使用Area來更有效地組織和管理應用程式的各個部分。 ☆應用實戰篇：將會引導讀者建立電商平台，學習ViewBag、ViewData、ViewModel與DataTables來優化前端和提升使用者體驗。透過應用ASP.NET Core Identity的功能，來模擬飲料店的多層級會員系統。掌握建立和管理購物車系統的能力，並使用ViewModel讓資料處理更加靈活。最後，帶領讀者深入訂單流程，從設計結算頁面到詳細的訂單管理，確保讀者能全面掌握電商平台的訂單管理流程。 ★模擬架站篇：協助讀者將電商平台部署到雲端，在進行部署前，會確保各角色的使用者權限、防止不當系統變更、涵蓋權限設定、安全性問題解決，以及資料庫的初始化。 ☆☆無論是初學者或有ASP.NET Framework開發經驗的人，本書都將提供寶貴的知識，讓您能夠快速建立一個功能豐富的網頁應用程式。讓我們一起開始吧！☆☆ &
JavaScript精選14堂課：網頁程式設計實作 暢銷回饋版
感謝捧場的讀者，現今暢銷回饋中！ 零基礎也能學會 JavaScript！ 前端工程師必學的程式語言！ 本書內容 JavaScript 遵循的 ECMAScript 標準在 ECMAScript2015 第六版 (簡稱ES6) 之後有了大幅變化，尤其在嚴謹變數宣告、語法優化、解構賦值及非同步技術都有令人驚艷的新功能。 這本實用的書籍介紹大量 ES6 + 語法，每一堂課循序漸進規劃明確且直覺的主題，以淺顯易懂的方式讓您了解艱澀難懂的關鍵概念，譬如：瀏覽器與 JS 引擎運作模式、DOM、CSSOM、RegExp、物件導向、作用域、迭代、閉包、原型鏈、解構賦值、事件循環與非同步……等重要觀念，透過範例實作，加強更多程式實戰經驗。 本書不僅培養您 JavaScript 程式素養，也學習如何與 HTML5、CSS3 搭配活用，就算零基礎的初學者也都能從課程中充分掌握 JS 的語法與觀念。 課程目標 ♦ 清楚了解瀏覽器及 JS 引擎的運作模式 ♦ 熟悉 JS 語法與瀏覽器 console 除錯技巧 ♦ 掌握變數作用域、迭代、物件導向與非同步等關鍵技術 ♦ 能夠利用 RegExp 物件做數據的精準搜尋 ♦ 學會使用 JS 操作 HTML DOM、CSS 及 Web Storage 適用讀者 ♦ JavaScript 開發者或初學者 ♦ 網頁程式設計相關從業人員 ♦ 大專院校網頁程式設計相關系所的師生 本書特色 ♦ JavaScript 多年蟬聯 GitHub 熱門程式語言排行榜冠軍，學習程式首選技術。 ♦ 涵蓋 WEB/APP 前端開發三大必學技術：JavaScript(ES6) + HTML5 + CSS3。 ♦ 以淺顯易懂的教學與範例，培養程式素養，唯有觀念清楚，才能靈活運用，零基礎也能輕鬆上手。 ♦ 撰寫適合自己的 Web 應用程式，也能讀懂他人所寫的程式碼，不管是開發、Debug (除錯) 或改版維護都能從容以對。 &
超上手的前端框架：好用Vue.js 3開發最主流的網站
☛ 從未知環境中的定位、地圖建構到處理意外情況， ▶▶▶& SLAM技術一次完整到位學習！ & SLAM 是指移動智慧體從一個未知環境裡的未知地點出發，在運動過程中透過自身感測器觀測周圍環境，並根據環境定位自身的位置，再根據自身的位置進行增量式的地圖建構，從而達到同時定位和地圖建構的目的。舉凡機器人、無人機、汽車，或其它可穿戴裝置等，都可以運用SLAM在其中。 & 本書分為三大部分，深入淺出地介紹SLAM技術。 ❶ 第一部分涵蓋SLAM的基礎知識，包括定義、應用場景、程式設計及編譯工具、數學基礎知識、相機成像模型、對極幾何以及圖最佳化函式庫的使用。 ❷ 第二部分專注於視覺SLAM框架ORB-SLAM2的原理和核心程式，從ORB特徵提取、特徵匹配、地圖點、主要畫面格、圖結構到地圖初始化、追蹤執行緒、局部地圖建構執行緒、閉環執行緒以及最佳化方法。通過對ORB-SLAM2的深入剖析，讀者可以更好地理解視覺SLAM的工作原理。 & ❸ 第三部分則介紹ORB-SLAM2的升級版——視覺慣性系統ORB-SLAM3的主要新增內容和程式，包括IMU預積分、多地圖系統、追蹤執行緒、局部地圖建構執行緒、閉環及地圖融合執行緒。最後一章還對視覺SLAM的現在與未來進行了總結和展望。 & 【本書特點】 ✪ SLAM的定義、應用場景和應用領域 ✪ C++ 11新特性和CMake工具 ✪ SLAM中常用的數學基礎知識 ✪ 相機成像模型和相機扭曲模型 ✪ 對極幾何的基本概念 ✪ g2o函式程式庫的使用方法 ✪ ORB特徵提取與均勻化策略 ✪ ORB-SLAM2中的特徵匹配方法 ✪ 地圖點、主要畫面格、圖結構 ✪ ORB-SLAM2中的地圖初始化方法 ✪ ORB-SLAM2中的追蹤執行線 ✪ ORB-SLAM2中的局部地圖建構執行線 ✪ ORB-SLAM2中的閉環執行線 ✪ ORB-SLAM2中的最優化方法 ✪ ORB-SLAM3的新增內容和程式，如IMU預積分、多地圖系統等 ✪ ORB-SLAM3中的IMU預積分原理及推導 ✪ 多地圖系統的效果和作用 ✪ 地圖融合的具體流程和程式實現 ✪ ORB-SLAM3中IMU的初始化過程 ✪ 視覺SLAM的發展歷程和未來趨勢 &
大神養成術： Node.js＋Express＋MongoDB＋Vue.js全端實作現場
本書全面介紹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個綜合實戰案例。 全端開發。熟習本書，可以掌握全端開發技能。 &
Vue.js 3前端測試入門從這裡開始：透過Vitest ＋ Vue Test Utils實現自動化測試(iThome鐵人賽系列書)
♚瞭解測試概念：理解測試目的及方向，寫測試不迷惑 ♚學習測試語法：跟著範例檔實際測試，加深學習印象 ♚測試最佳實踐：撰寫測試也可以寫得既簡潔與優雅 ♚搭配現代技術：結合GitHub Copilot愜意撰寫測試 & 本書內容改編自第14屆iThome鐵人賽Modern Web組的優選系列文章《「你知道這是什麼嗎？」小白也能輕鬆瞭解的Vue3單元測試！Feat. Vitest + Vue Test Utils》。如果你曾遇過下列的狀況：「調整前端程式碼時改東壞西」、「想要最佳化程式碼卻擔心改壞原先的內容」、「擁有自己的前端開源項目而想要提升項目的品質」，那麼你一定不能錯過「前端測試」這項技術。 & 本書將循序漸進介紹前端工程師要如何撰寫前端測試程式碼，書籍內容從撰寫測試程式碼所需具備的測試概念開始，再透過範例程式碼來深入運用Vitest、Vue Test Utils等工具，最終學會單元測試、Vue元件測試以及Vue周邊生態工具測試該如何進行，並瞭解如何搭配GitHub Copilot來輔助我們撰寫測試。如此一來，我們便可在不影響原先實作程式碼的情況下，透過撰寫測試程式碼來驗證實作程式碼的正確性，使我們進行重構時更有信心，幫助我們撰寫程式碼時考慮得更周全。 & 【目標讀者】 ♚想瞭解前端測試如何撰寫、卻又不知道從何開始的前端工程師。 ♚想對前端領域的開源項目撰寫測試的開源貢獻者。 ♚想用測試精進前端技能的前端工程師。 & 本書特色 & 前端測試就是快速精進前端程式碼的捷徑！ 全台第一本高速有效的前端測試絕佳指南，學習前端測試So Easy！ 打造堅固且穩定的測試基礎，是高效重構與調整前端程式碼的不二法則！ & 好評推薦 & 「本書由淺入深、有脈絡地講述寫測試時必須具備的知識，帶領初學者理解測試的重點與注意事項，十分推薦給想學測試的人。」─ 金筠婷，《D3.js資料視覺化實用攻略：完整掌握Web開發技術，繪製互動式圖表不求人》作者 & 「本書將前端測試的深度與趣味性結合得恰到好處。踏上這趟神奇的旅途，讓你的前端測試技能更上一層樓吧！強力推薦給每位渴望精進的前端開發者。」─ 莫力全（Kyle Mo），《今晚來點Web前端效能優化大補帖：一次搞定指標×工具×技巧，打造超高速網站》作者 & 「這是我看過最詳盡介紹單元測試的書沒有之一，大量的實務經驗以及測試邏輯一定可以幫助到對於這項技術困惑的你，我誠心推薦給每位正在學習單元測試路上的朋友們。」─成智遠（Mike），知名講者 / YouTube頻道（成式語言） &
決戰！微前端架構 Micro Frontends：新一代可擴展的網頁開發模式，實現各種框架的無縫整合與溝通
目前業界的軟體開發多半依照不同技術採水平分工模式, 例如：一組負責前端、一組負責後端, 但這跟一般企業的組織劃分有所不同, 導致所有開發案都必須跨部門、跨開發團隊進行協調, 團隊溝通變得越來越麻煩, 在經典之作《人月神話》(The Mythical Man-Month) 一書中就描述了這個情況。▌擺脫傳統單體應用的思維, 現在就將微前端導入你的專案中！ ▌微前端架構提倡的則是另一種做法：將應用程式垂直拆解, 每個區塊交給一個專責團隊負責, 一條龍地包含從資料庫連接到使用者介面的開發。不同團隊的前端單元會在客戶端的瀏覽器內整合, 構成最終的頁面。用更容易理解的說法, 微前端就像是帶有使用者介面的微服務架構。聽起來是要每個開發團隊各自為政, 相信有經驗的開發者可能馬上會想到：那採用不同的技術怎麼整合？會不會有效能瓶頸？類似的功能應該很容易重複開發吧？後端伺服器要各自架設？版本控制要各自維護？各做各的那介面怎麼統一？微前端架構當然不可能毫無缺點, 以團隊的角度, 程式碼或資源的冗餘自然是無可避免, 不過只要配套機制運作得當, 所帶來的可擴展性、靈活性，仍然是利大於弊。本書就要教你怎麼無痛建構、轉換到微前端的開發架構。別擔心要多學新的框架, 雖然確實有一些完全符合微前端概念的框架可以直接套用, 但作者想強調的是微前端架構的概念和選用時機, 若強迫用特定的框架, 很有可能馬上澆熄你的熱情。因此本書會在現有常見的網路技術規範下, 引入微前端的基本機制, 不管你的網站或應用程式採用哪種技術所建構, 幾乎都可以適用。為了適用各種不同的情境, 作者提供了超過 20 個開發上的使用案例, 協助你將手上專案順利導入微前端的開發架構。除了技術上的交流, 作者也在書中提供不少團隊開發該留意的經驗分享, 界定好開發團隊的責任歸屬, 做好跨團隊間的溝通協調, 讓微前端架構發揮最大價值。如果你受夠巨無霸一大包的前端單體架構所帶來的諸多困擾, 有了上述這些指引, 現在正是導入微前端架構的好時機, 對於新一代網頁開發人員、架構師或團隊領導者, 相信會帶來非常大的助益。本書特色: 全書共收錄超過 20 個微前端架構的使用案例, 從簡單的超連結、iframe 和 Ajax 入門, 到較為複雜的 SSI 伺服器端內嵌、ESI、Tailor、Podium、Web Components 以及 app shell、通用渲染等, 並且讓你可以靈活將這些工具和技巧應用於真實情境中。● 將不同的應用程式建構為統一的前端頁面。● 無縫整合採用各種框架的 JavaScript 程式碼。● 各種伺服端與客戶端的整合技術與頁面路由技巧。● 協助釐清專案需求, 挑選正確的架構及整合技術。● 建構設計系統的樣式庫, 提供一致性的 UI/UX。● 提高團隊開發效率並優化專案執行流程。
ColorWise|用顏色說故事
「在全球各地的企業中，顏色的不當運用屢見不鮮，每天都在影響資料的閱讀和理解。正確使用顏色能將資料敘事和儀表板設計推向新的高度。Kate Strachnyi在本書中整合了你需要掌握的色彩運用知識和觀念，有助於提升資料視覺化的成果。」 — Bernard Marr，暢銷書《Data Strategy》作者 在當今商業領域，資料被譽為最具威力的工具，因此，有效地呈現資料故事變得至關重要。然而，在資料視覺化過程中，「顏色」這一關鍵資訊傳遞要素卻經常被忽略。在本書中，DATAcated創辦人Kate Strachnyi為讀者呈現了一份關於圖表、表格和資訊圖表中顏色運用的終極指南。 本書內容實用且具啟發性，非常適合資料分析師、商業分析師、資料科學家以及從事資訊圖表和資料視覺化設計的專業人士。書中深入探討了顏色運用的技巧和訣竅，包括色彩背後的理論、各種色彩搭配的效果與成因。此外，本書還涵蓋了顏色的心理學、歷史和文化等多方面知識，更是學習如何運用顏色提升資料敘事技巧和儀表板設計的絕佳教材。 本書會帶給你： ‧深入了解色彩學在資料視覺化和敘事中所扮演的角色 ‧掌握各種有助於改善資料視覺化效果的顏色運用技巧 ‧明白顏色如何影響觀眾對資料視覺化內容的理解 ‧學會巧妙地搭配顏色，並有效引導觀者的閱讀方式 ‧掌握使色覺缺陷者也能輕鬆閱讀的顏色應用技巧 ‧學會如何將本書的原則應用於專案中 Kate Strachnyi是 DATAcated公司的創辦人，為數據公司提供品牌加值服務。她曾主持過眾多與資料敘事、儀表板設計技巧以及視覺最佳實務範例等相關的課程和演講。亦曾主辦DATAcated研討會，吸引了數千名資料專業人士參加，並主持《DATAcated On Air》podcast頻道。Kate分別在2018年和2019年被評選為LinkedIn資料科學與分析領域的頂尖聲音(Top Voices)之一。
AI最前哨：PHP8與My SQL- 網站規劃&視覺化顯示最完整攻略
●詳細介紹PHP8語法與網站規劃 ●完美整合Mariadb、HTML5 ●了解表單網頁的諸多檢查機制，並導入資安觀念 ●可進行資料收集，上傳csv與PDF圖片影片 ●針對資料表資料進行曲線圖長條圖圓餅圖等視覺化顯示 & PHP8語法已經完全支援UTF8編碼，我們規劃架設資料庫網頁將會更方便。 & 進入AI人工智慧處理之前，網站可協助收集資料與視覺化顯示，可先針對資料進行初步整理後匯出，就可進行AI程式的後續處理。 & 本書內容包含 1.以HTML5語法為架構，介紹表單網頁與程式流程。 2.介紹資料庫網頁中的暫存資訊，包含陣列、session與cookie。 3.介紹MySQL資料庫管理與匯出入。 4.說明如何上傳csv與PDF圖片影片，並於瀏覽器上顯示各種資料。 5.針對資料表資料進行曲線圖長條圖圓餅圖等視覺化顯示。 &
第一名的網站開發：Node.js全端高手昇華之路
▶▶▶ 最新的Node.js開發環境完整搭建及npm管理工具 本書主要介紹了Node.js在Web全端開發領域的應用實踐，分別從Node.js基礎語法、模組化、伺服器搭建、Express框架等方面由淺入深地進行講解。 在企業級應用開發方面也有完整說明，如MongoDB資料庫的操作、Ajax非同步請求與同源策略、Node.js階段追蹤技術的應用、Node.js爬蟲程式的實現等。 在企業開發中，Node.js的應用已越來越廣泛。像Yahoo、Microsoft等公司的很多應用都已經遷移到Node.js了，許多線上產品也紛紛改用Node.js開發，並獲得了很好的效果。 本書從基礎入門到專案實戰，為讀者逐步揭開Node.js的神秘面紗，幫助讀者更好地理解、學習Node.js，並能夠使用Node.js開發出優秀的Web應用。無論讀者是一個前端開發的新手，還是一個程式設計高手，都能獲得更深的新知。 ▌精彩收錄 ✪ Node.js的模組化開發方式 ✪ 非同步I/O的事件迴圈、觀察者及API ✪ 串流資料抽象概念，檔案操作 ✪ Web伺服器開發 ✪ Express框架完整安裝、搭建 ✪ 中介軟體及MVC開發哲學 ✪ 靜態資源及靜態資源原始伺服器的搭建 ✪ Handlebars範本引擎大公開 ✪ Mongodb的完整使用，最棒的NoSQL資料庫 ✪ Ajax的工作原理、實現步驟、瀏覽器同源策略 ✪ Express中的階段進階使用 ✪ 網路爬蟲、TCP/UDP/HTTP/Websocket服務 ✪ 使用Express實作一個線上投票系統 ※本書程式實例可至深智官網下載 deepwisdom.com.tw &
ASP.NET Core 6 零基礎建立自己的部落格
轉職軟體工程師、程式初學者、缺乏作品集的人！ 不用再害怕寫程式啦～ & ●Asp.Net Core 6的常見技術 ●Entity Framework資料庫設計、資安知識、發文系統、登入功能 ●Web開發工程師應該具備的相關知識 ●如何建造部落格網站 ●附贈原始碼 & 此書主要撰寫給所有程式初學者，希望大家能更好的進入程式的世界。 & 書中分成了兩個部分，第一個部分為ASP.NET Core工程師應該具備的相關知識，包含網站運行的原理、什麼是API、ASP.NET Core 常用技術、Entity Framework資料庫、相依性注入、如何上傳或是下載檔案、資安權限、如何架站等等，第二部分說明如何結合前面所學建造自己的Blog，做成一個有登入系統，可以發文給別人觀看的網站。 & 全書富含眾多程式範例以及原始碼提供讀者學習，希望大家能在成就感中學習到技術，在程式裡建築自己的世界。 &
PHP & MYSQL：網頁伺服器程式開發之道
本書的學習重點 ‧看懂與撰寫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
ASP.NET Core 7 MVC 跨平台範例實戰演練
「DotNet聖殿祭司」以多年程式開發經驗，將業界的專業開發技巧融入於書中！ASP.NET Core是跨平台的.NET框架，除了跨平台特性，整個框架底層更是高度重新大改寫，導入許多軟工Design Pattern與Principals原則，讓整個框架程式組織、運作與耦合度達到前所未有新高度。而ASP.NET Core中最重要的四大天王：Dependency Injection相依性注入、Configuration組態系統、Hosting與Middleware，更是貫穿整個應用程式設計與執行，可以說掌握此四者便掌握了ASP.NET Core核心精髓。無論新手與老手，本書皆能循序漸進地引導您，一步步深入ASP.NET Core精華的奧義殿堂。 精選章節，讓您Do Less, Get More，短時間內培養出即戰力！本書內容有： ＊ 介紹MVC架構如何三分天下，精解Model、View與Controller三者職責與運作 ＊ 以DI相依性注入設計抽象介面與實作，達成IoC控制反轉與鬆散耦合 ＊ Configuration組態與Options Pattern選項模式共舞 ＊ Model / Scaffolding CRUD / LINQ與Entity Framework Core資料庫存取 ＊ View / Partial View / Tag Helpers / HTML Helpers / View Component / Layout功能解析 ＊ 說明MVC中如何整合Bootstrap前端開發框架，有效建構RWD響應式網站 ＊ 全面掌握Razor語法，提升View頁面的智慧與判斷力 ＊ 用開源Chart.js及JSON製作HTML5互動式商業統計圖表 ＊ 以jQuery Ajax / Web API / JSON三劍客建立輕量級高效能網站 ＊ 用AJAX及MVC串接ChatGPT API製作AI聊天問答 ＊ 將ASP.NET Core應用程式部署至Microsoft Azure雲端平台
哎呀！早知道就不會破版的CSS設計技巧：前端工程師防止佈局意外的必學密技(iThome鐵人賽系列書)【軟精裝】
本書內容改編自第14屆iThome鐵人賽Modern Web組的冠軍系列文章《防禦性CSS-建立「防患未然」的匠人心態》。本書用淺顯易懂的程式碼及貼近生活的實際情境，來探討如何培養「防患未然」的思維。由於有些畫面佈局過於單純和簡單，因此會容易忽略其潛在的破版危險，這些令人容易忽略的潛在性危險，很有可能在你最不希望它出現的時候意外出現了，小則影響畫面上的美觀，大則影響產品在客戶眼中的專業形象，進而造成商業上的損失。 本書將這些常見的案例分成八個主題，逐一探討每一個問題會發生的情境，以及提供解決這些問題的具體方法和技巧，希望在這些案例分析的過程當中，以容易上手的程式碼，帶領讀者慢慢培養「防患未然」的思考習慣，即使是一行簡單的CSS，也能夠充分展現專業的程式設計態度。 【目標讀者】 ♚想讓自己的網頁避免不預期錯誤的前端開發者。 ♚希望快速累積切版經驗的前端開發者。 ♚希望讓自己的網頁能看起來更專業的開發者。 ♚希望自己對於CSS不再懼怕的新手。 本書特色 事前防範勝過事後Debug！ 以八大核心主題培養「防患未然」的匠人心態！ 有效對抗莫非定律，洞察無法一眼看見的潛在性危險！ ♚蒐集常見案例：本書範例均為常見的實務案例 ♚視覺化程式碼：透過視覺化來掌握情境及重點 ♚立即解決方案：迅速理解情況，立即使用於實戰 ♚清楚情境編排：不必從頭閱讀，只需看想要的主題 &
Vue.js入門到實戰：頁面開發x元件管理x多語系網站開發(適用Vue.js 3.x/2.x)
來自業界，超寫實經驗分享。不只學功能，更學會應用！資訊技術需要不斷的學習與累績實作經驗，使用本書學習Vue.js，能把過去傳統冗長的jQuery/JS程式，淬鍊成寫法簡潔、更好維護之程式碼。此外，加上Vue的雙向綁定特性，更容易寫出UX更好的介面，讓您今後開發的網站能夠更為提升使用者經驗。透過本書循序漸進的豐富範例教學，帶您建立從開發環境建置到Vue.js的介面開發及實作能力。重點內容： * Vue開發環境建置 * 資料登錄及更新 * 表單輸入及事件操作 * 資料客製化及監聽 * 元件製作 * 單頁式應用程式（SPA） * Ajax與Mock API串接 * 串接Chat API實作聊天機器人 * Vuex狀態管理 * Vue Router頁面路由管理 * Vue i18n多語系網站
新世代前端開發三雄鼎立：Vue＋React＋Flutter完整學習應用
▶▶▶ 系統性講解三大前端框架及生態， 以及如何使用這些框架建構企業級的元件庫 ▶▶▶ 帶領讀者全面掌握從行動使用者應用程式開發， 到物聯網應用程式開發的技術和實戰技巧！ 隨著科技領域的擴張和發展，各種前端技術的結合愈來愈緊密，從行動裝置到各種物聯網的開發應用，都脫離不了使用者介面的功能設計這一塊。本書由作者融合自身多年的開發經驗，將Vue、React和Flutter等主流技術的核心知識集結成書，涵蓋了當今前端技術的重點，以及主流三大框架的核心知識。 本書共分四篇15章。在第1篇「基礎篇」中，從大前端的發展過程和發展趨勢談起，全面介紹大前端的前端建構工具、打包流程，以及如何設計一個企業級鷹架工具。第2篇「Vue3框架篇」，從語法、使用、框架原理逐步介紹起，漸進至雙向資料綁定和Vue 3 Diff演算法原理，最後介紹如何建構一個基於Vue 3的元件庫。第3篇「React框架篇」，介紹了React框架語法的原理和特性，再至React的原始程式下載和程式測試，並完整建構一個基於React的元件庫。最後是第4篇「Flutter 2框架篇」，介紹Flutter 2的語法和使用，也介紹Flutter Web和桌面應用程式開發，最後則是介紹Flutter外掛程式庫開發與發佈。 【精彩收錄】 ■ Vue元件生命週期：熟悉Vue的生命週期，包括created、mounted、updated和destroyed等。 ■ Vue的資料繫結：學習如何使用v-model和{{ }}等方式實現資料繫結。 ■ Vue指令：了解Vue指令，如v-for、v-if和v-show等。 ■ Vue路由：了解Vue-Router，學習如何在Vue應用中實現路由功能。 ■ Vue狀態管理：學習Vuex，了解如何在Vue應用中實現狀態管理。 ■ React元件生命週期：熟悉React的生命週期，包括componentDidMount、componentDidUpdate和componentWillUnmount等。 ■ React元件間通訊：學習如何使用props和state等方式實現React元件間通訊。 ■ React路由：了解React-Router，學習如何在React應用中實現路由功能。 ■ React Hooks：了解React Hooks，如useState、useEffect和useContext等。 ■ React狀態管理：學習Redux，了解如何在React應用中實現狀態管理。 ■ Flutter Widgets：了解Flutter Widgets，了解如何使用基礎Widget和版面設置Widget。 ■ Flutter版面設置：學習如何使用Row、Column和Stack等版面設置Widget實現響應式版面設置。 ■ Flutter路由：了解Flutter路由，學習如何在Flutter應用中實現路由功能。 ■ Flutter狀態管理：學習Provider，了解如何在Flutter應用中實現狀態管理。 ■ Flutter動畫：學習Flutter動畫，了解如何使用Tween、Animation和AnimatedBuilder等方式實現動畫效果。 【適合讀者】 學習本書內容，需具備一定程度的HTML、CSS、JS基礎知識，可做為前端開發者提升技能的工具書，也可做為前端開發者搭建企業級前端產品架構的參考書，亦可做為普通開發者從網頁開發過度到物聯網前端應用的學習指南。 ※ 本書程式實例可至深智官網下載：deepmind.com.tw 本書特色 1. 由淺入深，全面介紹大前端打包建構流程及專案化系統。 2. 從框架基礎、框架原理、開發實戰的三個面向出發，完整介紹Vue、React、Flutter三大框架的基礎語法、實現原理、原始程式編譯、核心演算法及企業級元件庫專案架設。 3. 提供了大量程式範例，不僅可透過這些例子理解基礎知識，也能直接在開發實戰中稍加修改而加以應用。 &
D3.js資料視覺化實用攻略：完整掌握Web開發技術，繪製互動式圖表不求人(iThome鐵人賽系列書)
本書內容改編自第13屆iThome鐵人賽Modern Web組佳作系列文章《三十天成為D3.js v7好手》。本書從詳述D3.js建立圖表的基礎原理開始，循序介紹如何閱讀官方文件、了解繁多的API使用方式、分解圖表的構成元件、繪製圖表、建立動畫與互動功能等，透過由淺入深的內容安排，可讓你輕鬆進入D3.js的世界。此外，本書還以常見的圖表程式碼範例做示範，可讓你快速領略圖表打造的奧祕，無論你是初出茅廬的前端初心者，或是想增加圖表技能的程式開發者，都能成功邁入資料視覺化的世界。 【精采內容】 ♚詳細解說D3.js原理與各項建立圖表的API 本書詳細說明D3.js繪製圖表時的API用途、輸入與輸出數值、注意事項，讓讀者從根本上了解該API的使用方式。 ♚帶領你讀懂D3.js官方文件 內容解說D3.js官方文件，讓你不用再擔心會有版本變化快速以及不明白程式碼哪裡出錯的困擾。 ♚常見圖表與互動效果的實際範例 書中手把手示範常見的圖表範例程式碼，同時建立該圖表常搭配的互動功能，讀者可將本書作為尋找圖表範例的參考書。 ♚使用眞實世界的資料示範 本書的圖表範例使用政府或公家機構釋出的開放資源，運用實際數據建立圖表，呈現真實世界的圖表應用。 【目標讀者】 ✪對資料視覺化有興趣的程式開發者。 ✪具備基礎JS開發經驗的前端工程師。 ✪看不懂D3.js官方文件，不得其門而入的圖表苦手。 ✪喜歡華麗、動態且想客製化圖表的開發者。 本書特色 打造動態且驚豔酷炫的客製化圖表的D3.js實戰指南！ 剖析D3.js資料視覺化原理，搭配豐富實戰案例，讓你輕鬆上手D3.js！ ✪由淺入深介紹：循序漸進說明如何使用D3.js建立圖表 ✪官方文件說明：讀懂D3.js官方文件，不怕跟不上改版 ✪完整圖表範例：完整收錄從基礎到進階的圖表範例 ✪豐富實戰案例：使用真實世界的開放資料解說圖表 專業推薦 「這是一本深度和廣度都兼具的D3.js專書，將帶領你進入資料視覺化的奇妙世界，我毫不猶豫地推薦給你。」 ──Vue.js Taiwan社群主辦人 | 許國政（Kuro） &
小水豚教你做網站！ 輕鬆學好 HTML / CSS 網頁設計
★★★★★日本暢銷突破 3 萬冊！史上最可愛的網頁設計書來啦！怎樣都學不會 HTML 和 CSS？別放棄，跟著可愛的水豚君一起學習吧！現在人人都需要在網路上自我宣傳和賣東西，做個網站來推銷自己或產品，似乎是必備的技能。如果想學做網頁，大家都說一定要學 HTML 和 CSS，但我們不是資訊背景出身，看那些程式碼好像看外星文，怎麼學都記不起來，學了一堆標籤最後只會寫 「p」 和 「br」......。如果你也是這樣，這本可愛的書應該可以讓你重拾學習的興趣！【小水豚的故事】本書的主角是一隻小水豚，他叫做阿藏（全名：水豚藏）。阿藏平常在農場工作，有一天在超市遇到了女主角「水豚子」，令他心動不已！貿然告白好像會嚇到人家，那不如來做個網站自我介紹吧？水豚藏：可是我不會做網站啊啊啊！於是小水豚決定拜託自己的好朋友：擔任前端工程師與網頁設計師的竹内夫婦，也就是本書的兩位作者。本書就這樣，讓你跟著小水豚一起從零開始，走上網頁設計的學習之路。第一個範例，是水豚的個人網站，把自己的 IG 和推特帳號集結成一頁，看起來好潮喔！第二個範例，是水豚的農場部落格，透過文章讓對方更了解水豚的工作日常。第三個範例，是水豚的婚禮邀請表單，因為水豚藏終於追到水豚子了！第四個範例，是水豚餐廳網站，因為水豚夫婦決定開個美食餐廳。做完這些範例，不只水豚得到美滿人生，身為讀者的我們也學到了超實用的網頁技術呢！【作者的話】(節錄自本書序)當你拿起這本書，表示你多少也想過「如果可以學會做網頁好像也不錯」，對吧。甚至可能想過「說不定可以在家接網頁設計方面的工作……」、「說不定我也可以成為網頁設計師……」。有這種想法很好，我們想跟你說，這絕對不是做白日夢。因為在筆者身邊就有許多只靠自學而成為網頁設計師的人，我們也是其中之一。這本書是寫給「想從零開始學做網站」或「想要從事網頁設計工作」的人。主要概念就是「讓你開心地做出 4 個網站，並在過程中自然地學會相關知識」。我平常是一位教學生寫程式的講師，學生常常問我「老師您有沒有推薦的書？」我個人認為，無論是買書或是上課，推薦給初學者的方式就是「不會受挫，可以持之以恆地愉快學習」。剛起步的階段，我並不建議去讀那種整本都是專業術語的艱深書籍。我覺得書一定要讓你願意動手寫寫看 HTML/CSS，這才是進步的捷徑。因此，這本書減少了紙上談兵的理論，盡量改以實作（實際練習寫程式）為主。我們想讓你體驗「親自製作網站的樂趣」，並在練習過程中自然地學會相關知識。為了提升學習樂趣，書中穿插可愛的吉祥物與漫畫來維持明快的節奏，並以淺顯易懂的文字來說明。我們也會隨時分享自己多年的設計經驗，讓你學到許多更有效率的做法。希望本書提供的知識可以幫助你「成為理想中的自己」，也希望本書可以讓你覺得「網頁設計不難但是博大精深」，「原來做網站很好玩！」【Amazon 讀者好評節錄】★「就算你已經買過兩三本 HTML 書，也可以再看看這本」我已經學過 HTML/CSS了，但我實在太不熟了，以至於我在用不到的時候就會馬上忘光，需要的時候又跑去買書，這是我第三次買書了。這本書很適合我這樣的初學者，它寫得非常仔細，我在看其他書時都有些反覆看仍無法理解的地方，這本書可以幫助我理解。另外它有針對 Flexbox 和 CSS 格線佈局的練習，我也覺得很實用，讀了有幫助我理解。全書穿插著可愛的水豚插畫，我覺得這讓我輕鬆多了，讀起來比較不會痛苦。因此我對本書非常滿意。★「我被可愛的圖片騙進來了……不過結果是好的方面啦」我讀過很多網頁語法的書了，但我實在無法擺脫討厭和不想學的感覺。但如果是這本書我就會想買。我買這本書是因為它在 SNS 上的評價很好，讀了以後的感覺是，可以學到如何把 PC 網站變成一個手機版網站，反之亦然。我從來沒有寫過以手機瀏覽為優先的語法，這是個體驗的好機會。另外，全書穿插可愛的水豚圖片，讀起來感覺很輕鬆。這本書雖然有輕鬆可愛的插圖，內容可是很紮實的喔！本書特色: ★超可愛小水豚榮登日本各大書店排行榜！★眾多初學者淚推：「真希望早點遇見這麼可愛的網頁設計書！」【插畫風格輕鬆可愛，內容也是乾貨滿滿！】★排版技巧最齊全：單欄式、兩欄式、彈性版面、格線佈局，各種版面都難不倒你★手機電腦全適用：手機版、電腦版、RWD，不必煩惱該做哪一種，作者教你切換的秘訣★圖解概念最好懂：初學者學到頭昏的 Box Model、margin、padding 概念，看圖就能懂★最新技術你也會：實做 Flexbox、CSS 動畫、CSS 格線佈局等進階技巧，讓你跟上最新的網頁設計潮流【五大特色，拯救怎樣都學不會做網頁的你】★最白話！跟你講人話，不講艱深術語，零基礎也能搞懂為什麼要這樣寫★最漂亮！跟著書就能做出 4 個超美的範例網站★最好懂！逐行逐字拆解程式碼給你看，原來 HTML 根本不困難★最實務！帶你做出四大常見範例：個人網站、部落格、一頁式網站、多頁式網站，符合市場需求★最可愛！全書穿插可愛的水豚吉祥物與趣味漫畫，讓你閱讀輕鬆無壓力【四種超實用範例網站，看完這本書就能做出來】★社群媒體入口網站IG 簡介常見的個人 Link 網站，整合你的所有社群帳號，沒用過就落伍囉★兩欄式網站：水豚農場部落格想要架設部落格來寫文章，原來一點也不難★一頁式網站：水豚的婚禮邀請網路上最常見的一頁式網站，可以做表單也可以做購物網頁，用途超廣泛★多頁式網站：水豚餐廳官網想要架設具備豐富圖文的網站來展示商品？這個你一定要學會【還有四大超值附錄免費下載】★附錄 1 讓網站上線的方法（電子書）★附錄 2 網頁設計備忘錄（CSS 格線佈局圖解、Flexbox 排版圖解、CSS 快速鍵對照表、CSS 簡寫速查表）★附錄 3 實用網站大全（電子書）★附錄 4 本書範例網站設計檔案（本書四大範例網站設計原始檔、Adobe XD 下載方式說明）
HTML5、CSS3、Bootstrap5、JQuery網頁前端學習手冊
全彩印刷、範例導向，初學者的第一本書！學習養成：從初學者到熟練者的完整學習教材 快速開發：教導使用Bootstrap template + JQuery快速開發商業網站 結合趨勢：介紹應用ChatGPT搜尋套件、程式除錯 在求職市場中，前端網頁工程師所須具備的技術條件包含HTML、CSS、JavaScript，本書內容與職缺需求相呼應，並在各章節中加入許多實務概念，包含如何分別使用HTML標籤或CSS做出網頁版型、如何使用Bootstrap template快速地建置網頁架構並修改、如何尋找並運用JQuery套件在目前網站中，讓網頁內容更豐富。
JavaScript × ChatGPT 第一次學就上手
ChatGPT神助攻！教語法、寫程式、除錯、出題練習、轉換其它程式語言樣樣行！ JavaScript×ChatGPT強強聯名，讓您在AI的神助攻下，華麗化身為JavaScript程式設計高手！在ChatGPT橫空出世後，有不少人驚覺「寫程式」即將由AI工具所取代，沒錯，AI工具確實能夠寫程式，但這並不表示您就不用學程式設計，而是程式設計師必須要進化為AI工具的程式審查員或教AI學習的老師。 換句話說，您必須具備程式設計能力，才有辦法跟AI工具溝通，讓它寫出您需要的程式碼，也才有辦法閱讀或審查AI工具所生成的程式碼，確保程式碼是正確的、有效率的、經過完整測試的。 在本書中，我們除了告訴您如何使用ChatGPT撰寫程式、解讀程式、查詢語法、尋求技術支援、除錯、出題練習、在JavaScript與其它程式語言之間做轉換，更重要的是有計畫地帶您學習JavaScript，無論您有無程式設計的經驗，只要約略具有HTML與CSS的基礎知識，都能看得懂、學得會，不會愈看愈挫折、半途而廢。 全書彩色印刷、圖解詳盡、範例導向、邊做邊學，零基礎也能輕鬆上手！
TypeScript學習手冊
使用型別安全的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整合環境工具，協助快速開發並減少錯誤
再上層樓的高手：JavaScript函式庫開發親手做
有鑑於現代Web應用程序的需求越來越高，從而需要一些高效而且可重用的解決方案。開發JavaScript函式庫就是一種解決方案，這種方案可以為Web開發者提供更快的開發速度，並且能夠滿足複雜的需求。本書主要涵蓋三個部分內容，可以滿足讀者不同階段的學習訴求：首先，介紹如何開發和開放原始碼一個現代 JavaScript 函式庫，這部分內容可以幫助讀者快速達成函式庫開發目標；接續介紹現代 JavaScript 函式庫的設計最佳實踐和安全最佳實踐，這部分內容可以極大提高讀者開發 JavaScript 函式庫的品質；最後為實戰部分，本書精選了 9 個典型函式庫作為案例，帶領讀者了解不同類型的 JavaScript 函式庫的開發要點。透過本書作者專業與實作經驗，讀者可以學習到這些技能，提高自己的技術水準，本書就是讓讀者走上正確道路之最佳指南。 【本書看點】 ✪ 定義函式庫目標，為開發者提供什麼功能？確保能滿足實際需求 ✪ 設計函式庫架構，包括確定需要函式和模組，以及兩者之間的關係 ✪ 編寫函式程式，確保程式易維護和可擴充 ✪ 建立測試使用案例驗證函式按預期運行，透過手動測試自動化測試 ✪ 程式碼重構，包括優化性能、改進可讀性或提升再使用性 ✪ 文件撰寫，函式庫使用指南、API 文件等 ✪ 建立範例程式，說明函式庫使用，建立簡單的範例應用並演示 ✪ 發佈函式庫到適當的來源函式庫中，包括 NPM、GitHub ✪ 維護函式庫，定期維護及相容性 【適合讀者】 ☛ 對於JavaScript有基礎的開發者。 ☛ 即將要面試的前端開發者。 ☛ 想要鑽研JavaScript核心知識的開發者。 ☛ 網頁程式設計相關從業人員。 ☛ 大專院校網頁程式設計相關系所的師生。 ※ 本書附程式碼，可至深智官網下載：deepmind.com.tw/ &
Testing Web APIs：從設計到實作測試策略，交付高品質的API
現缺陷、提高品質、完美交付！ 軟體QA、測試工程師、開發老手必讀 打造全面的測試策略，交付高品質的API！ Web API 是程式的門面，需要至臻完美，而實作自動化測試就是確保 Web API 可以交付的最佳方法。 這是一本獨特且實用的 Web API 指南。從測試套件的初步設計到文件記錄、實作、交付出色的API，都提供了技術指引。你將看到各種不同的測試技術，從探索性測試到正式環境的測試，並學會運用業界等級的測試工具來打造自動化測試，為你省下大量時間。本書可以消除你所遇到的 API 測試障礙，制定出一套適合你的測試策略，交付高品質的產品。 書中的範例程式皆以Java語言撰寫，這些範例包含了很多自動化程式的設計模式，並且在各個語言中也能通用。 本書包含 ● 設計與實作 Web API 的測試策略 ● 從零打造一個測試自動化套件 ● 使用 Pact 進行契約測試 ● 提供 Java 程式範例解說 ● 本書附錄提供 API 沙盒實作練習 【本書重點】& ✔ 測試的想像與實作模型 ✔ 辨識品質與風險 ✔ 探索性測試 ✔ 自動化測試 ✔ 契約測試 ✔ 效能測試 ✔ 安全測試 適合讀者 本書適合專業 QA、測試工程師與開發老手 API 沙盒下載 本書提供專屬可下載的 API 沙盒，讓你可以在安全的環境進行實驗，可前往GitHub下載： github.com/mwinteringham/restful-booker-platform 本書範例程式碼下載 本書的許多章節都有測試說明、範例程式碼和效能測試腳本等資源，可前往GitHub下載： github.com/mwinteringham/api-strategy-book-resources 本書讚譽 「書中的技術與模型可以幫助你打造高品質、可靠的 API，對許多其他類型的測試也很有用。值得一讀！」───── Janet Gregory Lisa Crispin，Agile Testing Fellowship 共同創辦人 「這本書含有大量的測試活動！是打造 Web API 測試策略前必讀的一本書。」───── Anne-Laure Gaillard，ManoMano 「內容精彩絕倫。書中的自動化測試、效能測試與安全測試部分更是畫龍點睛！」───── Dr. Michael Piscatello，Ernst Young 「它能讓團隊享受測試帶來的樂趣！」───── Christopher Kardell，DEBS &
Vue.js設計實戰
基於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語言規範細節。這本書不僅能幫助前端新手理解前端框架功能，而且為資深開發者閱讀原始碼提供助力，還能對廣大的前端技術愛好者有所啟發，非常值得一讀。」 -蔣豪群，Vue.js和Vite核心團隊成員 「資料驅動的前端框架已成為現代前端研發的標準配置。Vue.js作為其中脫穎而出的主流選擇之一，有許多值得前端開發者學習、借鑑的思想和實踐。作為Vue.js 3的核心貢獻者，春陽對Vue.js的各個方面都有很深入的理解。這本書為讀者詳細展示了Vue.js的設計原理與實踐細節，以及框架設計背後的權衡藝術，是一本不容錯過的好書。我相信所有對Vue.js、框架設計感興趣的開發者讀完這本書後，都能有更進一步地理解。」 -顧軼靈，百度資深研發工程師 Vue.js官方團隊成員 「Vue.js作為一個優秀的前端框架，已應用於Web的各個角落。關於Vue.js的入門書很多，對Vue.js的設計和實作進行詳細剖析的書卻寥寥無幾，而這本書恰恰是其中之一。這本書能讓我們對Vue.js有更加深刻的理解，做到知其然且知其所以然。一起來探尋Vue.js的實作細節吧。」 -天翔Skyline，快手資深前端工程師
p5.js演算創作
林信良(良葛格)玩轉 p5.js數位運算美學! * 以創作者角度為本，不迷失在繁瑣功能中 * 深入淺出演算法，提升讀者知識見聞，進而產生豐富靈感來源 * 示範如何從發想，到最終產生令人驚豔的作品從三角函數、矩陣/向量、直角座標/極座標這些基礎數學出發，再透過蚊香、拼接磚塊、刺繡、地毯這類貼近日常生活範例，帶您進入螺線、曲線、碎形、雜訊、迷宮、計算幾何、力學、視覺化等進階議題，再運用程式設計的方式創作出整個世界。 - 從創作者角度出發，不拘泥於詳解p5.js每一項功能，著重在「把腦中想法，化為實際成品」的創作過程。 - 介紹 p5.js 的繪圖系統，包括座標定義、旋轉與平移等轉換、色彩處理、基本幾何圖形繪製等功能。 - 介紹 p5.js 的事件處理機制，包括事件堆疊的運作、動畫控制、滑鼠控制等議題。 - 介紹 p5.js 的圖片處理方式，包括 2D/3D 呈現、視角變化、畫布/像素/濾鏡/遮罩等概念。 - 介紹 p5.js 的影音支援，包括影音資料輸出輸入的介接與控制。 - 解說創作過程時，適度加入數學觀念介紹。對數學觀念有越清楚的掌握，越能夠有效率地實現靈感。 - 建議在 p5.js 的 Web 編輯器進行創作與分享，並且欣賞來自世界各地同好的作品。
輕鬆玩HTML5+CSS3+JavaScript網頁程式設計(第二版)
這是一本易於學習與理解的HTML5、CSS3與JavaScript網頁程式設計入門書。本書先進行概念解說，介紹標籤或指令，接著解說它們的使用方法，再以步驟方式進行範例實作，務必讓概念、標籤與指令的解說清楚易懂。本書從基礎概念到進階應用方式安排章節次序，先帶您初步認識HTML5 + CSS3 + JavaScript與網頁製作軟體的使用，接著介紹使用CSS設定文字與圖片、各種選擇器、版面編排、CSS的套用順序、製作選單與特效等功能及操作，再介紹HTML5的常用標籤、以網頁範例介紹JavaScript的概念與語法、說明JavaScript如何操作DOM（Document Object Model）動態修改網頁，最後整合前面章節所學，實際進行網頁設計及網站實作，讓您動手跟著做，就能實作出美觀實用，風格統一的網站。
PHP8/MySQL網頁程式設計自學聖經(附範例/影音)
◆一本適合初學到進階學習，可以把PHP練至接案的實戰書◆ 【超值學習資源】 全書完整範例/延伸練習題解/「用PHP打造一個ChatGPT聊天機器人」、 「行動購物網站製作」、「LINE聊天機器人開發」影音教學 打造最佳開發環境、深入互動程式核心、 強化資安防護機制、貼近業界實際應用 超過2萬人見證的PHP經典，全新面貌再進化， 掌握互動網頁程式設計最佳途徑 這本書適用： ▶ 想要減少自學試錯時間，快速上手PHP開發的人 ▶ 有接觸過但又不想打掉重練的人 ▶ 已經有基礎但缺乏實戰經驗，想要精進練功的人 ▶ 想要運用PHP開發專案的人 ▶ 想要改善原來PHP作品並且加強資安的人 掌握系統化的學習焦點 就能快速進入PHP開發領域 依研究報告指出，全球有8成的網站互動程式是使用PHP進行開發維護， 連當今熱門的網站架設平台WordPress也是以PHP基礎開發而成， 證明了PHP無可撼動的地位。本書深知自學者在過程中會遭遇的痛點， 秉持由淺入深的學習規劃，搭配最紮實的程式說明、最詳細的範例導引， 以及超實用的各種熱門專題，深入解說全新的PHP8在互動程式上的開發運用。 不僅兼容新舊版本的差異，更導入重要資安防護的觀念與機制， 並且運用貼近業界實務的開發技巧， 讓讀者能輕鬆地一站式接收到全面性的學習內容！ ▶ 詳細解說入門概念 了解軟體特色，並快速建置布署全新PHP8、MySQL(MariaDB也適用)的環境。 ▶ 徹底掌握語法基礎 循序漸進深入PHP語法結構、程式流程與函式應用，徹底學會物件導向程式的開發與應用，並全面採用最新版的PHP語法，無痛接軌原有學習經驗，感受新一代程式開發精髓。 ▶ 完全整合資料庫應用 資料庫應用是互動網站的核心，完整學習在PHP程式中以SQL指令來連接並操作MySQL資料庫，全面使用MySQLi函式、物件與預備語法，更進一步應用PDO打造更有效率、更安全的應用程式。 ▶ 進階強化資安防護 面對資安新挑戰，介紹跨站腳本攻擊、跨站請求偽造以及SQL注入(隱碼攻擊)等常見的網站攻擊方式，並說明PHP如何在程式中進行防護的實務方法。 ▶ 深入挑戰熱門實例 全方位專題實作，能由實戰中發揮學習的成果。以不同訴求的主題範例，開發出精彩而實用的案例，如網路留言版、會員系統、網路相簿、購物車，並利用教學影片介紹如何用PHP打造ChatGPT聊天機器人、行動購物網站與LINE聊天機器人等實例，讓學習更貼進真實應用。 &
ASP.NET Core 6框架揭秘：跨平台Web開發全面解析(上冊)
ASP.NET Core 6推出的Minimal API應用承載方式，它讓程式變得異常簡潔，所以本書所有的實例將全部採用這種設計模式。 本書分為上下兩冊： 「第 1 篇 初識程式設計（第 1 章）」列舉一系列極簡的實例為讀者提供基本的程式設計體驗 「第 2 篇 基礎框架（第 2～13 章）」主要介紹了一系列支撐 ASP.NET Core 的基礎框架 「第 3 篇 承載系統（第 14～17章）」主要介紹了 ASP.NET Core 應用的承載流程 「第 4 篇 伺服器概述（第 18 章）」列舉一系列常見的伺服器類型並對它們進行比較 「第 5 篇 中介軟體（第 19～30 章）」系統地介紹一系列預定義的中介軟體 四大重點 • 剖析支撐 ASP.NET Core 的基礎框架（依賴注入、組態選項、診斷日誌、物件池、資料保護等）。 • 介紹以 IHost/IHostBuilder 為核心的服務承載系統，該系統如何實現 ASP.NET Core 應用承載，以及 Minimal API 背後的邏輯。 • 梳理「管道」對請求進行處理的原理，以及在應用承載過程中的建構流程。 • 系統、深入地介紹預定義的「中介軟體」。 &
ASP.NET Core 6框架揭秘：跨平台Web開發全面解析(下冊)
ASP.NET Core 6推出的Minimal API應用承載方式，它讓程式變得異常簡潔，所以本書所有的實例將全部採用這種設計模式。 本書分為上下兩冊： 「第 1 篇 初識程式設計（第 1 章）」列舉一系列極簡的實例為讀者提供基本的程式設計體驗 「第 2 篇 基礎框架（第 2～13 章）」主要介紹了一系列支撐 ASP.NET Core 的基礎框架 「第 3 篇 承載系統（第 14～17章）」主要介紹了 ASP.NET Core 應用的承載流程 「第 4 篇 伺服器概述（第 18 章）」列舉一系列常見的伺服器類型並對它們進行比較 「第 5 篇 中介軟體（第 19～30 章）」系統地介紹一系列預定義的中介軟體 四大重點 • 剖析支撐 ASP.NET Core 的基礎框架（依賴注入、組態選項、診斷日誌、物件池、資料保護等）。 • 介紹以 IHost/IHostBuilder 為核心的服務承載系統，該系統如何實現 ASP.NET Core 應用承載，以及 Minimal API 背後的邏輯。 • 梳理「管道」對請求進行處理的原理，以及在應用承載過程中的建構流程。 • 系統、深入地介紹預定義的「中介軟體」。 &
看完這本就會懂！帶你無痛提升JavaScript面試力：精選55道前端工程師的核心實戰題 × 求職加分模擬試題解析
在本書中，包含許多經典的JavaScript知識點及問題，這些知識點是屬於容易被忽略的核心知識，掌握這些知識內容，將有助於求職中應對各類陷阱題，以及在複雜的JavaScript開發時，更容易找出相對應的錯誤；除此之外，目前主流的ECMAScript 6以上的語法當然也不會錯過，本書會介紹這些語法與ES5觀念上的不同，以及可能遇到的問題點。 & 當然，作者非常清楚前端在求職的過程絕對不是只有被問到JavaScript的問題，而且並非所有的面試官都是前端開發者，所以除了書中的七大JavaScript章節以外，另外補充「第八章前端面試常見問題」，此章節加入了前端面試常見的延伸問題，例如：MVC、SPA、SSR等各種專有名詞解釋，以及各種網路的常見問題。 & 【目標讀者】 ✦對於JavaScript有基礎的開發者。 ✦即將要面試的前端開發者。 ✦想要鑽研JavaScript核心知識的開發者。 & 本書特色 & 著重JavaScript實戰應用與核心知識！ 掌握一定要會的JavaScript面試致勝筆記！ & ✦介紹JavaScript的核心知識、經典知識點以及「求職中容易被問到」的問題 ✦每個JS章節後方均有額外考題，除了提供知識，更驗證是否有正確理解 ✦加入前端必備的額外延伸知識，包含開發架構、網路等相關觀念
WebGL建構網頁中的3D遊戲 從基礎渲染原理、光影到應用
★★★【全台第一本繁體中文WebGL教學書】★★★ ★★★【2021 iThome 鐵人賽 Modern Web 組 優選文章改寫】★★★ ★★★【536頁內容+全彩圖文解說=完整學習WebGL！】★★★ 本書由 2021 iThome 鐵人賽 Modern Web 組「如何在網頁中繪製 3D 場景？從 WebGL 的基礎開始說起」改寫並加入遊戲互動要素，除了波光粼粼的海面，現在更有遊玩性了！ WebGL是一種JavaScript API，用於網頁呈現互動式2D和3D圖形，現今許多商家網頁展示自家商品，或讓顧客於線上預覽客製化商品時，都能看見其蹤影存在。 書中提供一系列連貫範例，帶領讀者透過 WebGL 在瀏覽器中學習電腦渲染 3D 的運作機制，一步步建構 3D 渲染流程，再到各種光線、陰影效果，最後加入遊戲機制與互動，製作成刺激好玩的遊戲！ 本書主要內容如下 ★初步認識WebGL ★Texture2D ★3D物件 ★Lighting ★Framebuffer陰影 ★帆船與海 &
Arduino自造趣：結合 JavaScript x Vue x Phaser 輕鬆打造個人遊戲機(iThome鐵人賽系列書)
原來網頁還可以這樣玩？融合電子電路與網頁，一起打造有趣的遊戲吧！ & 本書內容改編自【第13屆】2021 iThome 鐵人賽，Modern Web 組佳作網路系列文章 ──《你渴望連結嗎？將 Web 與硬體連上線吧！》。 & 隨著瀏覽器支援的 Web API 越來越豐富，有一天我注意到了「Web Serial API」這個神奇的東東。以往 JS 沒有權限能夠存取作業系統底層 API，所以要進行串列通訊都需要一個中介伺服器轉送資料，但是透過 Web Serial API 就可以直接透過瀏覽器進行串列通訊了！於是這個主題就這麼誕生了。 & 【寓教於樂】 本書應用情境將以各類遊戲為主，了解電子訊號如何與遊戲結合。透過遊戲與技術的連結，讓讀者能夠從底層了解運作原理且不會枯燥乏味。 & 【由淺入深】 本書將依序介紹 Vue、Quasar、Firmata、各類電路等等技術，讓讀者可以循序漸進的認識相關技術，並整合這些技術、設計情境，透過一層一層堆疊，最終淬鍊出一個完整的應用程式。 & 【設計與分析】 軟體開發領域的工程師一定都知道一個永遠不變的道理，就是「技術會不斷更新」。 & 本書在設計應用情境章節時，會先從需求分析、設計草稿開始，因為技術會變，但是設計與分析的過程基本上大同小異，學會「如何分析、解決問題等等技能」遠比「學會使用工具或某項技術」還重要。 &
零基礎也能快速上手！超直覺HTML&CSS網頁設計
．曾經學過HTML與CSS的基礎，想要進一步學習的人 ．一路以來都是自學，想參考別人的程式碼的人 ．想讓自己的程式碼變得更簡潔的人 ．想知道常見的某個網頁設計該如何撰寫的人 有以上情況的人都可以在書中找到答案。 & 光是看到網頁設計 就知道該使用哪些HTML標籤與CSS語法 超直覺網頁設計書！ & 本書整理了許多能於網頁設計第一線應用的內容， 主要包含網頁設計常見的四大設計類別： 「背景、圖片、照片裝飾」、「標題與文字的裝飾」 「版面編排」與「按鈕設計」， 也包含「聯絡我們表單」的介面該如何撰寫， 以及藏在Google搜尋結果頁面背後的結構化資料語法， 另外還會介紹一些方便網頁設計、網頁程式撰寫的網路服務。 還會透過圖片說明網頁設計靈感。 &
APCS大學程式設計先修檢測：C＋＋超效解題致勝祕笈(暢銷回饋版)
搶進名校資訊類學系的最佳武器！ ◎以C++語言的運算思維與演算邏輯解析APCS公告試題 ◎針對各種程式追蹤、填空、除錯題型，模擬演算過程及變數值追蹤 ◎詳細說明【觀念題】的相關知識，並列出各選項對／錯之理由 ◎完整架構解析【實作題】：解題重點分析、完整程式碼、執行結果及程式碼說明 多元邏輯思考訓練 手腦並用強化程式語言運用 APCS(Advanced Placement Computer Science)是指「大學程式設計先修檢測」，其目的是提供學生自我評量程式設計能力，及評量大學程式設計先修課程學習成效。APCS考試類型包括：程式設計觀念題及程式設計實作題。 程式設計觀念題採單選題測驗，以運算思維、問題解決與程式設計概念為主。測驗題型包含：程式運行追蹤、填空、除錯、效能分析及基礎觀念理解等。觀念題如果需提供程式片段，會以C語言命題。重點包括：資料型態、常數與變數、全域及區域、流程控制、迴圈、函式、遞迴、陣列、結構，及基礎資料結構，以撰寫完整程式或副程式為主。 本書提供APCS歷年公告試題的完整解答與分析，並以C++語言來撰寫程式實作題。觀念題不僅清楚說明題意，並詳解各選項的對錯理由。另外對於需要程式執行過程追蹤、填空、除錯等程式片段的觀念題，書中一併提供完整程式碼及執行結果。而實作題方面則以解題重點分析、完整程式碼、執行結果及程式碼說明等架構完整解析。深信本書能指引應考者具備檢測APCS的經驗與強化解讀程式的實戰力。 &
Dreamweaver 網頁設計 高手
範例式引導教學，讓您輕鬆做出與眾不同的作品。 Dreamweaver是一套簡單易學但功能強大的網頁設計軟體，對於多媒體網頁設計師、美編人員、創意工作者等，它可讓您輕易的將創意構想具體化。本書讓您了解Dreamweaver的功能及熟悉其操作環境，從文字設計、影像的處理、表格的運用、頁框版面設計、超連結、圖層的運用、多媒體物件、CSS樣式、資源的管理與範本、網站互動表單至網站的發佈與管理等都有詳細的介紹。除了工具的使用及各式功能的介紹外，本書實務應用，它可讓您輕易的製作出專業的網站。在資訊科技發展如此快速的年代裡，您如何提高效率，以極短的時間去了解、活用一套應用軟體呢？本書配合實例，以淺顯、循序並配合視窗畫面的直接解說，希望能使您快速的了解此應用軟體，進而應用於實際作業中。作者以其從事網頁設計多年的經驗來撰寫本書，精選範例圖片，將技法與實務作完美的結合與應用，激發出您的創意。書中以深入淺出的導引，配合清晰簡明的操作步驟，讓初學者也能輕鬆進入網頁設計創作天地，感受Dreamweaver的魔法魅力。本書帶領使用者一步一步地深入Dreamweaver的領域，即使是初學者也能輕易的製作出精美的作品，同時也了解各種工具及指令的使用時機，發揮出無限的創意。
NestJS基礎必學實務指南：使用強大且易擴展的Node.js框架打造網頁應用程式(iThome鐵人賽系列書)
本書內容改編自第13屆iThome鐵人賽Modern Web組佳作系列文章《NestJS帶你飛！》。NestJS是一套Node.js的後端框架，受到前端框架Angular的啟發，運用大量的設計模式與架構規範，搭配強型別的TypeScript，可提供開發者嚴謹、易擴展的開發環境。NestJS已受到各大企業青睞，例如：adidas、DECATHLON、Sanofi等，不過NestJS相較於Express等主流框架來說，入門門檻較高，因此本書運用淺顯易懂的方式來說明NestJS的各項概念，再搭配實務範例，可讓讀者從做中學，學習NestJS不再困難。 【精采內容】 ☛認識Controller、Module、Provider等九大基礎元件，讓你紮穩馬步，徹底理解元件的用法。 ☛說明NestJS的注入作用域、生命週期鉤子、模組參照以及動態模組等四大進階功能，深入理解NestJS的進階功能與觀念，寫出更容易維護的NestJS應用程式。 ☛介紹環境變數設定、檔案上傳、HTTP模組以及CORS等四大多元化功能，可增進開發效率，降低實作門檻。 ☛NestJS與MongoDB結合，實戰身分驗證與授權驗證機制。 ☛NestJS搭配Swagger，大幅降低前後端溝通成本。 【目標讀者】 ☛使用過Node.js撰寫後端應用程式，並想體驗NestJS框架的開發者。 ☛熟悉TypeScript，想嘗試踏入後端領域的前端開發者。 ☛喜歡嚴謹架構的後端開發者。 本書特色 第一本完整介紹NestJS的繁體中文實戰指南！ 輕鬆學會運用NestJS，整合各種熱門套件，實作專案範例！ ☛由淺入深介紹：搭配實作範例循序漸進學習。 ☛文字搭配圖解：圖文並茂，不再憑空想像。 ☛內容完整豐富：涵蓋基礎用法與各種多樣化的功能。 ☛提供範例資源：提供線上資源，不怕學習方向錯誤。 &
超完美CSS設計風格指南
★一口氣搞懂Web開發現場應該要懂的CSS相關知識 ★解決您在開發時遇到的困難 ★解決團隊協作開發的溝通問題 隨著前端開發的複雜度增加，出現各種以React、Vue.js 等處理CSS的方法，HTML套用樣式的手法也是五花八門。因此，開發人員肯定會對CSS感到頭大，該怎麼應用CSS？該使用哪種工具才好？ 本書為網站製作和前端開發領域的設計師與開發人員提供了易於理解的CSS設計指引，您可藉由本書學到最新的觀念與CSS方法論，做出符合專案需求的最佳CSS設計。
哎呀！不小心刻了一套 React UI 元件庫：從無到有輕鬆上手(iThome鐵人賽系列書)
本書內容改編自【第13屆】2021 iThome鐵人賽 Modern Web 組佳作網路系列文章 《30 天擁有一套自己手刻的 React UI 元件庫》 本書特色 1. 剖析並比較不同主流 React UI 元件庫 參考並剖析市面上知名並常用的 React UI 元件庫，瞭解其設計介面及元件結構，站在巨人的肩膀上來實作屬於自己的元件。 2. 從無到有的實踐 不只有理論上的比較以及分析，本書亦包涵從無到有的實踐，逐一拆解各個步驟，從零開始打造一個容易被重用的元件。 3. 涵蓋大部分常用的元件 本書涵蓋大部分常用元件的解析以及實作，讓讀者跳脫只會使用人家做好的工具的小白，甚至能夠做出根據自己需求、客製化的元件庫。 4. 同一個元件，討論不同設計方向的思路 同樣的元件在不同的專案當中會有不同的應用情境及考量，就算是同一個功能也會有不同的實作方式，因此我們不只討論如何實作，也會討論為什麼要這樣實作。 5. 為剛入門 React 但開發經驗還不足的朋友分享一些踩雷經驗 經驗不足的工程師最大的痛點就是無法考量到各種面向的優劣，不是因為他故意要設計出不好用的元件，而是因為沒有踩過雷，所以不知道這樣做會造成什麼樣的後果。本書也會分享一些踩雷經驗，幫助讀者避免走一些冤枉路。 &
建構微服務|設計細微化的系統 第二版
「微服務架構具有諸多迷人特質，然而，通往它的路途滿布荊棘與陷阱，必須謹慎提防。這本書將協助你釐清這條道路是否適合你，以及如何避開旅途上那些惱人的圈套。」 —Martin Fowler 首席科學家，ThoughtWorks 「這是一本關於微服務的權威指南，恰如其分地包含了廣泛的主題。」 —Daniel Bryant DevRel總監，Ambassador Labs 「一本全面且實用的指南，介紹了關於能成功採用微服務架構的關鍵，Sam明確地闡述了您要做出正確決定所需要了解的內容。」 —Sarah Wells Engineering Enablement 技術總監，the Financial Times 隨著組織從單體式應用(monolithic application)轉向更小且自我完備的微服務(microservice)，分散式的系統變得更加細微化；然而，開發這類新系統會也存在其自身的問題。本書的第二版將從整體上探討在建構、管理及擴展微服務架構時必須考量的各個面向與議題。 透過清楚的範例和實務建議，作者Sam Newman為從架構師、開發人員、測試人員和IT操作人員的每個人提供了紮實的概念基礎。您將深入當前的解決方案，幫助您塑模、整合、測試、部署及監控您的自主服務(autonomous service)，以實際案例說明當今組織是如何設法充分運用這些架構。 微服務技術正持續快速演進中，本書帶您跟上最新的發展。 ‧獲得關於使用者介面、容器編排及無伺服器架構的新資訊 ‧使系統設計與組織目標一致 ‧探索能使服務與您系統整合的各種選項 ‧了解如何獨立部署微服務 ‧檢視測試與監控分散式服務的複雜性 ‧管理使用者對服務以及服務對服務模型的資訊安全
從 Hooks 開始，讓你的網頁 React 起來 (第二版)(iT邦幫忙鐵人賽系列書)
本書內容改編自第 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，讓你掌握最新功能。 適用讀者 ✎ 學過 JavaScript，想要開始上手前端框架的初學者 ✎ 想要成為前端工程師的網頁開發求職者 ✎ 用過 Vue 等其他前端框架，想要體驗 React 框架的開發者 本書的誕生主要源自於 iT 邦幫忙鐵人賽，筆者在學習的過程中受益非常多，因此決定將本書首刷版稅回饋iT邦幫忙鐵人賽，鼓勵台灣IT社群互助合作且彼此樂於分享的精神。 專業推薦 如果你希望透過學習 React 這個目前業界非常流行的框架，來提升職涯發展潛力，那這本書再適合你不過！本書是 PJ 為你設計的一趟學習旅程。除了耐心指引你步驟之外，更會告訴你各種「為什麼」，讓你對 React 背後的邏輯與思維有充分瞭解。更重要的是，你將體會到，「學習」，其實可以很不一樣。 Bernard Chan | 陳治平 前 Yahoo! 亞太區產品總監、ALPHA Camp 校長 本書不是一本工具書，而是作者在腦中思考的過程，是一本教你思考的書，以邏輯思考的走向代替一般指令式的教學，這樣的內容才是正確的教學方式，學習到的並不只是技術，而是在實務過程中所累積下來的經驗。 Howard | 吳展瑋 台南「好想工作室」創辦人、台灣口罩地圖、動森揪團工具開發者 &
Tailwind CSS 3.0 從零開始 - 入門到實戰
★ 提升切版魅力！從初階到進階必學的新世代排版神器！ 跟著 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 CLI 的技術整合範例。充分看出作者不希望你單純『看』這本書，而是『真的動手做』，才能將技術變成自己的東西。」—— 廖洧杰／六角學院創辦人兼校長 & 「除了官網的文件外，Tim 用自身經驗，融合了實作上會遇到的一些問題，也算是某種程度上的經驗談，手把手的方式帶領讀者能更順利達成實作，非常適合新手或考慮轉到 Tailwind CSS 的開發者閱讀。」—— Tommy／熱愛 JavaScript 知名直播主 &
今晚來點Web前端效能優化大補帖：一次搞定指標×工具×技巧，打造超高速網站(iThome鐵人賽系列書)
針對「前端效能優化」技巧最全面的中文書籍！ & 精通前端基礎和優化技術，為你打造高效能網站！ & 本書內容改編自第 13 屆 2021 iThome 鐵人賽，Modern Web 組冠軍網路系列文章──《今晚，我想來點 Web 前端效能優化大補帖！》。本書彙整了網頁前端應用效能優化的各種技巧，並以此為出發點，延伸至許多前端領域必備的知識。搭配簡易圖文和範例檔實作，讓你打造高效能的前端應用，解決網站效能痛點，提升速度與使用者體驗，增加網站曝光率與流量！ & 四大重點 & ▍小細節讓效能UP 除了依賴指標，還要從對的地方著手！ & ▍前端開發必備心法 用對優化工具和技術，提升效能使用者體驗。 & ▍深入技術原理 介紹前端技術原理，精通前端應用知識。 & ▍提供完整範例檔 跟著實作範例學習，強化前端優化技能！ & 精彩內容 & ●認識 Core Web Vitals、RAIL Model、Lighthouse 等指標和效能監測工具，找出效能不足的地方。 & ●建立前端必備知識：瀏覽器架構與渲染流程、網路與快取、JavaScript 記憶體管理機制，並學習正確的圖片資源、檔案壓縮與打包技術。 & ●在不同情境下使用正確的優化技術：Code Splitting、動態載入、Tree Shaking、模組化技巧、Web Workers 與 WebAssembly。 & ●使用 DevTool 檢測網站效能、實作 Debounce 與 Throttle，達到網站節流。 & 目標讀者 ✦想要了解各種效能優化技巧的前端開發者 ✦想要更理解前端開發底層知識的開發者 ✦想了解前端開發近期發展與未來趨勢的讀者 &
Adobe Dreamweaver ACP國際認證應考攻略 (適用2020/2021)
Adobe Certified Professional(ACP)是Adobe官方推出的原廠國際證照，為媒體設計學習者最該必備的原廠證照。能有效驗證個人於Adobe Creative Cloud的核心應用技能已具備相當的熟練度，並藉由各項認證指標確實掌握業界所需。 本書整理了Adobe Dreamweaver認證應考內容，解題步驟一次提供，迅速掌握方向，將對的時間花在對的地方。
