WEB 設計職人必修：UX Design 初學者學習手冊
想要打造好用、有效率、令使用者滿意的網站，就需要完善的 UX 設計！ 網站企劃、網站開發者、設計總監、製作人、設計師、工程師…… 網頁設計相關人士必讀的 UX Design 指南 「UX」是什麼？「UX」是「User eXperience」的縮寫，翻譯為「使用者體驗」。有種說法是，「UX」並非一般所指的產品或服務等「事物」，而是包含事物在內，所謂的環境「狀態」的設計。 舉例來說，我們以為咖啡店賣的商品（事物）是咖啡，實際上，咖啡的定價中包含了咖啡店內店員的應對、座椅的舒適性、內部裝潢、場所、顧客種類、時間……等全部（狀態）的價值。使用者絕對不是光憑咖啡本身就掏錢，而是購買坐在咖啡店裡喝咖啡的完整體驗。 同理可知，做為網站設計者，一個網站的好壞也不是光看表面上的操作介面 (UI) 和視覺設計，還有使用者的操作感覺、使用體驗。然而，在網站做出來之前，我們要如何了解使用者的體驗、進而改善網站呢？那就是這本書要教你的事。 本書由實際在日本大型數位行銷公司 IMJ Corporation 執行 UX 設計的作者群負責執筆，為網站製作者設計了循序漸進的 UX 設計課程。從 UX 設計基礎開始，到「易用性評估」、「製作原型」、「結構化腳本」、「使用者調查」、「顧客旅程地圖」、「塑造使用者形象」、「導入組織」等，共分成 8 章來說明。有鑑於許多企業對 UX 設計不熟悉，或是因預算問題、時程問題而導入困難，作者群皆從經手過的案例來解析，並在書中收錄了實際導入組織時可用的技巧及大小兩個專案模型案例，把現實狀況與實作方法整合在本書中，而不只是紙上談兵。另外，還提供範本下載，讓你不只是理解，也能立刻動手嘗試，是一本可以讓你體驗 UX 設計現場的絕佳參考書。 本書特色 只會設計 UI 是不夠的！學好 UX 設計，讓你打造出真正令使用者滿意的網站 ◎書中透過虛擬人物 - 想要在公司裡導入 UX 設計的網頁設計師「白石由香」小姐，讀者將從她的角度出發，了解從網頁設計跨足 UX 設計時所面臨的困境，並跟她一起學習必要的知識。全書深入淺出，避免艱澀難懂，幫助讀者無痛建立「易用性評估」、「製作原型」、「結構化腳本」、「使用者調查」、「顧客旅程地圖」、「塑造使用者形象」...等重要觀念。 ◎網站企劃、網站開發者、設計總監、製作人、設計師、工程師……皆適用！網頁設計相關人士必讀的 UX Design 指南。 ◎作者群為日本大型數位行銷公司 IMJ Corporation的專業團隊，實務經驗豐富，從經驗出發，融入書中情境，還提供實做範例，讓你融會貫通，不再紙上談兵。
想要 SSR?快使用 Nuxt 吧!：Nuxt 讓 Vue.js 更好處理 SEO 搜尋引擎最佳化（iThome鐵人賽系列書）
台灣第一本聚焦 Nuxt 框架的入門與實戰指南從 Vue 到 Nuxt 就靠這一本高效全端開發與 SEO 搜尋引擎最佳化實戰《為什麼選擇這本以 Nuxt 4 為基礎的書？準備隨時迎接 Nuxt 5！》隨著 Nuxt 框架在 Vue 3 基礎上不斷演進，自 Nuxt 3 問世以來，開發體驗與效能大幅提升。而在本書完成之際，Nuxt 4 已正式釋出，為現代網頁開發帶來更穩定、更高效的選擇。如果你熟悉 Vue 3，甚至已有 Nuxt 3 的開發經驗，本書將是你順利進階的最佳指引。相較於 Nuxt 2 到 Nuxt 3 的重大變革，Nuxt 4 更像是 Nuxt 3 的強化版，保有熟悉的開發模式，同時優化底層效能與開發流程。這本書的撰寫基礎是 Nuxt 4，不僅針對最新版本的特性與開發模式進行說明，也考量到未來技術的演進，為你從 Nuxt 3 平滑過渡、甚至迎接 Nuxt 5 打下堅實基礎。官方也已提供清晰的升級指南，讓舊專案能輕鬆遷移，無痛享受新版本帶來的好處。【本書特色】《快速入門》結構化的章節脈絡．帶領讀者快速上手《特性介紹》循序漸進講述特性．實際操作加深印象《實戰範例》豐富的程式碼範例．實作部落格網站《駕馭SEO》分享爬蟲檢索原理．實戰搜尋引擎最佳化從零開始，無痛上手 Nuxt，快速打造現代化網站豐富範例與實戰，輕鬆駕馭 SEO 搜尋引擎最佳化本書為台灣第一本聚焦 Nuxt 框架的入門與實戰指南，匯集作者參與兩屆 iThome 鐵人賽，以 Nuxt 框架為題撰寫的 Modern Web 和 Vue.js 系列主題的系列技術文章精華。全書以結構化方式，引導讀者從 Nuxt 的原理特性入門，逐步深入實戰應用，包含全端部落格網站開發範例以及 SEO 搜尋引擎最佳化策略的實現技巧。不論您是初學者還是資深開發者，本書將幫助您全面掌握 Nuxt 框架的精髓，顯著提升在現代網站開發領域的專業能力。【精彩內容】1. 使用 Nuxt 解決前端框架的 SEO 痛點Vue.js 是一款直觀易學的前端框架，然而在大型商業網站中，它在 SEO 搜尋引擎最佳化上存在限制，採用 Nuxt 框架不僅能解決 SEO 問題，還能顯著提升開發者體驗和開發效率。2. 循序漸進學習 Nuxt 框架特性歷經兩年的 Nuxt入門筆記、實戰筆記及影片的規劃，瞭解讀者使用框架時常見的痛點與疑惑，透過有脈絡的章節編排，循序漸進地帶領讀者由淺入深學習 Nuxt。3. 豐富程式碼範例與實際展示圖本書精心設計了豐富的程式碼範例，並搭配實際執行的展示圖，範例內容涵蓋從基礎特性到進階實踐，幫助讀者更直觀理解 Nuxt 的核心概念。4. 實戰部落格與操作 SEO 搜尋引擎最佳化本書以構建完整的部落格系統為核心案例，分享如何使用 Nuxt 完成後端 API 與資料庫的串接，並實作部落格網站系統，透過一系列方法講解 SEO 搜尋引擎最佳化的操作，確保讀者能將學到的技巧輕鬆實踐於自己的專案中。【專業推薦】如果你正評估是否導入 Nuxt，或希望進一步掌握其開發流程與工具鏈，那麼這本書會是個非常適合的起點。它不僅提供實作層面的解答，也幫助你更深入理解 Nuxt 的設計理念與生態系運作方式。希望這本書能成為你學習 Nuxt 路上的好夥伴，協助你打造出穩定、易維護且具擴展性的現代化應用。Anthony FuNuxt 核心團隊成員如果你正在尋找一本能夠帶你全面掌握 Nuxt 的書籍，那麼我認為 Ryan 的這本《想要SSR ？快使用 Nuxt 吧！ Nuxt 讓 Vue.js 更好處理SEO 搜尋引擎最佳化》絕對值得一讀。希望這本書能幫助你在 Nuxt 的學習和實戰中更加得心應手，也期待正在閱讀本書的你能使用 Vue.js 與 Nuxt 創造出更多優秀的作品！Kuro HsuVue.js Taiwan 社群主辦人對於想自學 Nuxt 的開發者來說，這本書無疑是一部不可錯過的實用指南。透過這本書，讀者不僅能夠掌握 Nuxt 的基礎知識，還能學習到多種實戰技巧，為未來的專案開發奠定厚實的基礎。劉艾霖iThome 鐵人賽評審
WebGL建構網頁中的3D遊戲 從基礎渲染原理、光影到應用
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&陰影★帆船與海
UX互動設計聖經：提升互動體驗的100個UX設計法則
★ amazon.com UX 設計排行榜 BEST 10 暢銷書！百位讀者給予五星好評！最白話、最好懂、最實用的 UX 參考書★ 想不出好設計、被客戶逼瘋之前，你一定要看看這本書！★ UX 業界大師分享 15 年從業心法，教你活用法則，做出雙贏的好設計看到書名叫「聖經」、「法則」，你可能會以為這是一本無聊的 UX 教條查詢手冊，結果卻令人意外。這本書不但很有趣，有些篇章甚至令人會心一笑。在學習和從事 UX 設計的過程中，會發現業界有許多通用的法則，都是前人從成功案例中歸納出來的。比如「使用者至上」、「少即是多」……。乍看好像都很有道理，但是套用到自己的案子時，卻好像充滿矛盾。做出「少即是多」的極簡設計，被客戶嫌顏色太少太無聊！為了怕使用者出錯而設置提醒，使用者卻抱怨通知太多很煩人！設計問卷表單想了解使用者心聲，他們卻說項目那麼多誰想填！到底怎麼做才是對的？ 本書作者 Irene Pereyra（艾琳•佩雷拉）是紐約知名互動設計工作室「Anton & Irene」 的聯合創辦人。艾琳與她的團隊為許多知名品牌與客戶制定產品戰略和 UX 方案，客戶囊括世界各大知名企業與品牌。她寫出這本書，與其說是法則聖經，更像是一本有趣的 UX 案例集。本書中的 100 個法則，都是從實例的觀點出發，完全應用到她從業 15 年來，參與各種客戶專案時的案例研究心得，包括 UX 設計師可能遇到的情境、必須解決的問題和矛盾，以及從案例中得到的結論。有些案例驗證了某個法則同樣適用於今日的世界，有些結果卻告訴你「不用管那條法則啦」。本書雖然名為「法則」，重點是在教你面對案例時如何靈活思考，而不是直接告訴你該怎麼做。因此，當你在閱讀本書時，你可以自行決定是否要按順序瀏覽，也可以直接跳到你認為有趣的主題。以下節錄本書其中一篇文章。在本書中，她都是用親切聊天的口語，跟讀者分享每個案例中她與團隊成員如何想和如何做。如果你喜歡她的敘事風格，你一定會喜歡這本書，並在輕鬆閱讀的過程中，獲得滿滿的 UX 知識。【法則 38：選擇對的客戶】在任何情況下，都不值得你去忍受糟糕的客戶。我再說一遍，沒有任何一種情況值得你去忍受糟糕的客戶。如果客戶有這些狀況：要你在釐清問題之前就先開始設計、叫你不要按流程工作、試圖代替你完成工作、阻止你接觸相關人員、每個決策都要花幾百年、為了迎合組織政治忽視專案目標、完全不尊重設計流程……，與其忍受這種客戶，你還不如這個月吃泡麵就好。相信我，這真的不值得。亞歷山大．王（Alexander Wang）以前在巴黎世家（Balenciaga）當創意總監的時候，曾經來我們辦公室討論潛在的合作機會。那時候我跟他講，我們希望合作模式像「約會」，因為我們不是「妓女」。當時我們的客戶經理倒抽一口冷氣，還在桌子下面踹我一腳！還好整個巴黎世家團隊都在大笑。這確實是真話，根據專案規模的不同，合作時間可能長達三個月甚至一年，這是一段「親密關係」。跟客戶要共事這麼長的時間，如果從專案開始時就發現問題，後續處理時一定會非常痛苦。就算是世界上你最愛的品牌或廠商打電話給你，從接觸的那一刻起，你就要密切關注對方的一舉一動，因為這會反映出他們在整個專案的行為模式——他們是否總是拖到天荒地老才回覆電子郵件？他們是否難以捉摸？他們是否對開銷和金錢錙銖必較？他們是否理解並尊重 UX 的設計流程？這個專案對他們來說很重要嗎？還是他們並沒有很在乎？他們願意接受新想法嗎？他們可以接受改變嗎？他們自己有創新精神嗎？你真的喜歡他們嗎？我以前有過很多慘痛的經驗，後來我終於學乖了。如果在業務開發的早期階段，我的直覺告訴我有點不對勁——即使我無法確切指出是哪裡出了問題——那麼這個專案很可能會變成一場災難。而如果一個糟糕的客戶成功躲過我們的篩選流程，或是直到合作過程中才暴露本性，我們唯一能做的就是從中吸取教訓。他們為什麼會成為糟糕的客戶？這個問題最初是怎麼產生的？我們本來可以做些什麼來防止它發生？我們從中學到了哪些經驗教訓，可以在未來應用？托爾斯泰在他的小說《安娜．卡列尼娜》開頭有句名言：「幸福的家庭都是相似的，不幸的家庭卻各有各的不幸。」這句話也適用於客戶關係。正向的客戶關係會有共同的特質，能促成一個出色的專案；糟糕的客戶關係可能由各種因素引起。因此，務必在簽署合約之前，有意識地篩選不合適的客戶，因為沒有任何情況值得你花長時間去應對一個故意找碴的糟糕客戶。本書特色: 【閱讀 100 個趣味案例分享，學會 100 個 UX 設計法則】在我從事 UX 設計教學多年的過程中，我發現一件糟糕的事，就是市面上有一大堆關於 UX 的書籍和文章，他們往往是由局外人根據既有的觀點來編寫的。比如說，作者會寫出一堆描述使用過程應該怎麼做的範例，不過他們實際上並沒有參與那個設計的製作歷程——這完全是紙上談兵。此外，很多書的編寫方式會讓你誤以為業界有一種完美的解決方案，如果你不跟著做就會鑄成大錯。但是實際上，完美的使用者體驗流程並不存在。即使是同一個工作職位，如果放在差異很大的公司，可能會面臨迥然不同的狀況。而且，幾乎每個問題的答案都是「視情況而定」！因此，這本書並不是一本技術操作手冊，它也不會教你如何成為完美的 UX 設計師。這本書比較像是一本引導你思考的案例集。——使用者到底是誰？我們為什麼要關心他們？試著去理解這些真實活著的人類——每一個可能與你的產品互動或是受到產品影響的人，這本書將幫助你找出使用者的需求、目標、渴望和動機，當你進入 UX設計這個領域時，這就是解決問題的第一步。（以上節錄自本書序）【提升 UX 思考力：做任何產品都需要的軟實力】作者認為，一個出色的 UX 設計師除了具備出色的設計能力，還必須是一個優秀的偵探和一個稱職的心理治療師。UX 設計師必須知道如何讓人感到舒適、提出正確的問題、讀懂話語之間的隱藏資訊，並跟隨正確的直覺行動。這些軟實力對於讓設計流程順利進行至關重要，它能確保最終將設計出解決問題的好産品。讀完本書中的 100 個法則與案例，讀者的 UX 思考力一定能大幅提升。本書特別推薦給：產品設計師、網站設計師、APP 設計師、介面設計師、簡報設計師……等從業人員。書中的 100 個法則，能幫助你搞懂使用者在想什麼、人和介面互動時可能會有什麼反應，這已經是各領域的設計師、產品製造者必備的知識。除此之外，即使是毫無設計背景的人，例如需要發案的業主，或是對設計有興趣的一般大眾，也能透過閱讀這些有趣的設計案例，輕鬆學到許多關於設計的創意解決方案。
Vue開發者升級指南-Nuxt3 入門：打造 SSR 專案
Vue開發者升級指南-Nuxt3 入門：打造 SSR 專案✦SSR X SPA 提升網站的SEO效能✦以淺顯易懂的教學探索Nuxt3應用✦圖文並茂的範例說明✦整合Nuxt3全端功能，打造高效能網站
開源Web建置強大標準：ASP.NET Core全端開發立即上手
開源Web建置強大標準 - ASP.NET Core全端開發立即上手.NET Core是由微軟開發的一個跨平台、開源的軟體框架。它是.NET Framework的新版本,提供了更好的效能、模組化和跨平台支援。與.NET Framework不同的是,.NET Core是從頭重新設計的,可以在Windows、macOS和Linux上運行。ASP.NET Core以服務容器為核心，可模組化擴充，並且搭配了常用的元件，它經過重新設計和最佳化，在效能和安全性上都有顯著提升。ASP.NET Core提供Razor Pages、MVC、Web API和Blazor等功能，可靈活組合應用於常規Web、微服務、行動後端和物聯網等場景。如果你已經熟悉.NET架構，再轉為開發Web程式，本書再適合不了。本書適合有.NET或C#基礎的讀者，透過實例快速掌握ASP.NET Core關鍵技術。本書旨在提供一個全面的學習路徑，幫助讀者從初學者進階到能夠應對現代複雜軟體開發挑戰的專家。無論您是正在尋找開始使用.NET Core 技術堆疊的新手，還是希望深入了解其高級功能和最佳實踐的經驗開發者，本書都將為您提供所需的知識和技能。
報告力Max：Copilot Pro提升你的寫作效率
★ 提升報告寫作效率，讓你快速完成高品質報告★ 掌握AI技術，輕鬆運用Copilot Pro撰寫各種類型報告★ 實用案例解析，助你在職場中脫穎而出★ 擺脫日常繁瑣工作，透過報告寫作奪回人生主導權★ 自媒體與職場報告雙管齊下，打破常規，創造價值探索AI助力下的報告寫作，徹底改變你對報告的看法！在現代職場中，報告寫作已經不再僅僅是完成任務的工具，而是展現個人價值與影響力的關鍵手段。《報告力Max：用Copilot Pro提升你的寫作效率》為你帶來最新的AI報告寫作策略，讓你在短時間內提高效率，輕鬆產出高品質的報告。本書全面介紹如何使用Microsoft Copilot Pro提升各種報告的撰寫效率，涵蓋日報、週報、總結報告、簡報和電子郵件等不同應用場景，並通過豐富的實例分析，幫助你掌握AI技術在報告寫作中的具體應用。無論你是剛步入職場的新手，還是想要提升工作效率的老手，這本書都能為你提供實用的技巧和策略。從繁瑣的工作中解脫，運用AI的力量打造專業且具說服力的報告。透過學習書中介紹的各種報告類型和技巧，你不僅能大幅提升寫作效率，更能在職場中展現自己的價值，最終脫離辦公室的束縛，重掌人生主導權。這本書將成為你的得力助手，讓你在報告寫作中遊刃有餘，並幫助你在職場和人生中實現更大的成就。
Dreamweaver網頁設計輕鬆入門：Dreamweaver CC 2021(第二版)
Dreamweaver是一套整合網頁及網站的開發工具軟體。Dreamweaver 2020版除了增強原有的功能之外，還提供了「Bootstrap 整合增強功能」、「程式碼格式增強功能」，讓使用者擁有便利的開發功能。本書主要分為四部份：網站設計基礎概念篇、基礎篇(文字、圖片、多媒體、表格)、進階篇(CSS 樣式設定、版面物件設計、網路資源)、互動式網頁學習篇(互動式表單製作、BootStrap組件、JQuery Mobile應用、jQuery UI組件應用)等。本書是以初學者的觀點來學習如何從無到有開發網站，正確學習網頁開發的概念。讀者只要透過每章介紹的軟體操作，按照步驟逐一操作，便可輕鬆完成範例。
Vue學習手冊
可重用、易組合且規模可擴充的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全面測試應用程式
前端測試指南：策略與實踐
在前端領域，快節奏且不斷革新的開發環境下，如何能在迅速產出的同時保持高品質的程式碼成為一大挑戰，因此「測試」變得十分重要。選擇何種測試方式、如何撰寫和執行測試成為開發者必須深思的議題。缺乏測試的程式碼難以確保品質，而解決這個問題的關鍵在於建立適當的測試策略。 主要分為八大部份： ● 測試入門：深入介紹前端網頁測試的基本概念、測試技術、以及前端測試的多樣種類。 ● 單元測試：詳細探討如何針對最小範圍進行邏輯驗證，強調元件測試的重要性，並評比常用測試框架，確保基礎工作得當。 ● 整合測試：驗證特定功能，介紹如何以使用者的角度測試功能與盡量擬真、模擬和快照該怎麼用，逐步提升品質的穩定性。 ● 端對端測試：驗證操作流程，探討如何透過模擬真實使用者的操作行為，實現更全面的測試，以達到完整的功能覆蓋。 ● 視覺測試：驗證畫面正確性，詳述如何精確比對畫面，並針對跨瀏覽器和跨視區等多種變因，加速UI 測試的進行。 ● 測試時機：介紹執行測試的不同時機和方法，包含前置指令、手動觸發、合併程式碼前後和持續整合，以及從程式碼的覆蓋率來推敲使用案例的覆蓋率。 ● 狀況題：針對各種測試的疑難雜症，提供實用的解決方案，解救攻城獅克服測試的挑戰。 ● 分享如何善用GitHub Copilot 與ChatGPT 提升撰寫測試的效率，有效提高產能。 本書特色 ● 透過圖文並茂、程式碼範例的深入說明，易於學習、演練和實踐各種前端測試，並在實際應用中感受寫測試的成效。 ● 提供明確的原則和觀點，幫助你評估寫測試的策略與成本，並依此做出最適合的選擇。 ● 分享有效使用AI 工具產生測試程式的秘訣，提高產能。 ● 透過清楚易懂的範例，深入淺出地解說各類挑戰，協助你輕鬆應對測試戰場的難題。 專業推薦 這本書非常適合前端工程師全面性地打基礎，不僅能學會撰寫測試程式，還能全局地做出適當的決策。我喜歡這本書的地方在於其結構分明、面向完整，閱讀起來緊湊而輕鬆易懂，範例大小適中且容易實作。這本書可以幫助前端和後端工程師節省時間，進而更有效地學習，拓展人生與職涯的長度、廣度與深度。感謝 Summer 的付出，幫助大家提升產品品質，改善使用者體驗。 Odd-e Taiwan 敏捷技術教練 | 陳仕傑 (91) 2024/5/1 雖然寫測試可能還是靠開發者自己的個人經驗，但還是有一些前輩或大神們整理出來的方法論可以參考。 跟著 Summer 的書學怎麼寫前端測試，也就是學著怎麼寫出更有讓自己更有信心的前端程式碼！ 五倍學院 | 高見龍 在 Summer 的這本書中，透過深入淺出的方式，介紹了各種不同類型的測試，從單元測試、整合測試、端對端測試，一直到前端特有且重要的視覺測試，全部都有所著墨。同時也示範了如何在 CI 上執行測試，並結合豐富的實務經驗，說明了前端測試為什麼會更著重在測試行為，而非程式的實作。書中更有系統地整理出不同時機適合使用的測試方式和工具。如果你想要對於前端測試有更全面的認識，從類型、工具、到執行有更完整的了解，這絕對是一本值得一看的好書。 PJCHENder 網頁開發咩腳版主、《從 Hooks 開始，讓你的網頁 React 起來》作者 | 陳柏融 &
全端網站開發筆記：活用MERN技術，打造制霸全球的動態網站，開創六位數被動收入！(iThome鐵人賽系列書)【軟精裝】
誰說獨自開發軟體不可能， 現在就教您怎麼獨自完成的價值數十萬產品！ & 本書是寫給有一點 JavaScript 基礎並想自己掌握網站前後端的人，且在幾乎零成本的情況下，做出一個自己能夠掌握客戶資料與實際運作的動態網站，就如同業界從零到一開發軟體一樣，並在練習時掌握各種觀念與架構，包括設計美感的培養與程式語言邏輯的脈絡，最終產生一個能夠被部署到網路上、被 Google 搜尋到的網站，為自己產生源源不絕的被動收入與邁進 solo 創業之路！ & 【重點說明】 ☑ 軟體設計指南：內涵 UI 刻板與 React 實作 ☑ 產品資料建立：MongoDB 資料庫快速入門 ☑ 動態網站實作：前後端串連 RestFulAPI ☑ 適合自學創業：程式小白 / 初學者友善打造實用基礎 & 本書特色 & 1. 從 UI 中練習 SCSS 實作與配置原理探索 大量切版練習可以讓不熟 CSS 的你了解軟體是如何被打造的，學會 SCSS 的巢狀結構，之後學習更進階 Tailwind CSS 等其他 styling 技術都能通用。 & 2. 深入前端 Hook 與特效應用 透過在傳遞資料鏈和特效實作的過程中，你將能深入了解 React hook 的用法。一方面做出與模板網站不同的介面，一方面更了解 React 框架應用。 & 3. 後端打造和保護你的資料 從基礎開始，我們將探索如何架設 Restful API，實現 CRUD 操作——即建立、讀取、更新和刪除資料。此外，我們也會深入了解如何設立專屬的會員制度，這不僅使你能夠第一手掌握和保護資料，並且確保它們透過JWT得到妥善加密。最後，我們還將設置管理員功能，以防止不當存取或資料竊取。 & 4. 線上與線下技術的完美融合 透過 20 個詳細的實作進度版本，我們從每一章的前端開發探索到後端開發，最後到前後端的順暢串連。無論你是在路途中怕忘記某個步驟、只想專注於 API 的開發，或是希望加強串接技巧，這裡都提供了完整的指導。當你完成這一路程，你將擁有一個功能完善的網站！ & 專業推薦 & 《全端網站開發筆記》結合實踐、觀念和實例，特別適合那些希望深入了解軟體開發的初學者。—Wesley Hsu｜Podcast 「幣須送外賣」主持人 / 愛錄不錄工作室負責人 & 這本書不僅滿足了我想學習開發專案的需求，更為我提供了實際的保母級操作教學，使我能夠更自信、更有能力地應對日益複雜的產品開發挑戰。—鄭達玄｜Blockchain 產品經理 & 我會說這本書不僅僅是一本技術手冊，更像是一場深度學習之旅。作者深入淺出地解釋了 MERN Stack 的每個元件開發過程，並通過豐富的圖片和圖表精心呈現程式碼和學習中的思維。—Kevin Liao｜資深後端工程師 & 作者不僅在書中闡述了 MERN Stack 的開發過程及習過程中所遇到的困難和挑戰，且每一步複雜的技術都有圖文解釋，使讀者可以更容易的閱讀，並理解問題，解決問題，亦使讀者能學習到解決方法，也對內容更有印象。—Lawrence｜開拓者行銷 技術總監
網頁視覺特效最強必殺技大全：用 Three.js 與 Shader 圖說核心原理 x 閃避踩雷 x 創作指南（iThome鐵人賽系列書）【軟精裝】
學網頁 3D 可以用聰明的方式融會貫通， 再也不用埋頭苦幹！ & | 內容簡介 本書內容改編自第 14 屆 iThome 鐵人賽 Software Development 組的優選系列文章《30 天成為鍵盤麥可貝：前端視覺特效開發實戰》。本書透過不同前端 3D 作品案例逐步解釋 WebGL 底層運作原理，用淺顯易懂的方式，搭配豐富的插圖，進而解釋艱澀難懂的主題，幫助讀者打造屬於自己的網頁 3D 作品。內容從數學原理到畫面上的特效，從第一行程式碼到各個 bug 的解方，深入淺出，口吻風趣，涵蓋理論到實務創作的全面認識，帶領讀者輕鬆進入前端 3D 的大門。 & 網頁 3D 在創作時，最麻煩的是踩到深不見底的大坑，而這些大坑往往代表底層原理需要被理解，本書也依照不同案例會遇到的大坑做詳盡解釋，讓新手除了能夠打造自己的作品外，還可以省下埋頭苦幹的時間，用聰明的方式融會貫通！ & | 核心內容 本書分為三部曲，第一部曲介紹多種底層關係，第二部曲提供多個 three.js 案例的教學同時引出原理，第三部曲深入 Shader 的世界。每一部都能單獨看，每一個案例都有上手的程式碼以及完成的程式碼，學網頁 3D 再也不必茫然！ & | 目標讀者 ◪ 對網頁開發相對陌生，但希望能更嘗試網頁 3D 並融入創作的網頁設計師 ◪ 對 3D 相對陌生，但對網頁 3D 躍躍欲試的前端工程師 ◪ 對網頁 3D 感到好奇，想多加認識該領域的勇者 ◪ 想嘗試在網頁上呈現創作的 3D 建模師 ◪ 尋找更酷炫的媒材加以創作的視覺藝術家 & 好評推薦 & 「我衷心推薦《網頁視覺特效最強必殺技大全》，書中很多艱澀的原理在 Umas 的文筆下都相當有趣，相信你將從中受益匪淺。」——蔡木景，《JavaScript 概念三明治》作者 &
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開發經驗的人，本書都將提供寶貴的知識，讓您能夠快速建立一個功能豐富的網頁應用程式。讓我們一起開始吧！☆☆ &
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)之一。
ASP.NET Core 6 零基礎建立自己的部落格
轉職軟體工程師、程式初學者、缺乏作品集的人！ 不用再害怕寫程式啦～ & ●Asp.Net Core 6的常見技術 ●Entity Framework資料庫設計、資安知識、發文系統、登入功能 ●Web開發工程師應該具備的相關知識 ●如何建造部落格網站 ●附贈原始碼 & 此書主要撰寫給所有程式初學者，希望大家能更好的進入程式的世界。 & 書中分成了兩個部分，第一個部分為ASP.NET Core工程師應該具備的相關知識，包含網站運行的原理、什麼是API、ASP.NET Core 常用技術、Entity Framework資料庫、相依性注入、如何上傳或是下載檔案、資安權限、如何架站等等，第二部分說明如何結合前面所學建造自己的Blog，做成一個有登入系統，可以發文給別人觀看的網站。 & 全書富含眾多程式範例以及原始碼提供讀者學習，希望大家能在成就感中學習到技術，在程式裡建築自己的世界。 &
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雲端平台
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） &
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整合環境工具，協助快速開發並減少錯誤
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 &
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 背後的邏輯。 • 梳理「管道」對請求進行處理的原理，以及在應用承載過程中的建構流程。 • 系統、深入地介紹預定義的「中介軟體」。 &
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陰影 ★帆船與海 &
Dreamweaver 網頁設計 高手
範例式引導教學，讓您輕鬆做出與眾不同的作品。 Dreamweaver是一套簡單易學但功能強大的網頁設計軟體，對於多媒體網頁設計師、美編人員、創意工作者等，它可讓您輕易的將創意構想具體化。本書讓您了解Dreamweaver的功能及熟悉其操作環境，從文字設計、影像的處理、表格的運用、頁框版面設計、超連結、圖層的運用、多媒體物件、CSS樣式、資源的管理與範本、網站互動表單至網站的發佈與管理等都有詳細的介紹。除了工具的使用及各式功能的介紹外，本書實務應用，它可讓您輕易的製作出專業的網站。在資訊科技發展如此快速的年代裡，您如何提高效率，以極短的時間去了解、活用一套應用軟體呢？本書配合實例，以淺顯、循序並配合視窗畫面的直接解說，希望能使您快速的了解此應用軟體，進而應用於實際作業中。作者以其從事網頁設計多年的經驗來撰寫本書，精選範例圖片，將技法與實務作完美的結合與應用，激發出您的創意。書中以深入淺出的導引，配合清晰簡明的操作步驟，讓初學者也能輕鬆進入網頁設計創作天地，感受Dreamweaver的魔法魅力。本書帶領使用者一步一步地深入Dreamweaver的領域，即使是初學者也能輕易的製作出精美的作品，同時也了解各種工具及指令的使用時機，發揮出無限的創意。
哎呀！不小心刻了一套 React UI 元件庫：從無到有輕鬆上手(iThome鐵人賽系列書)
本書內容改編自【第13屆】2021 iThome鐵人賽 Modern Web 組佳作網路系列文章 《30 天擁有一套自己手刻的 React UI 元件庫》 本書特色 1. 剖析並比較不同主流 React UI 元件庫 參考並剖析市面上知名並常用的 React UI 元件庫，瞭解其設計介面及元件結構，站在巨人的肩膀上來實作屬於自己的元件。 2. 從無到有的實踐 不只有理論上的比較以及分析，本書亦包涵從無到有的實踐，逐一拆解各個步驟，從零開始打造一個容易被重用的元件。 3. 涵蓋大部分常用的元件 本書涵蓋大部分常用元件的解析以及實作，讓讀者跳脫只會使用人家做好的工具的小白，甚至能夠做出根據自己需求、客製化的元件庫。 4. 同一個元件，討論不同設計方向的思路 同樣的元件在不同的專案當中會有不同的應用情境及考量，就算是同一個功能也會有不同的實作方式，因此我們不只討論如何實作，也會討論為什麼要這樣實作。 5. 為剛入門 React 但開發經驗還不足的朋友分享一些踩雷經驗 經驗不足的工程師最大的痛點就是無法考量到各種面向的優劣，不是因為他故意要設計出不好用的元件，而是因為沒有踩過雷，所以不知道這樣做會造成什麼樣的後果。本書也會分享一些踩雷經驗，幫助讀者避免走一些冤枉路。 &
Adobe Dreamweaver ACP國際認證應考攻略 (適用2020/2021)
Adobe Certified Professional(ACP)是Adobe官方推出的原廠國際證照，為媒體設計學習者最該必備的原廠證照。能有效驗證個人於Adobe Creative Cloud的核心應用技能已具備相當的熟練度，並藉由各項認證指標確實掌握業界所需。 本書整理了Adobe Dreamweaver認證應考內容，解題步驟一次提供，迅速掌握方向，將對的時間花在對的地方。
讓響應式(RWD)網頁設計變簡單：Bootstrap開發速成(第三版) (附554分鐘實作影音/範例檔)
以4個整合性實例一探業界極為流行的Bootstrap響應式網頁框架 從「遊戲活動網頁」、「部落格」、「活動報名網頁」，到「企業型購物網站」， 依Bootstrap 5改版，一次搞懂主流的RWD設計！ Bootstrap早已成為全世界許多企業在徵求網頁設計師時列為必備的技能條件，其採用了模組化設計，簡易到只要懂得如何套用，就可以快速設計出頗具美感的響應式(RWD)網頁。 對於許多不擅長視覺設計的網頁工程師來說，省去了許多美化的時間與困擾；而對於視覺設計師來說，也能依著自己設計的版型建置網頁，同時支援市面上大部份的主流瀏覽器，而對於想踏入響應式網頁領域的初學者來說，則可以在短時間學好RWD設計技能。 網頁設計師與網頁工程師必備技 Bootstrap響應式網頁的快速設計力 書中從認識響應式網頁與網站開發流程開始，詳細解說響應式網頁設計思維，並導入視覺設計與網頁製作兩個不同領域的專業知識與技巧，最終以4個案例製作響應式網頁以具備實戰技能。 ‧完整的響應式網頁概念解說與Bootstrap運用方式，迅速跨入響應式設計領域。 ‧以淺顯易懂的網頁範例，融入佈局、HTML5、CSS3、元件與JavaScript的使用技巧。 ‧4種不同類型的整合性範例，一次掌握主流RWD版面設計，展現Bootstrap的強大效果。 【超值學習資源】554分鐘(CH10~CH25實作)影音教學/活動報名版型與部落格版型PDF/範例檔
Web API設計原則|API與微服務傳遞價值之道
《Web API設計原則》涵蓋了在設計API時的原則與流程，透過書中的準則，帶領讀者設計出高成效的API，作者首席顧問James Higginbotham具有豐富的實戰經驗，帶領您與團隊成員建立共識，並設計出高價值的API，並將此設計流程從小團隊擴展到全組織。 作者從「從外向內」(outside-in)的視角檢視API設計，聆聽來自用戶與產品團隊的意見，彙整外部需求，並根據外部需求進行API設計，並確保API的架構條理分明，也談到如何選擇合適的API風格進行實作，書中透過一個實際的案例，為打算設計新API或擴展現有API的人員提供指導。 ‧用正確的設計流程交付出色的API ‧為設計團隊、用戶及其他成員建立共同的目標 ‧製作工作故事(job story)、進行事件風暴(EventStorming)與建構數位能力(digital capability)模型 ‧正確的釐清需求，並歸納成格式一致的API Profile ‧從REST、gPRC、GraphQL、event-based async API(事件式的異步API)等數種API風格中挑選最佳實現方案 ‧從文檔編寫人員、測試人員和客戶的反饋改進設計 ‧將API解構成微服務 ‧累積API經驗與策略，實現可擴展的設計與管理流程 不論你是架構師、開發者、團隊領導人、團隊經理，或是任何提供「API-as-a-product」(API即產品)的技術或商業人士，凡是與API規劃或建構有關的人士，本書對您會是相當有價值的參考資料。
實戰UX工作現場|創造更有價值的產品與服務
可以隨時翻閱參考的UX研究入門書 這是一本實踐使用者經驗（UX）研究的入門書。「聽說過『UX研究』這個詞，但不太清楚具體內容⋯⋯」、「我想嘗試一下UX研究，應該從何處開始好呢⋯⋯」除了腦中出現這類想法的人以外，還有一些人的煩惱是：「雖然已經開始進行UX研究了，但說真的，我對實作方法沒有自信⋯⋯」。筆者希望能為這些人提供助力，因此將實務工作中獲得的UX知識與洞察統整成一本書。當讀者準備踏出第一步，或是持續進行UX研究時，都能將這本書當作如同導師的存在，放在身邊隨時翻閱參考。 用科學的方式做設計 使用者經驗（UX）研究在產品與服務開發上越來越重要，因為它能夠讓決策建立在證據而非開發者的假設之上，並在開發的早期階段反映出產品與服務所能提供使用者的價值，因此，不管是產品經理或是設計師，都越來越重視UX研究。 本書將告訴你如何將UX落實在工作上 本書涵蓋了使用者經驗研究的基礎知識，已經如何將UX應用於現有工作的方法，以及如何在組織內推廣UX的觀念。另外，透過七個實際的案例分享，幫助你了解如何將UX研究落實於實際的工作。
ASP.NET Core工程師不可不知的10大安全性漏洞與防駭方法
『OWASP發展至今，前10大排名的弱點已不再是單純的一種攻擊名稱，而是一種不安全的行為。作者以弱點復現來說明其弱點成因，是我推薦本書的主要原因，希望本書能帶給程式設計師更多安全開發的觀念！』——登豐數位科技創辦人／白帽駭客 黃建笙（Jason 方丈） 專文推薦 『雖然這本書是資訊安全的書籍，卻沒有艱深難懂的理論，利用輕鬆的攻與防，讓讀者在攻防戰之間提升資安與安全程式碼二者的經驗值，讓你一次擁有劍與盾兩件寶物。』——微軟MVP最有價值專家 陳傳興（Bruce Chen） 專文推薦 ASP.NET Core開發人員經常會收到安全性測試的結果，報告中顯示的是在Web應用程式中所發現的漏洞。雖然這些報告可以提供一些高階的修復建議，但是它們往往沒有說明，為了解決或是修復這些測試所發現的弱點，你需要採取哪些確切的步驟？ 在本書的第1章中，首先，你將學習安全程式碼的基本概念。然後，在第2章到第11章中，我們將帶領你一步步學習識別常見的Web應用程式漏洞。在閱讀的過程中，我們也會介紹如何在ASP.NET Core Web應用程式中修復不安全的組態設定。我們更進一步展示如何解決不同類型的跨網站指令碼(XSS)。最後還有獨立的一章，專門指導你修復不再屬於OWASP Top 10清單的其他漏洞。 本書的寫作格式屬於訣竅式風格(recipe style)：每一個訣竅都代表一個問題，我們會先展示不安全程式碼的範例，接著提供相應的解決方案，讓你學習如何根除應用程式中的安全錯誤。遵循簡單的訣竅步驟，你將探索ASP.NET Core Web應用程式中不同類型的安全性弱點，理解什麼樣的程式碼會導致應用程式不安全，然後一步步練習如何修復它們，由此建立強健又安全的解決方案。 讀完這本書，你將獲得解決ASP.NET Core Web應用程式安全性漏洞的實用訣竅，以及修復安全性缺陷的實戰經驗。 你將從本書學會： ・如何消滅ASP.NET Core Web應用程式中的bug ・探索不同類型的注入攻擊，並防止這個漏洞被利用 ・修復與無效的身分驗證和授權相關的安全問題 ・使用多種保護技術，排除敏感資料外洩的風險 ・啟用ASP.NET Core Web應用程式的安全功能，防止不安全的組態設定 ・探索ASP.NET Web應用程式的其他漏洞，以及安全開發的最佳實踐 目標讀者 本書的目標讀者是那些使用「ASP.NET Core框架」開發Web應用程式的開發人員和軟體工程師。本書非常適合初學者和經驗豐富的資深工程師：本書將指導新手學習編寫「安全程式碼」的必要基礎，而資深工程師也可以利用這本書，作為一個逐步編寫「ASP.NET Core安全程式碼」的快速參考。 對於那些希望深入理解「如何透過程式碼來保護ASP.NET Core應用程式」的應用系統安全工程師來說，這本書也能提供很好的幫助。本書將協助他們瞭解「如何修復」他們每天執行的安全測試所發現的問題。 &
JS絕對版本相容性： Webpack＋Babel完美結合開發實戰
零基礎前端開發新手也能輕鬆上手的前端 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 所具備的細節，找到自己的開發價值。
你的地圖會說話？WebGIS與JavaScript的情感交織(iT邦幫忙鐵人賽系列書)
解鎖地圖與JavaScript相遇的秘密 全國第一本介紹WebGIS開發與實戰應用的實體書籍！ 本書提供範例程式下載，事半功倍一學即上手！ WebGIS啟蒙首選✖五家地圖API✖近百個程式範例✖實用簡易口訣✖學習難度分級✖補充ES6小知識 內容簡介 本書內容改編自第12屆iT邦幫忙鐵人賽，Modern Web組佳作網路系列文章－《你的地圖會說話？WebGIS與JavaScript的情感交織》。 在人手一台智慧型手機，運用Google地圖查詢餐廳位址的時代，您是否會好奇這些地圖功能是如何透過程式實作的呢？本書會從最基礎開始，帶您進入WebGIS的奇幻旅程。 ❖給完全沒有WebGIS及地圖domain knowhow的你 本書將從最基本的地理資訊系統概念談起，從概念到程式實作一應俱全，完全沒接觸過GIS的讀者依舊能輕鬆上手！ ❖給網頁開發的初學者與擔心看不懂書內範例程式的你 別擔心！本書會詳細介紹JavaScript程式的實作細節，並採用ES6以後的語法，讓您學習地圖開發之餘，還能學習到最新的JavaScript程式語法！ ❖給覺得Google Map API收費高，而想轉戰其它地圖API的你 本書統整五家地圖API，包括：Google Map API、Here Maps API、ArcGIS API、TGOS Map API、Leaflet API，無論您在不同的情境下想使用不同的地圖API (皆含範例程式碼) ，本書是您最好的入門聖經！ ❖給已會使用Leaflet API製作簡單的口罩地圖，但還希望更進一步加深功力的你 常見的口罩地圖實作的是WebGIS的展點功能，本書除了展點外，還有：圖層套疊、定位、環域查詢、群聚、熱區等等……，不勝枚舉的WebGIS實戰應用，等你來挑戰！ 好評推薦 這本書的內容是非常適合初學者自學上手的WebGIS入門教材，從地理圖資的常見格式，再來深入淺出的解說運用網路資源進行資料擷取、設定、展示與分析等。這是一本讓所有想要瞭解如何開發地圖應用程式的任何人，都能一窺WebGIS實用且充滿趣味的技術領域。 溫在弘 國立臺灣大學地理環境資源學系教授 國立臺灣大學理學院空間資訊研究中心主任 中華民國地圖學會理事長 &
UX策略|設計創新數位解決方案的產品策略心法 第二版
「若想改善你的數位設計工具包，或想了解更多設計實務工作中的策略方法，那麼這本書絕對適合你。」 —Phil Clevenger Adobe，資深UX設計總監 「Jaime示範了如何將深度的研究轉成能讓真實場域中的真實團隊實際運用的產品策略。」 —Indi Young 《Mental Models》與《Practical Empathy》作者 使用者經驗(UX)策略是UX設計和商業策略的交會點，但截至今日，還沒有人提出一套易用的執行方法。這本實用的工具指南提供了輕量的產品策略工具和方法，協助你與團隊設計出人們真正渴望的創新數位解決方案。 作者Jaime Levy為UX/UI設計師、產品經理、創業家和有抱負的策略師示範了許多深入淺出的方法，讓你可以立即應用在實務專案上。書中的商業案例、歷史脈絡能帶給你寶貴的觀點。第二版收錄新的業界實例、更新的方法、以及關於質化線上使用者研究的新章節。 ‧透過暫時人物誌(Provisional Personas)和顧客探索方法來定義、驗證目標族群 ‧透過競品研究和分析來探索市場機會點 ‧運用聚焦商業模式的快速原型進行測試 ‧進行線上使用者研究，無論預算多少都能快速獲得寶貴的洞見 ‧進行線上廣告和登陸頁面活動來測試商業構想，並驗證行銷管道
ASP.NET Core 6實戰守則：超易懂的跨平台開發入門教學(iT邦幫忙鐵人賽系列書)
市面上第一本使用繁體中文詳細解析最新版的ASP.NET Core 6 & 本書內容改編自第12屆iT邦幫忙鐵人賽，Modern Web組佳作網站系列文章-《我與ASP.NET Core的30天》，並使用了最新C# 10的語言特性，來作為範例。 & 書中的內容主要是讓剛開始想接觸ASP.NET Core的開發人員正確的建立基本觀念，對於進階的開發人員也可以作為工具書參考。 & 目標讀者 1.有程式開發經驗，想入門ASP.NET Core 6的開發人員 2.有ASP.NET Core開發經驗，缺少一本完善的工具書的開發人員 & 本書特色 & ◎用最簡潔的說明方式，讓艱深的觀念也能變簡單 ◎從零開始，完整介紹ASP.NET Core 6的核心功能 ◎使用dotnet CLI作為範例主軸，內容在任何平台上都適用，能夠確實了解到跨平台開發的魅力 & 專業推薦 & 都說要站在巨人的肩上，一本好的參考書，能讓你減少你摸索的時間，快速領略ASP.NET Core的武功心法，站在此書之上，大膽的跳上去.NET Core這班無限列車，觀賞.NET Core既豐富又美麗的開發世界。Coding (.NET) for fun！——微軟MVP最有價值專家，陳傳興／Bruce Chen，blog.kkbruce.net
1000億設備互聯時代：嵌入式物聯網動手開發指南
★★★★★【1000億】、【嵌入式物聯網】★★★★★ 1000億設備互聯時代即將來臨，物聯網技術從入門到實戰開發 ◎理論+實踐 本書理論與實踐並行，其理論部分適合想了解物聯網發展、技術的管理人員閱讀，同時書中後半部分將技術實作到實際應用。 ◎零基礎啟蒙 本書是一本零基礎的啟蒙書，使用STM32F407晶片，從零開發，一行一行程式碼實現物聯網專案，讓大家看完此書，也能自己動手實現第一個屬於自己的物聯網專案。 ◎詳細解說、一次吸收 包括嵌入式、單晶片、即時作業系統、網路通訊協定、雲端平臺等。詳細的開發指南，通俗的理論講解，即使是在學生也能看得懂。適合想快速進入物聯網行業的學生、技術人員閱讀。 本書技術重點 ✪物聯網理論及簡介 ✪USN、M2M架構 ✪RTOS介紹 ✪Keli MDK/J-Link介紹 ✪STM32/LwIP介紹 ✪RT-Thread OS及實戰範例 ✪RT-Thread網路開發 ✪微軟Azure物聯網平台/AWS IoT平台 ✪環境資訊實戰開發 ✪智慧安防系統實戰開發
網頁程式設計ASP.NET MVC 5.x範例完美演繹-第四版(適用Visual C# 2022/2019)
知名技術部落格「DotNet開發聖殿」以多年程式開發經驗，將業界的專業開發技巧融入於書中。 為MVC新手設計的絕佳教材，從精闢原理解說開始，再導引到實務範例。內容注重MVC範例展示，培養實作MVC程式的能力，而非讀完MVC理論，卻不知如何下手。或者您曾學過MVC或研讀過其他書籍，在技術與觀念仍無法領略MVC精髓，希望重奠根基，重理大腦完整思路，那麼這本書正可滿足您的需求。 精選內容，讓您Do Less, Get More，短時間內培養出即戰力，本書內容有： ＊ Visual Studio 2022工具安裝、MVC開發環境建立與程式部署 ＊ 介紹MVC架構如何三分天下，精解Model、View與Controller三者職責與運作 ＊ View / HTML Helpers / Bundle Minification / Layout功能大解析 ＊ 全面掌握Razor語法，提升View頁面的智慧與判斷力 ＊ 用開源Chart.js及JSON製作HTML5互動式商業統計圖表 ＊ 以jQuery Ajax / Web API 2.0 / JSON三劍客建立輕量級高效能網站 ＊ 以真實汽車銷售網站演示Routing路由大法，認識這位引導網站人流的大管家 ＊ Entity Framework的Database First / Model First / Code First完全制霸 ＊ 用單元測試提升MVC程式之品質 ＊ 將MVC應用程式部署至Microsoft Azure雲端平台 ＊ 將MVC延伸到ASP.NET Core，讓您掌握最新前沿技術的應用
Dart：Google御用網頁語言 - 使用Angular實戰Web物件導向開發
★★★★★【Dart】、【Google御用】★★★★★ 利用開發Web專案學會一門新的Google專屬語言 其實從html/css/javascript開發網頁的路走來，一直到支援MVC的框架，你是否覺得需要一個很完整符合Web UI的語言才使得上力？而學習到Dart之後終於感受到這個完整性。 Dart是由Google公司推出的現代化程式語言，它以簡單、高效、可擴充為開發目標，將強大的新語言特性與熟悉的語言構造組合成清晰、讀取的語法，並提供很多語法糖來保證以更少的程式量完成指定功能。 Dart不僅是一門語言，Dart 的各種開放原始碼專案和Pub 套件管理工具幫助開發人員變得更有生產力。舉例來說，開發者可以使用Pub 獲得與JavaScript 互動操作的能力、Web UI 框架、單元測試庫、用於遊戲開發的庫及使用Dart語言開發的Flutter跨平台移動UI框架等。 本書平鋪直述，沒有冗長的說明，一開始就切入了Dart的核心，並且充分說明了Angular的特性，不管是在和JavaScript的互動操作，Web UI架構，又或是開發後的單元測試以及主流網頁遊戲的函數庫等。而最大受眾的行動UI開發上，更有完整的大量函數庫支援，網頁開發已進入全新里程，學應用不如學語言，利用開發Web專案學會一門新的Google專屬語言，讓你在求職求學的路上比別人更強一個層級。 本書重點 ✪在Windows、MacOS及Linux上安裝及設定dart執行環境 ✪Dart的資料型態、函數、運算子、運算元 ✪Dart的流程控制，物件導向、類別、異常，泛型、函數庫操作 ✪Dart的非同步、Future、Stream及生成器函數 ✪Dart的多執行緒、Isolate、循環、可呼叫類別、擴充方法、中繼資料 ✪Dart的服務端開發，shelf框架、Angular框架 ✪Dart的材質化元件庫 ✪完整實作專案貫通全書所有的觀念
用ASP.NET Core打造軟體積木和應用系統
適用Visual Studio 2022 本書可以幫助讀者： ‧迅速產生資料庫文件檔案，做為開發工作的參考依據 ‧使用書中的軟體積木，提升開發效率 ‧利用產生器快速建立CRUD功能，節省開發的時間 ‧建立簽核流程功能，提升自動化程度 ‧為資料庫加入異動追蹤功能，方便事後稽核 ‧加入權限功能，提升系統的安全性 ‧建立自己的軟體積木，實作各式各樣的功能 ‧建立多國語功能 ‧擴充現有系統的功能 ‧數量可觀的公用程式，可以直接使用 常見的軟體積木有： ‧主畫面 ‧CRUD列表畫面 ‧CRUD編輯畫面 ‧Word套表 ‧匯出Excel ‧從Excel匯入 ‧CMS功能 ‧簡單報表
快速學會 ASP.NET 使用 VB.NET 程式設計
範例淺顯易懂且具代表性和實用性◆ 循序漸進的介紹ASP.NET網頁開發◆ 深入了解標準控制項的使用與實務的結合◆ 以清晰的概念誘導您實作正確的ASP.NET網頁◆ 包含ASP.NET AJAX及AJAX Control Toolkit的使用本書寫作方式採用「講述＞實作＞說明」的結構來撰寫大多數的單元。在進入一個新的單元之前，我們會先了解這個單元的學習大綱。接著，利用一個模擬的範例來實作這個概念。並且在實作的過程中，再補充單元的內容。各章節會適當的拆解章節的內容，並配合實例來說明。畢竟，要一位初學者一次完整的學完某項功能的寫作方式並不適合忙碌的現代人。◆ 各章節均包含觀念探討、範例、實作等單元。◆ 光碟片中除了範例檔之外，另附上動態教學影片。
TypeScript 邁向專家之路：零基礎 JavaScript 打通 Angular、React 與 Vue.js 前端框架實戰
想入門 TypeScript 4 並打通前端應用程式開發，選這本就對了！ 使用 TypeScript 打造前端應用，已經蔚為趨勢。2020 年 State of JS 調查指出高達 78% 前端開發者使用它, 而在 Github 上，TypeScript 的熱門度短短幾年內便躍居第四。如今各大前端框架與開發工具都已完整支援 TypeScript，構成不容忽視的龐大生態圈。 究竟什麼是 TypeScript？它乃是 JavaScript 語法的強大延伸，能夠解決開發 JS 時帶來的混亂，大大增進開發效率。透過這本書循序漸進的豐富範例，各位將能從源頭理解 TypeScript 如何解決 JS 的問題，完整理解 TypeScript 的功能及開發工具，最後學會怎麼使用當今熱門框架 Angular、React 及 Vue.js 打造一個購物網站範例。 集入門與實用於一身，從零基礎變成專家，這本書就是您入門現代前端開發的必備指南。 本書的內容依照主題重點, 分成三大部分： 1. 第一篇 『TypeScript 入門準備』 ( 第 1 至 6 章) 為必備的基礎知識, 為你的 TypeScript 開發打下穩固基礎。這包括 JavaScript 快速入門, 以及如何運用 TypeScript 編譯器工具。 2. 第二篇 『TypeScript 徹底解析』 ( 第 7 至 14 章) 開始介紹靜態型別、類別、介面、泛型等 TypeScript 生產力特色, 搭配各種範例進行深入淺出的探討。 3. 第三篇 『TypeScript 實戰攻略』 ( 第 15 至 22 章) 將帶領讀者以TypeScript 在最受歡迎的 Angular、React 與 Vue.js 開發框架上打造網頁應用程式。這部分的章節會詳述每種框架適用的 TypeScript 功能, 並展示完成開發網頁應用時所需的一般過程。為了協助讀者理解這些框架,本書亦會先示範如何不仰賴這些框架來設計一個獨立的 JavaScript 網頁應用程式。 本書特色 ★ 零基礎完整快速入門 JavaScript，並了解 TypeScript 如何解決其開發問題 ★ 以循序漸進的範例摸透 TypeScript 的型別系統、類別、泛型、介面等強大功能 ★ 活用 Node.js 環境及 TypeScript 開發工具來管理並執行專案 ★ 介紹 ESLint 除錯套件、Jest 單元測試套件、Bootstrap CSS 套件、Webpack 網站打包套件... ★ 加入豐富的小編補充，提示你可用的 TypeScript 新功能、VS Code 編輯器套件等 ★ 搭配現今最熱門前端框架 Angular、React 及 Vue.js 來打造網站，徹底整合 TypeScript 的威力 ★ 建置網站並部署到 Express 伺服器 / Docker 容器上 ★ 所有範例免費下載 ★ 特別附錄電子書：以人氣急速竄升的 Svelte 框架 + TypeScript 實作本書範例網站！
Illustrator超完美入門(暢銷第二版)【CC適用】
★★★★★銷售TOP 1，日本壓倒性高評價！★★★★★ 榮登台灣與日本各大網路書店暢銷榜 世界最簡單、詳盡全面的入門書最新版 從零開始徹底學習！從基礎操作到實務運用， 徹底網羅必備技巧，一本超實用的Illustrator學習聖經！ Illustrator CC適用/Windows Mac適用 來自「人氣設計師」的129堂必修課！ 本書從基礎開始，逐一解說Illustrator的各項功能、 使用方法及設計方式，規劃「從做中學」的完美課程， 扎實學會Illustrator必備功能與應用。 ----------------------------------------- 首次接觸Illustrator者，可從第1章開始依序閱讀， 內容設計由淺入深，培養出正確的使用方式與應用技能。 如果是原本就有Illustrator基礎的設計人， 本書將成為你手邊超好用的工具書，內容依應用分類， 可依目的迅速查詢所需技巧，隨時融入你的設計之中。 【本書特色】 ‧用5分鐘學會Illustrator基礎知識 ‧掌握一開始就該記住的基本操作功能 ‧從基本圖形的畫法開始學起，達成隨心所欲地描繪插畫的第一步 ‧精通Illustrator必備「路徑」基本知識與重要工具 ‧了解物件的編輯與圖層的知識，學習組合、合成製作出完整圖稿的技巧 ‧熟悉顏色與漸層的設定，打造精采的影像 ‧運用變形、合成與特殊效果，充分活用Illustrator的功能 ‧學會影像的置入與編輯，在設計上就能擴大發揮的空間 ‧學習文字操作與段落設定，作為裝飾運用或圖像解說的基本元素 ‧經由綜合練習，學會如何搭配運用多種功能進行實務設計 ‧打造提升操作便利性與作業效率的環境設定和檔案輸出
前端框架 Svelte 上手指南：從基本介紹到 UI 實戰與測試(iT邦幫忙鐵人賽系列書)
台灣第一本關於 Svelte 前端框架介紹專書 本書內容改編自第12屆iT邦幫忙鐵人賽影片教學組佳作系列文章──《前端框架新選擇 - 30天 從 0 到 1 學 Svelte》。Svelte是近幾年討論熱度相當高的前端框架，本書將鐵人賽的影片內容精煉改寫為文字內容，從基礎 Svelte 語法與功能介紹開始，循序漸進學習 Svelte 並且應用在前端常見的 UI 互動上。除了 Svelte 本身之外，本書也會透過 Svelte 切入現代前端開發需要注意的事情，讓開發者學習框架之外也能夠一起掌握現代前端所要具備的概念。 內容重點 ■ 從功能介紹到部署 從 Svelte 基本功能介紹開始，本書會搭配自身開發經驗，講述 Svelte 各個功能實作時應注意的重點，並舉例說明常見誤區。除此之外本書還會教您如何設定環境、使用線上編輯器分享程式碼、部署，打造完整的 Svelte 開發環境。 ■ 活用 Svelte 功能打造常見UI元件 不只介紹 Svelte 的功能，在 UI 實戰篇中有詳細的範例與大量程式碼展示，教你活用 Svelte 打造易於維護且互動性高的 UI。 ■ 撰寫測試使程式碼更穩固 從單元測試、整合測試到端對端測試，本書會實際針對UI元件分析使用場景到實際撰寫測試，讓讀者不僅掌握工具，也能夠對測試有更深入的理解。 ■ 解析 Svelte 生成程式碼 Svelte 能將元件程式碼編譯為 JavaScript 程式碼，進而減少運行時期的負擔。本書將會解析 Svelte 的生成程式碼並對其原理做講解，讓讀者對 Svelte 的內部機制有更深入的理解。 本書特色 ☛深入講解 Svelte 基礎與進階功能 ☛搭配 SvelteKit 建構現代網頁專案 ☛搭配實戰 UI 範例活用 Svelte
