原生全端開發：使用Node.js建立最漂亮強大的網站
原生全端開發 - 使用Node.js建立最漂亮強大的網站https://youtu.be/58l8K1fyhHI✴︎ Node.js的基本概念、安裝配置以及模組化管理✴︎ Node.js密切相關的JavaScript基礎知識✴︎ 後端Node.js到前端Vue框架完整的全端開發流程✴︎ MySQL、Redis多種資料庫串接✴︎ Express、Koa和Egg三大框架，路由設計、中介軟體撰寫和RESTful開發✴︎ Node.js+MySQL+Vue者開發完整的商業級專案
HTML5、CSS3、JavaScript、jQuery、Vue.js、RWD網頁設計(第八版)
全彩印刷、內容持續進化、網羅最新技術、最新語法、最多範例 經典暢銷書全新改版，快速學會網頁設計的關鍵技術！有了本書，讓你一次學會網頁設計的關鍵技術： *使用HTML5的元素和各種表單輸入類型，讓網頁的結構條理分明。 *使用CSS3的Box Model、定位方式、彈性版面(Flexbox Layout)、格線版面(Grid Layout)，以及色彩、字型、文字、清單、背景、漸層、表格、版面設計、變形、轉場、媒體查詢等屬性，以根據PC或行動裝置的特徵設計網頁。 *使用JavaScript的基本語法和瀏覽器端的技術，讓靜態網頁具有動態效果，包括文件物件模型 (DOM)、瀏覽器物件模型 (BOM)、事件處理等。 *使用jQuery的基本語法、事件、特效和常用函式，讓操作HTML文件、選擇HTML元素、處理事件、建立特效動畫等動作變得更簡單。 *使用Vue.js提供的API進行資料繫結及操作網頁上的元素，解決畫面顯示與資料狀態同步的問題。Vue.js是近年來相當熱門的前端框架，簡單易學、容易導入並具有高度的擴充性。 *使用響應式網頁設計 (RWD，Responsive Web Design) 根據瀏覽器環境自動調整網頁的版面配置，讓網頁完整呈現在PC、平板、手機等裝置，達到One Web One URL (一網站一網址) 的目標。
UX策略|設計創新數位解決方案的產品策略心法 第二版
「若想改善你的數位設計工具包，或想了解更多設計實務工作中的策略方法，那麼這本書絕對適合你。」 —Phil Clevenger Adobe，資深UX設計總監 「Jaime示範了如何將深度的研究轉成能讓真實場域中的真實團隊實際運用的產品策略。」 —Indi Young 《Mental Models》與《Practical Empathy》作者 使用者經驗(UX)策略是UX設計和商業策略的交會點，但截至今日，還沒有人提出一套易用的執行方法。這本實用的工具指南提供了輕量的產品策略工具和方法，協助你與團隊設計出人們真正渴望的創新數位解決方案。 作者Jaime Levy為UX/UI設計師、產品經理、創業家和有抱負的策略師示範了許多深入淺出的方法，讓你可以立即應用在實務專案上。書中的商業案例、歷史脈絡能帶給你寶貴的觀點。第二版收錄新的業界實例、更新的方法、以及關於質化線上使用者研究的新章節。 ‧透過暫時人物誌(Provisional Personas)和顧客探索方法來定義、驗證目標族群 ‧透過競品研究和分析來探索市場機會點 ‧運用聚焦商業模式的快速原型進行測試 ‧進行線上使用者研究，無論預算多少都能快速獲得寶貴的洞見 ‧進行線上廣告和登陸頁面活動來測試商業構想，並驗證行銷管道
HTML5.CSS3 最強圖解實戰講座 【第二版】
語法再怎麼熟, 欠缺網頁製作流程 knowhow, 永遠只能做出陽春範例！許多網頁設計新手初學 HTML 跟 CSS 時, 經常不斷在基礎語法上打轉, 卻始終對「如何製作出一個完整網頁」還是一知半解, 結果就是只能作出零碎、陽春的範例..., 那不叫網頁, 只是練習完產生的 HTML 檔啦！學 HTML+CSS 的目的是什麼？當然是想「做出網頁」啊！這麼單純而重要的需求, 很多書卻都忽略掉了！為了解決初學者的困境, 本書將從實務的網頁製作流程著手, 【完整示範如何將一個純文字內容 Step by Step 製作成精緻的網頁】, 您可從中掌握各種網頁製作 knowhow, 包括網頁架構的規劃、各種標籤/選擇器的使用時機、版面 Layout 如何設計、以及最讓新手頭腦打結的 border / padding/ margin 數值計算......等。而這樣的教學方式在本書初版上市以來就深受讀者好評推薦：「市面上太多本 HTML + CSS 的書與現實脫節, 本書完整將網頁的撰寫流程向大家交代。」「作者把做一個網頁的架構技術, 很流暢地介紹出來, 降低剛開始寫網頁的混亂感。」秉持相同的概念, 續作【第二版】則增加了更方便的網頁版面設計技巧 -【CSS flexbox】的介紹, 此外, 對現今網頁製作者來說絕對無法迴避的【行動版 / RWD 網頁】, 也有 Step by Step 的製作說明。書中精心設計了各種示意圖幫助您了解重要概念, 再也不怕學不會, 能夠讓您迅速成為網頁設計的即戰力！本書特色: ‧陽春範例退散！從零開始教你設計精緻網頁純文字 → HTML 作標記 → CSS 設樣式 → 精緻網頁, Step by Step 超詳盡示範實作流程！‧超豐富示意圖解說入門觀念, 想不會都不行！‧用 HTML 正確標記標題、段落、section / div / span 等區塊‧id、class名稱、網頁圖檔的命名規則‧用 CSS3 逐步設計背景、頁首、導航選單、側邊欄、頁尾、內容區塊‧豐富圖解熟悉 border / padding/ margin, 頭腦不再打結‧製作多欄式版面‧網路字型、圖示字型的使用【第二版】特別強打內容：‧CSS 版面設計的主流手法 - flexbox ‧行動版網頁 / RWD 網頁的設計技巧
HTML5、CSS3、JavaScript、jQuery、jQuery UI、Ajax、RWD網頁程式設計(第七版)
全彩印刷，對學習網頁設計極有幫助！ 經典暢銷書全新改版，快速學會網頁程式設計的關鍵技術！有了本書，讓您一次學會網頁程式設計的關鍵技術： *HTML5的元素和各種表單輸入類型，讓網頁的結構條理分明。 *CSS3的Box Model、定位方式，以及色彩、字型、文字、清單、背景、漸層、表格、陰影、邊界、留白、框線、變形、轉場與媒體查詢等屬性，以根據PC或行動裝置的特徵設計網頁。 *JavaScript的核心語法和瀏覽器端的應用，讓靜態網頁具有動態效果，包括DOM、window物件、標準內建物件、環境物件、document物件、element物件、錯誤處理、事件處理、JavaScript程式範例等。 *jQuery的核心語法、事件、特效和常用函式，讓網頁設計更快速便利。 *jQuery UI的常用元件和佈景主題，讓網頁設計更專業美觀。 *Ajax動態網頁技術在背景非同步下載更新的資料，例如伺服器端的資料或氣象、就業、觀光等網際網路上的開放資料，包括普遍使用的JSON格式。 *響應式網頁設計 (RWD，Responsive Web Design) 根據瀏覽器環境自動調整網頁的版面配置，讓網頁完整呈現在PC、平板、手機等裝置。
React Native 學習手冊 第二版
使用JavaScript建立原生移動裝置app “對於想擴展到原生開發的React工作者，《React Native學習手冊》是你必讀的一本書。所有建立可量產的原生應用程式所需的知識，Eisenmen都在本書中仔細道盡。 —Ryan Hurley Twitter, Full Stack Web Developer 本書以實務的方法介紹React Native。React Native是一個JavaScript framework，用於撰寫和發布完整功能的原生移動裝置應用程式(app)。這本實用指南的第二版，不止說明如何在瀏覽器上開發應用程式，進而向你展示如何在iOS、Android和其它移動平台上進行應用程式的建置。這些應用程式能夠存取平台所提供的相機、使用者位置以及本機儲存等功能。 透過程式碼範例及一步步的說明，已熟悉React的網頁及前端開發工程師將會學到如何建立介面及設定介面樣式、使用移動裝置元件以及除錯與發布app。你會學到如何利用第三方函式庫或你自己的Java及Objective-C函式庫來擴展React Native。 ‧理解React Native底層如何使用Native UI元件 ‧查看React Native元件和基本HTML元件的對照 ‧建立你自有的React Native元件和應用程式，並設其樣式 ‧使用平台特有的API，借助社群已開發模組 ‧將不同平台的元件整合到跨平台應用程式 ‧學習React Native開發過程中常見的陷阱，並使用工具對付它們 ‧將大型應用程式會用到的多個獨立畫面整合成緊密的使用者經驗 ‧在大型應用程式中用Redux函式庫處理狀態管理
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的專業團隊，實務經驗豐富，從經驗出發，融入書中情境，還提供實做範例，讓你融會貫通，不再紙上談兵。
UX商業價值實現之道｜打造成功的數位產品服務
內容簡介:「如果你身為設計師，卻對業務、行銷或產品團隊在某些情況下的作法感到困惑，那麼這本書就是為你而寫的。Joel Marsh清晰地說明了各類型企業（交易平台、社群網路、B2B公司等）的關鍵價值驅動因素，幫助設計師了解利害關係人的需求，以及如何帶來更大的影響力。」 —— Ellen Chisa, boldstart ventures 「使用者經驗設計主要關注使用者需求，但這只是整個過程的一部分，也應該與商業策略相結合，才能為公司創造價值。本書絕對是這個領域的必讀之作，因為我們不能再忽視UX與商業需求銜接的重要性了。」 —— Kévin Meunier, Offinite執行長 許多設計師驚訝地發現，設計工作的重點並不只是畫圖，而是要知道該畫什麼，以及如何說服他人去實現。不論你是身兼數職的一人設計團隊，或是位屬公司決策圈的C字輩產品負責人，《UX商業價值實現之道》都是你設計真實世界商業活動中的必備指南。 你不僅會學習到如何像專業人士一樣思考設計，也會了解設計如何為整個公司帶來變革。探索從電子商務到生態系統的數位產品和服務設計原則： •確認有價值的問題並系統性提出解法 •在沒有時間或金錢的奢侈條件下進行研究 •將設計與商業模式對焦以增加收入 •說服並理解不同的利害關係人 •避免無意中毀掉你的公司（這總是件好事）
Browser Web API 攻略大全：從開箱即用的實作範例開始，逐步掌握開發技巧（iThome鐵人賽系列書）
本書特色 ✦ 實戰專案範例 從拆解需求到做出可執行的完整作品 ✦ 圖解串接流程 圖解教學一看就懂新手也能輕鬆上手 ✦ 主流兼容對策 搞定瀏覽器兼容跨平台體驗一致 ✦ 開發最佳實務 傳授開發最佳實踐高效避坑不踩雷 本書以「一個Browser Web API 即一個主題」的模組化架構呈現，依照需求即翻即用。每章均包含核心概念、瀏覽器支援、常見錯誤、替代方案與完整實作，並附進階優化技巧，兼顧新手入門與資深開發者的深入探索。 深入探討 Browser Web API 的最佳實踐快速將學到的技能應用到實際開發中本書內容改編自第 16 屆 iThome 鐵人賽JavaScript 組冠軍系列文章《可愛又迷人的 Web API》。作者整合比賽期間累積的範例與心得，以「一個 Browser Web API 即一個主題」的模組化架構呈現，讓讀者不用按照章節閱讀，能依需求即翻即用。每章均包含核心概念、瀏覽器支援、常見錯誤、替代方案與完整實作，並附進階優化技巧，兼顧新手入門與資深開發者的深入探索。本書收錄的 Browser Web API，涵蓋地理定位、語音輸入輸出、背景計算、離線資料庫、動畫與性能監測等多元領域。透過範例程式碼、實戰情境與效能調校，讀者可快速將功能落地至專案，同時學會權限、安全與跨瀏覽器相容要點。書中也設計了「一分鐘概覽」與「踩雷區（Tips）」欄位，讓你在零碎時間也能迅速掌握精華，遠離常見陷阱。書中也幫大家整理所有的 Browser Web API（包含正式發佈與實驗中版本），幫助各位快速了解它們的特色，並能定位所需的工具。若你正在尋找一部能兼具速查手冊與系統化學習路徑的中文 Browser Web API 指南，本書將成為你工作桌旁不可或缺的最佳夥伴，助你在競爭激烈的前端領域快一步升級。目標讀者● 對 JavaScript 有基礎認知，想知道 Browser Web API 能做到哪些運用的前端工程師● 想深入瞭解 Browser Web API，並希望能實作在專案上的前端工程師
想要 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 鐵人賽評審
JavaScript 重修就好
https://youtu.be/ptXL1_XmjjM這不是一本給初學者的JavaScript教科書。相反地，它是寫給那些已經學過JavaScript卻依然感到卡關，對某些觀念依然模糊的開發者。就像大學課程一樣，或許都是死背答案，考試時題目一變就被當掉了。這時該怎麼辦呢？重修就好。那為什麼要再學一次呢？因為我相信許多人第一次都沒有真的把這些觀念學進去，只是為了應付面試而已，面試結束就忘了。這也合理，因為許多地方都是教你這些知識，卻沒告訴你要用在哪裡。這本書共分成了五個章節，分別是：1. 從重新認識JavaScript開始2. 重要與不重要的資料型別3. 物件與有趣的prototype4. 從scope、closure以及this談底層運作5. 理解非同步每個章節都對應到了一些令初學者很頭痛的話題，而你至少可以找到底下疑問的解答：1. 知道this是什麼要幹嘛？2. 知道[]+{}的結果是重要的嗎？3. Closure到底可以用在哪裡？4. Prototype chain好複雜，為什麼又是prototype又是__proto__？5. 理解Event loop中的microtask可以幹嘛？6. Call by value、call by reference還是call by sharing，重要嗎？7. 我怎麼知道自己學習的東西是不是對的？8. 我學這些知識在實際開發中到底有什麼用？本書不教你死背知識，而是給你一個合理的學習理由，並且藉由實際的案例來帶入這些知識，告訴你為什麼要學習，在開發時又會用在哪裡。有些人會說「以後AI要取代軟體工程師了，還需要學這些嗎？」，如果你現在就打算轉行，那確實不需要了。但我相信AI無法完全取代，還是要有人負責debug跟確認AI寫的東西，並負起責任。當僧多粥少時，誰的硬實力比較強，就有越多的優勢，而這就是在AI時代下繼續學習的理由。在《JavaScript重修就好》這本書中，會秉持著重修的精神，相同的語法、相同的知識，但是為讀者帶來嶄新的體驗，並且發現這些知識背後的關聯以及學習的美好之處。我們會逐個擊破那些JavaScript中的重要概念，更進一步去理解它的原理以及特別之處，還有在實際開發上的應用。
極速全端開發 - Vue.js ＋ Express.js建構全能美觀應用
https://youtu.be/-xxh_r9UT4A►涵蓋從資料設計到前後端整合的完整專案流程►詳細講解資料庫建構與操作技巧►實作 Node.js 與 Express 框架打造後端 API►運用 Vue.js 建立模組化前端應用►整合 Element Plus、Pinia 與 ECharts 提升開發效率►透過 Multer、Axios 與 hooks 實現使用者與產品管理►學習 API 文件工具與測試工具應用►從零部署專案至伺服器，實現完整上線流程►介紹 Git 與 Sourcetree 視覺化版本控制►完整解析模組設計與企業級權限劃分【書籍內容】本書完整記錄一個從無到有的資訊系統開發流程，橫跨資料庫設計、後端 API 實作與前端模組開發，並涵蓋專案部署與管理。從資料模型建立到產品模組開發，逐步說明實務操作細節。後端以 Node.js 與 Express 為核心，輔以 Postman 測試與 Multer 圖片上傳技術。前端則採用 Vue.js 框架，搭配 Element Plus 與 Pinia 進行模組化開發，並結合 ECharts 實作視覺化圖表。透過 Axios 封裝 API 串接介面，實現使用者與產品模組的完整操作。系統部署部分則介紹伺服器購買、域名設定、SSL 配置與寶塔面板使用方式，讓讀者掌握專案從開發到上線的每個環節。適合大專院校課程規劃、專題製作及實務導向的自學開發者參考。
使用者體驗法則 第二版∣運用心理學原則設計更好的產品與服務
內容簡介:🏆國內外業界專家撰文推薦 ．台灣互動設計協會（IxDA Taiwan）常務理事、台灣使用者經驗設計協會（UXTW）理事／Max Chen ．悠識數位顧問、用戶體驗策略教練暨創辦人／蔡明哲Richard ．Tungsten CEO／Chris Desjardins 🏆 Amazone暢銷金榜 🏆 原書翻譯12國語言 在資訊爆炸、設計變化快速的時代裡，懂得善用心理學的設計師，才真正掌握了與使用者溝通的密碼。 《使用者體驗法則》不只是一本解說UX心理學原則的工具書，更是一場跨越學理與實務的設計美學巡禮。作者Jon Yablonski以精準、優雅且具高度實用性的方式，整理了10項設計師必懂的心理學法則。不說教、極易懂，而且句句直擊UX核心，讓每一位設計師都能在實作過程中找到靈感與依據。 無論你是UI／UX設計師、產品設計師，還是對體驗設計充滿熱情的開發者，《使用者體驗法則》都能讓你的靈感直擊使用的的心。 ------------------------------------------------------------- 「《使用者體驗法則》是一本極具價值的資源，不論是對剛踏入使用者體驗領域的新手，還是資深的設計專業人士都適用。這本書鼓勵設計工作者們深入探究為什麼要這樣設計的「原因」，而不僅僅是復刻現有的設計模式。」 - Chris Desjardins，Tungsten CEO 對使用者體驗設計師而言，了解心理學或許是最有價值的非設計技能之一，特別是使用者行為及其與數位介面互動的心理學。如果不是遵循人類感知和處理周圍世界的「認知藍圖」，至是一昧地強迫使用者適應非人性化的設計，再精緻優雅的設計，最終也可能會失敗。 在這本新版中，你將學習如何運用關鍵的心理學原則，來打造更以人為本、更直觀的產品與體驗。作者Jon Yablonski解構了常見的應用程式和使用者體驗，為UX設計師提供了清晰的範例，說明如何設計出符合人類感知和處理程序的數位介面。 你將學習到： ．心理學如何與新科技（例如AI和空間運算技術）產生關聯 ．UX設計師最實用的心理學原則。 ．這些心理學原則與 UX 啟發式設計之間的關聯。 ．學習可預測的心理模型技巧，費茲法則、雅各布法則及希克法則。 ．探討在設計中運用心理學的道德影響。 ．在設計流程中應用心理學原則的實用框架。 這個更新版深入探討了支配書中所討論原則的基礎心理學概念，並附有UX方法和技術。範例也已更新，以確保所分析的應用程式和體驗仍具熟悉感和相關性。
HTML5 Application Development HTML5 應用程式開發核心能力國際認證應考攻略
內容簡介:Information Technology Specialist（ITS）是由Pearson VUE／Certiport推出符合產業趨勢的資訊科技認證，涵蓋IT資訊技術、資料庫、軟體研發、新興科技四大領域，透過ITS各項認證指標訓練，可驗證考生是否確實掌握業界所需與具備雇主所需的 IT 技能，幫助考生為未來職涯做好準備。 本書整理了ITS HTML5應用程式開發 認證考科綱要所涵蓋的資訊技術與電腦技能，考生可透過精進學習本書各章節重點內容，迅速掌握應考方向。
單元測試的藝術∣以 JavaScript 為例
內容簡介:「本書是我們的測試經典。JavaScript社群何其幸運，因為這本書改用我們喜愛的語言。」 —Yoni Goldberg，Node.js 測試顧問，Node.js Best Practices 的作者 「這是一本測試名著！」 —Jaume Lopez，Institut Guttmann 「這本書教你測試哲學，以及單元測試的實作細節。」 —Matteo Gildone Springer Nature 「本書對於測試的對象、時機，以及如何做好測試提出適當的見解。」 —Rich Yonts，Teradata 單元測試的藝術並非只有掌握正確的工具和實踐方法而已，也包含瞭解優秀測試的運作原理、為每一個獨特的情況找出正確的策略，以及在測試過程一團亂時知道該怎麼做。本書提供的觀點和建議將改變你測試軟體的方式。 《單元測試的藝術》第三版將教你寫出容易閱讀與維護的測試，不僅介紹測試的基本寫法，也深入探討範圍擴及整個組織的測試策略、問題排除、處理遺留碼（legacy code）和「冷酷」重構。你會愛上這些實際的範例和熟悉的情境，它們將讓你在閱讀的過程中彷彿親臨測試現場。這本第三版增加適用於物件導向、泛函設計，和模組化風格的技術。書中的範例使用 JavaScript。 本書主題包括： •決定測試類型和策略 •測試的進入點&退出點 •重構遺留碼 •fake、stub、mock 物件，與分隔框架 •物件導向、泛函，與模組化測試風格 書中的範例使用 JavaScript、TypeScript 與 Node.js。
圖解資料結構：使用JavaScript(暢銷回饋版)
JavaScript 是這幾年快速竄紅的程式語言，但市面上以 JavaScript 來實作資料結構理論的書籍較為缺乏，本書是以 JavaScript 程式語言實作來解說資料結構概念的入門書，內容淺顯易懂，每章重要理論均有範例實作，書中演算法儘量不以虛擬碼來說明，而以 JavaScript 語言來展現，並附有完整的範例程式下載來依照學習進度練習。學習資料結構就看這一本，暢銷回饋中！JavaScript 是這幾年快速竄紅的程式語言，但市面上以 JavaScript 來實作資料結構理論的書籍較為缺乏，本書是以 JavaScript 程式語言實作來解說資料結構概念的入門書，內容淺顯易懂，藉由豐富的圖例來闡述基本概念及應用，並將重要理論、演算法做最詳實的詮釋及列舉，引領讀者集中焦點進入資料結構的學習領域。每章重要理論均有範例實作，書中的演算法儘量不以虛擬碼來說明，而以 JavaScript 語言來展現，並附有完整的範例程式下載，讀者可以依照學習進度作練習，除此之外，還有配合各章教學內容的練習題目，讓讀者測試自己的學習成果。附錄更提供「開發環境與 JavaScript 快速入門」，及資料結構使用 JavaScript 程式除錯經驗分享，相信能讓您對這門基礎學問有更深更完整的認識。【本書特色】◎內容架構完整，邏輯清楚，採用豐富的圖例來闡述基本觀念及應用，有效提高可讀性。◎以JavaScript 語言實作資料結構中的重要理論，以範例程式說明資料結構的內涵。◎強調做中學，提供書中範例完整程式檔，給予最完整的支援，加深學習的記憶。◎JavaScript 程式除錯經驗分享，收集各種錯誤訊息的解決建議。
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&陰影★帆船與海
再上一層樓：用NestJS快速建構高效可擴充伺服器應用
https://youtu.be/qn0Q0_qehew ★原生Node與Express的請求差異解析★TypeScript類型檢查與編譯實用技巧★使用Nest CLI快速建立專案★IoC與AOP在Nest中的實際應用★裝飾器在控制器與模組中的運用★控制器與服務間的協作方式解析★中介軟體的分類與使用場景★攔截器結合RxJS處理資料流★TypeORM進行資料庫關係操作示例★Redis快取在資料效能中的應用★JWT實現登入與授權控制方法★Docker與Compose快速部署專案★單元測試與整合測試的重要性★日誌記錄與錯誤管理的實踐方法本書全面介紹了Nest框架的基礎與進階應用，適合各層次的開發者學習。從Node.js到Express與Nest的比較，清晰講解了後端開發的核心技能。以TypeScript為基礎，詳述類型系統與編譯流程，幫助讀者掌握扎實的技術基礎。全面介紹了Nest框架的基礎與進階應用，從概念到實戰，內容深入且實用。基礎篇：講解Node.js請求與回應處理，並比較原生Node、Express與Nest的差異，同時介紹TypeScript的類型系統與編譯基礎，為開發奠定扎實基礎。Nest初識部分從框架特點到CLI工具，指導讀者快速建立第一個模組化應用，並探討AOP與IoC的應用價值。核心章節深入解析裝飾器、模組化設計、控制器與服務的協作，以及中介軟體與攔截器的使用，幫助讀者全面掌握框架的設計理念。進階篇：涵蓋資料庫與TypeORM整合、多表關係操作，以及Redis快取技術在效能提升中的實踐。身份驗證部分講解JWT與RBAC的應用，展示安全控制的最佳實踐。系統部署章節介紹Docker與Compose工具，幫助高效完成容器化部署。擴充篇：說明了單元測試及日誌錯誤處理。實戰篇：以數位門店平臺開發為例，展示從需求分析到專案部署的完整流程。
html/css/javascript與前端框架的完美結合：使用bootstrap與pwa技術，新手從這開始！(好評回饋版)
|重點特色| ✰以淺顯易懂的方式快速了解前端開發的觀念及技術。 ✰熟悉網站原型(prototyping)並善用網路工具與資源加以實作。 ✰循序漸進介紹Web前端三大核心技術：HTML、CSS及JavaScript。 ✰活用前端框架Bootstrap技術以及工具模組，建構RWD網站。 ✰使用Progressive Web Application(PWA)技術，逐步將網站優化為Web APP。 精采內容不容錯過，好評回饋中！！ 本書共分三大單元，第一單元為前端開發觀念及HTML+CSS基礎到進階教學；第二單元安排JavaScript基礎的語法以及Web資料庫的應用；第三單元介紹前端框架工具，包括Bootstrap與PWA。各章節除了實用的範例之外，在每一單元也安排了整合練習，讓讀者能加強學習並驗收學習成果，累積實作經驗，適合自修與教學使用。 精采內容不容錯過，好評回饋中！！掌握HTML/CSS/JavaScript技巧，搭配高效前端框架技術，輕鬆成為專業網頁設計師以淺顯易懂的方式從設計網站開始談起，從網站建置的過程、設計網站原型(prototyping)的工具以及取得各式網路資源，再循序漸進介紹Web前端三大核心技術：HTML、CSS及JavaScript，並加入前端框架Bootstrap技術，加上書中介紹好用的配色工具，就算沒有美工基礎，藉由Bootstrap工具模組以及配色表，也能快速建構出專業美觀的RWD網站。本書也安排了Progressive Web Application(PWA)技術，手把手教您逐步將網站優化為Web APP，讓網站能像Native App在手機等行動裝置建立桌面捷徑，瀏覽網頁時具有操作Native App相似的感受。本書共分三大單元，第一單元為前端開發觀念及HTML+CSS基礎到進階教學；第二單元安排JavaScript基礎的語法以及Web資料庫的應用；第三單元介紹前端框架工具，包括Bootstrap與PWA。各章節除了實用的範例之外，在每一單元也安排了整合練習，讓讀者能加強學習並驗收學習成果，累積實作經驗，適合自修與教學使用。|適用對象|✰對前端技術有興趣卻不知從何入門的初學者✰前端開發技術相關從業人員✰大專院校網站設計相關課程教材
圖說演算法：使用javascript【暢銷回饋版】
為了讓讀者能以容易理解的方式吸收演算法與基礎資料結構的相關知識，全書使用簡明的圖例介紹最常用演算法的概念，包括：分治法、遞迴法、貪心法、動態規劃法、疊代法、枚舉法、回溯法，並實作許多經典案例，如：字串反轉（String Reversal）、迴文（Palindrome）、整數反轉（Integer Reversal）、判斷兩字是否相同（Anagrams）、金字塔圖形外觀（Pyramid）…等等。同時應用不同演算法延伸出重要資料結構，例如：陣列、鏈結串列、堆疊、佇列、樹狀結構、排序、搜尋、雜湊…等搭配這幾年快速竄紅的JavaScript程式語言舉例實作，是您入門演算法的最佳首選。 本書特色 ✔演算法最佳首選：配合實作程式碼，將各種演算法應用在程式設計的領域 ✔強化程式設計邏輯：豐富圖例闡述基礎，將演算法做最簡明的詮釋及舉例 ✔完善科學領域議題：加入實戰安全性演算法與人工智慧的相關演算法 ✔驗收學習成果：設計難易適中的習題，並參閱國家考試題型，提供進一步演練 暢銷回饋中！零負擔理解演算法設計技巧零程式基礎也能快速上手採網頁前端開發工具JavaScript實作程式一本輕量級演算法，是您獲得程式設計新技能，提升自我價值的最好投資當「寫程式」納入必修課程的重要趨勢下，APP開發或網頁程式設計已是大部份學生或社會人士必須具備的基礎能力。演算法是用來培養程式設計邏輯的基礎理論，也是有志從事資訊工作的專業人員，不得不重視的一門基礎課程。為了讓讀者能以容易理解的方式吸收演算法與基礎資料結構的相關知識，全書使用簡明的圖例介紹最常用演算法的概念，包括：分治法、遞迴法、貪心法、動態規劃法、疊代法、枚舉法、回溯法，並實作許多經典案例，如：字串反轉（String Reversal）、迴文（Palindrome）、整數反轉（Integer Reversal）、判斷兩字是否相同（Anagrams）、金字塔圖形外觀（Pyramid）…等等。同時應用不同演算法延伸出重要資料結構，例如：陣列、鏈結串列、堆疊、佇列、樹狀結構、排序、搜尋、雜湊…等，搭配這幾年快速竄紅的JavaScript程式語言舉例實作，是您入門演算法的最佳首選。
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 個法則，能幫助你搞懂使用者在想什麼、人和介面互動時可能會有什麼反應，這已經是各領域的設計師、產品製造者必備的知識。除此之外，即使是毫無設計背景的人，例如需要發案的業主，或是對設計有興趣的一般大眾，也能透過閱讀這些有趣的設計案例，輕鬆學到許多關於設計的創意解決方案。
chatgpt x javascript精選15堂課：輕鬆學會網頁程式設計實作【暢銷回饋版】
◖本書特色◗♦ 掌握ChatGPT提問技巧，精準引導，獲得符合期望的解答。♦ JavaScript多年蟬聯GitHub熱門程式語言排行榜冠軍，學習程式首選技術。♦ 涵蓋WEB/APP前端開發三大必學技術：JavaScript(ES6)+HTML5+CSS3。♦ 以淺顯易懂的教學與範例，培養程式素養，唯有觀念清楚，才能靈活運用，零基礎也能輕鬆上手。♦ 撰寫適合自己的Web應用程式，也能讀懂他人所寫的程式碼，不管是開發、Debug(除錯)或改版維護都能從容以對。◖本書內容◗這本實用的書籍介紹大量ES6+語法。每一堂課都以循序漸進的方式規劃明確且直覺的主題，以淺顯易懂的方式讓您理解艱澀難懂的關鍵概念，例如瀏覽器與JS引擎的運作模式、DOM、CSSOM、RegExp、物件導向、作用域、迭代、閉包、原型鏈、解構賦值、事件循環與非同步等重要觀念。透過範例實作，加強更多的程式實戰經驗。本書的目標不僅是培養您的JavaScript程式素養，還教授如何與HTML5、CSS3搭配活用。即使零基礎的初學者，也能夠充分掌握JavaScript的語法和概念。◖課程目標◗◉ 清楚了解瀏覽器及JS引擎的運作模式◉ 熟悉JS語法與瀏覽器console除錯技巧◉ 掌握變數作用域、迭代、物件導向與非同步等關鍵技術◉ 能夠利用RegExp物件做數據的精準搜尋◉ 學會使用JS操作HTML DOM、CSS及Web Storage◖適用讀者◗◉ JavaScript 開發者或初學者◉ 網頁程式設計相關從業人員◉ 大專院校網頁程式設計相關系所的師生
Vue開發者升級指南-Nuxt3 入門：打造 SSR 專案
Vue開發者升級指南-Nuxt3 入門：打造 SSR 專案✦SSR X SPA 提升網站的SEO效能✦以淺顯易懂的教學探索Nuxt3應用✦圖文並茂的範例說明✦整合Nuxt3全端功能，打造高效能網站
React求職特訓營：精選30道實戰決勝題×轉職Q&A無痛提升你的前端面試力(iThome鐵人賽系列書)
兼具React核心主題與實戰面試的前端技術指南React理論與實戰兩者兼具，邁向專業工程師成長之路讓你告別似懂非懂的開發困境，提升你的專業實力【專業推薦】「這是一本相對進階的書籍，適合具有一定React實戰經驗的開發者閱讀。書中深入探討了React的狀態管理、副作用處理以及效能優化等主題，非常實用。如果你已經累積了一些實戰經驗，書中的豐富案例分析與程式碼範例，將讓你在閱讀過程中充滿驚喜與啟發。這些範例不僅幫助讀者加深理解，更能為日常開發意外產生的一些小Bug，提供具體的查找方向。」─ 劉艾霖，iThome鐵人賽評審「本書不僅深入剖析了初學者在學習React時常遇到的問題，並提供了清晰、完整的解決方案。更令人驚喜的是，Danny還在書中分享了他多年累積的求職Q&A和職涯經驗，幫助轉職者從更高的視角審視自己的選擇，為未來的職涯規劃奠定基礎。」─ Justin，資深前端工程師「書中的React內容聚焦於工作中最常遇到的實務需求，包含狀態管理、副作用、性能優化等重點，無論是在職開發者還是新手，這些主題都能有所收獲。書中還加入了許多程式碼範例，讀者可以隨書練習、動手做。本書適合正為求職而努力、學習React的初學者，想以React為核心框架的開發者，或是希望挑戰自己React熟練度的實務開發者，無論在哪個階段，都能在本書中找到寶貴的收穫。」─ Kai，前端工程師「本書不是教你怎麼學React，跟一般坊間的教學書不同，內容偏向舉出許多實戰中常見的情境，情境都不難，但往往是新手剛接觸時很容易犯錯、搞不清楚的地方。從大量實例帶到背後對應的核心觀念，大力推薦給所有剛學習完React的工程師或是學習React一段時間的Junior工程師閱讀，相信從中一定會有不少收穫。」─ Evan，前端工程師【內容簡介】♔ 由淺入深講解：一步步了解重要核心概念♔ 實作導向切入：透過實際範例來驗證你的理解♔ 前端心法補給：提供額外的詳細補充前端知識點♔ 求職祕訣分享：分享真實面試題與求職情境處理本書內容改編自第15屆iThome鐵人賽Modern Web組的冠軍系列文章《30天React練功坊：攻克常見實務 / 面試問題》，涵蓋狀態管理、Hooks進階應用、效能優化等React核心主題，透過精心設計的實戰題目，幫你掌握最佳解決方案，從容應對開發難題。本書專為具備React基礎的開發者量身打造，內容聚焦於實際開發中最常見的問題與挑戰，可快速累積實戰能力，並補足關鍵知識點。與市面上其他React相關書籍不同的是，本書的每個章節都著重於實戰練習，透過實際的題目來探討你可能忽略的React核心概念，尤其針對初階開發者在工作與求職過程中最容易遇到的技術問題進行深入解析。無論是想提升實務技能，還是準備面試，本書都將是你不可或缺的實戰指南。【精彩內容】✪理解React中的狀態更新機制及常見陷阱✪掌握如何正確更新陣列與物件狀態✪深入理解批次更新機制與setState的非同步行為✪學習處理條件渲染中的異常行為✪學習如何管理龐大的元件狀態✪掌握Hooks使用的基本規則與注意事項✪理解useState初始值的行為與更新失敗的原因✪正確使用useEffect清理函數，避免記憶體洩漏✪掌握useEffect中資料請求的最佳實踐✪避免useEffect中的競態條件✪深入了解useEffect的執行時機與依賴管理✪使用useLayoutEffect解決UI閃爍問題✪優化useEffect的使用，避免不必要的重複渲染✪理解key在列表渲染中的重要性✪利用React.memo避免不必要的重新渲染✪使用useCallback和useMemo處理函數與物件的記憶化✪掌握useContext在大型應用程式中的使用策略✪優化重新渲染行為與避免UI卡頓✪解構面試題的思路與策略【目標讀者】✪具備JavaScript和React基礎，想提升React實務能力及應對面試挑戰的學習者✪目標成為初階React工程師，準備轉職或首次求職於前端開發的讀者✪現職React開發者，需要進一步掌握高階技術、效能優化及最佳實踐的從業者
流暢的React
掌握React關鍵開發技能，建構高效、直觀的Web應用程式！ 深入探討React的基本概念與優化技術，幫助開發者撰寫高效能的Web應用程式。 「Carl Sagan說曾過，『觀察過去，可以推知未來』。在下認為，Tejas在前端領域透過這本書完美詮釋了這句名言，帶領我們穿梭於React的發展歷程。 他以細膩的方式，深入剖析調和（reconciliation）和Fiber背後的關鍵概念。若要深入瞭解React及其不斷發展的生態系統，此書是必讀之作。」 — Matheus Albuquerque Brasil Web技術領域的Google開發專家 在建構Web使用者介面時，React可透過宣告性抽象化提供出色的開發體驗。這本實用的書籍將帶你深入瞭解這個JavaScript程式庫的基本概念，涵蓋JSX語法和進階模式、虛擬DOM、React調和（reconciliation），以及進階的優化技術。熟悉React的用法可以讓你迅速掌握如何做出更出色的web app。 作者Tejas Kumar以淺顯易懂的文字來帶你深入探索React，同時避開典型的軟體工程術語，幫助你理解這個JavaScript程式庫的底層運作方式。藉著瞭解React，你將學會如何撰寫直觀的React程式碼，並充分理解React的微妙差異和層次，將熟練程度提升至另一個境界。 透過這本書，你將： • 深入理解React的運作原理。 • 在開發React應用程式的進行效能優化。 • 建立能在任意規模下穩健運行的React應用程式。 • 掌握React提供的各種機制及其使用時機，例如reducer、state、ref。
PHP錦囊妙計
💥 錯誤百出的PHP程式碼麥擱來亂 💥 👉 快速識別、解決錯誤，阻絕重用編譯錯誤的PHP程式碼 👉 容易理解與遵循的模式與範例，解決常見問題 👉 遠離錯誤百出的PHP程式碼，提升PHP程式碼品質和你的生活品質 🎯 本書適合網站維護工程師，以及想將轉換技能至PHP最新技術的工程師。 「Eric將他在PHP社群的豐富經驗濃縮成一本易於理解的書。強烈推薦給各種資歷的PHP開發人員！」 —Steve Grunwell Mailchimp資深軟體工程師 如果您是PHP開發人員，正在尋找常見問題的解決方法，本書能提供相關程式碼，幫助讀者解決各種程式設計上的疑難雜症。PHP是一種非常容易使用的程式語言，這也解釋了為什麼當今超過75%的線上網站，仍以PHP作為主要的語言。此外，還對程式錯誤有著令人難以置信的寬容，這使得有問題的程式碼持續被重複使用著。 作者Eric A. Mann透過獨立章節，運用最新的PHP 8.2版本，詳述各種問題與處理對策，協助讀者解決日常工作中所遇到的狀況。本書更深入探討適合所有開發人員遵循的標準模式和規範，以解決PHP的常見問題。透過這些實用技巧，我們將快速辨識並解決複雜的問題，而無需重新發明輪子。 本書作為一本實用指南，將幫助讀者： ‧建立函數和物件，組成更高效率的應用程式。 ‧探索現代PHP的模式系統。 ‧理解加密、錯誤處理、偵錯和效能調整等關鍵概念。 ‧檢查PHP套件/擴充功能的生態系統。 ‧學習如何建立基本的Web網站和命令列應用程式。 ‧安全地處理電腦上的檔案（包含加密檔案和純文字檔案）。
開源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的力量打造專業且具說服力的報告。透過學習書中介紹的各種報告類型和技巧，你不僅能大幅提升寫作效率，更能在職場中展現自己的價值，最終脫離辦公室的束縛，重掌人生主導權。這本書將成為你的得力助手，讓你在報告寫作中遊刃有餘，並幫助你在職場和人生中實現更大的成就。
The Dark Pattern 暗黑模式|欺騙使用者心理與行為的設計
這樣的設計不會失去顧客的信任嗎？ 在歐美嚴格控管的狀態下，暗黑設計模式的實際情況與出路為何？ 「退會方法難以理解」 「被擅自訂閱電子報」 「刺激消費者的倒數計時器」 「沒有期限的清倉庫存大拍賣」…… 這種特意引發使用者需求的設計就是暗黑模式，而濫用此模式的情況越來越多。 本書將從何謂「暗黑模式」開始， 介紹全球嚴格控管暗黑模式的實際情況，具體列出暗黑模式的代表性例子， 同時彙整說明企業和設計師陷入暗黑模式的背景與其預防對策。
簡約的軟體開發思維：用 functional programming 重構程式 - 以 javascript 為例
Functional programming (函數式程式設計) 是一種已有六十年歷史的程式設計範式，為何現在變得越來越重要？這是因為隨著各種連網設備 (如行動裝置) 和雲端服務的普及，多程序透過網路交換訊息已成為常態，因此分散式系統的開發變得至關重要。分散式系統軟體開發的複雜性往往導致開發過程容易陷入混亂，程式碼盤根錯節難以除錯維護與擴展，成為揮之不去卻又不敢動的痛處。而 functional programming 的簡約風格因此受到廣泛關注。這種設計範式強調使用函式來構建應用程式，程式碼清晰又容易維護，亦能解決分散式系統多執行緒的問題。除了專門的函數式語言之外，Python、Java、JavaScript、C#、C++、Go 和 Rust 等知名語言的新版中，也因應趨勢增強了對 functional programming 的支援。只要建立了這種思維方式，你就可以應用在自己的程式語言中。市面上與 functional programming 相關的書籍 (主要為英文書) 通常由學者撰寫，內容偏重理論，而在大型實務專案經驗上顯得不足。這類書中的範例大多過於簡單，未能涉及實際軟體架構問題。與此相反，本書作者擁有二十年在產業界實際運用 functional programming 的經驗，從產業角度出發，旨在幫助那些在軟體工程實踐中遇到困難的工程師重新思考。即使你的目的不是分散式系統，學習 functional programming 的思維都能夠幫助你在撰寫任何程式時想得更周到。由於 functional programming 的特點 — 無 side effects（額外作用）和資料的不可變性 — 使得它非常適用於開發網路程式，在這種環境中，資料一致性和狀態管理是關鍵挑戰。本書透過 concurrency primitives（併發基本工具）實作、繪製時間線圖、分析並解決併發操作中的插緒問題，有效處理狀態變化和 bug，從而構建可靠的分散式系統程式。本書特色:●作者從產業界的視角出發，旨在幫助那些陷入困境的軟體工程師，重新審視並採納 functional programming 程式設計方法。●為了更貼近軟體工程師的實際狀況，書中以廣泛熟知的 JavaScript 語言做示範。雖然 JavaScript 不是最理想的函數式語言，但這一點反而使其成為一個極佳的教學工具，幫助讀者學會如何重構現有的程式碼。●大量使用圖表輔助說明，並對程式碼詳細標註，搭配電商平台技術的劇情以增強閱讀和理解效果。●每章都包括問答練習、重點整理、想想看等互動元素，還有各種實用的提示，以鞏固學習成果並激發深入思考。
Dreamweaver網頁設計輕鬆入門：Dreamweaver CC 2021(第二版)
Dreamweaver是一套整合網頁及網站的開發工具軟體。Dreamweaver 2020版除了增強原有的功能之外，還提供了「Bootstrap 整合增強功能」、「程式碼格式增強功能」，讓使用者擁有便利的開發功能。本書主要分為四部份：網站設計基礎概念篇、基礎篇(文字、圖片、多媒體、表格)、進階篇(CSS 樣式設定、版面物件設計、網路資源)、互動式網頁學習篇(互動式表單製作、BootStrap組件、JQuery Mobile應用、jQuery UI組件應用)等。本書是以初學者的觀點來學習如何從無到有開發網站，正確學習網頁開發的概念。讀者只要透過每章介紹的軟體操作，按照步驟逐一操作，便可輕鬆完成範例。
營養師不開菜單後的 Next.js 全端轉職攻略：從專案規劃、畫面設計、資安到 SEO，挑戰一人 Side Project(iThome鐵人賽系列書)
打造零到一的 Side Project，扭轉前端開發職涯的偉大航道Next.js 讓前端工程師也能獨立開發高完整度的專案！本書內容改編自第15屆 iThome 鐵人賽SideProject30組優選系列文章《營養師不開菜單要用 Next.js 13 寫全端》。本書是專為希望在 Next.js 框架下進行全端開發的讀者所設計的全面指南，不深入探討 Next.js 或其他工具的底層原理，而是聚焦於實際開發中的規劃思維、工具選擇及應用方法。以一個 Link in Bio的專案為範例，從專案簡介與架構概要開始，逐步深入 Next.js 框架的核心功能，教導讀者如何選擇並整合適合的開發套件，並詳細展示前後端開發的關鍵實作，介紹效能優化與部署策略，最後介紹對於網址惡意威脅的防範方法。希望已具備 React 或 Next.js 基礎，並希望更進一步的開發者，可以透過本書了解如何不需要借助其他網頁領域的開發，獨自從零打造一個功能完整的全端應用。重點摘要✦ 創新之旅解析 App Router 的前後端應用✦ 套件挑選技巧分析需求羅列利弊，精確選擇✦ 現代部署實踐容器化與雲端部署，網址安全性檢測✦ 結合營養知識附註營養小知識，增趣又實用目標讀者● 已具備 React基礎，希望進一步深入了解全端開發技術的開發者● 想要一人從構思到實現整體開發流程的前端工程師● 希望面試時可以帶有自己獨立完成 Side Project 的初轉職者● 想要了解 Next.js App Router 創新應用的網頁工程師● 想要獲得營養基礎小知識的所有工程師專業推薦這本書提供了一個極為實用的全端開發指南，尤其適合那些希望利用 Next.js 框架獨立開發高完整度專案的開發者。透過一個完整的 Side Project 案例，作者深入解析了 Next.js 的核心功能，從專案規劃到工具選擇，再到前後端關鍵實作和效能優化，每一步都體現了作者在全端開發領域的細膩見解。無論你是希望獨立完成從構思到實現的整體開發流程，還是希望透過一個功能完整的 Side Project 在面試中脫穎而出，這本書都能為你提供所需的知識和技能。書中詳實的案例分析和實用的開發技巧，將幫助你在實際工作中應對複雜的開發挑戰，提升你的全端開發能力。我由衷地推薦本書，給每一位希望在全端開發道路上不斷進步的開發者。──── Mike Hsu｜《從異世界歸來發現只剩自己不會 Kubernetes》作者
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全面測試應用程式
Type Script＋Vue.js一氣呵成 - 前端開發大白到大神
本書主要介紹TypeScript及Vue兩大重點，第1章介紹前端基礎知識，HTML、CSS、JavaScript及Vue.js初探。第2章探討TypeScript基礎語法及開發環境設置。第3章主要說明介紹TypeScript物件導向程式設計，如類別與介面。第4章講解TypeScript高階技術，包括泛型與裝飾器。第5章說明Vue範本基本用法，包含插值和指令使用。第6章深入Vue元件屬性和方法，實踐物件導向開發。第7章探討Vue中處理使用者互動的方法。第8章介紹Vue元件的核心概念及應用。第9章進一步講解Vue元件開發，提高專案可維護性。第10章講述Vue的回應性原理和Vue 3.x的組合式API。第11章介紹使用Vue開發前端動畫的技巧。第12章講解Vue CLI和Vite在專案開發中的應用。第13章介紹Element Plus這一基於Vue的UI框架。第14章探討vue-axios網路請求框架的使用。第15章介紹Vue Router前端路由管理的實踐。第16章講解Vuex狀態管理框架的應用。第17章透過一個完整專案綜合運用Vue.js技能。 本書特色 ‣ 前端基礎知識介紹 ‣ TypeScript基礎 ‣ 物件導向程式設計 ‣ TypeScript進階技術 ‣ Vue範本基本用法 ‣ Vue元件開發 ‣ Vue進階應用 ‣ 專案開發工具與狀態管理 &
入門首選 HTML5與CSS3程式設計應用技巧附範例檔-(第二版)-附MOSME行動學習一點通：評量．加值
1.深入淺出，依序介紹網頁設計基礎、文字編排技巧、圖像與色彩使用、表格/表單、影音多媒體運用、CSS語法應用、區塊布局與版面編排、以及CSS特效。 2.每章都有精緻範例，讓學習者靈活將所學語法應用在實際範例中，強化對語法的印象與應用，以此做為學習目標與製作水平。 3.綜合範例結合區塊應用與CSS樣式檔的使用，精熟CSS各種添加方式的使用技巧，善用本書也能讓新手搖身變成網頁設計高手。 4.以簡潔清楚的方式呈現語法與其效果，讓學習無負擔，成為學習網頁設計最佳的良伴。 &
前端測試指南：策略與實踐
在前端領域，快節奏且不斷革新的開發環境下，如何能在迅速產出的同時保持高品質的程式碼成為一大挑戰，因此「測試」變得十分重要。選擇何種測試方式、如何撰寫和執行測試成為開發者必須深思的議題。缺乏測試的程式碼難以確保品質，而解決這個問題的關鍵在於建立適當的測試策略。 主要分為八大部份： ● 測試入門：深入介紹前端網頁測試的基本概念、測試技術、以及前端測試的多樣種類。 ● 單元測試：詳細探討如何針對最小範圍進行邏輯驗證，強調元件測試的重要性，並評比常用測試框架，確保基礎工作得當。 ● 整合測試：驗證特定功能，介紹如何以使用者的角度測試功能與盡量擬真、模擬和快照該怎麼用，逐步提升品質的穩定性。 ● 端對端測試：驗證操作流程，探討如何透過模擬真實使用者的操作行為，實現更全面的測試，以達到完整的功能覆蓋。 ● 視覺測試：驗證畫面正確性，詳述如何精確比對畫面，並針對跨瀏覽器和跨視區等多種變因，加速UI 測試的進行。 ● 測試時機：介紹執行測試的不同時機和方法，包含前置指令、手動觸發、合併程式碼前後和持續整合，以及從程式碼的覆蓋率來推敲使用案例的覆蓋率。 ● 狀況題：針對各種測試的疑難雜症，提供實用的解決方案，解救攻城獅克服測試的挑戰。 ● 分享如何善用GitHub Copilot 與ChatGPT 提升撰寫測試的效率，有效提高產能。 本書特色 ● 透過圖文並茂、程式碼範例的深入說明，易於學習、演練和實踐各種前端測試，並在實際應用中感受寫測試的成效。 ● 提供明確的原則和觀點，幫助你評估寫測試的策略與成本，並依此做出最適合的選擇。 ● 分享有效使用AI 工具產生測試程式的秘訣，提高產能。 ● 透過清楚易懂的範例，深入淺出地解說各類挑戰，協助你輕鬆應對測試戰場的難題。 專業推薦 這本書非常適合前端工程師全面性地打基礎，不僅能學會撰寫測試程式，還能全局地做出適當的決策。我喜歡這本書的地方在於其結構分明、面向完整，閱讀起來緊湊而輕鬆易懂，範例大小適中且容易實作。這本書可以幫助前端和後端工程師節省時間，進而更有效地學習，拓展人生與職涯的長度、廣度與深度。感謝 Summer 的付出，幫助大家提升產品品質，改善使用者體驗。 Odd-e Taiwan 敏捷技術教練 | 陳仕傑 (91) 2024/5/1 雖然寫測試可能還是靠開發者自己的個人經驗，但還是有一些前輩或大神們整理出來的方法論可以參考。 跟著 Summer 的書學怎麼寫前端測試，也就是學著怎麼寫出更有讓自己更有信心的前端程式碼！ 五倍學院 | 高見龍 在 Summer 的這本書中，透過深入淺出的方式，介紹了各種不同類型的測試，從單元測試、整合測試、端對端測試，一直到前端特有且重要的視覺測試，全部都有所著墨。同時也示範了如何在 CI 上執行測試，並結合豐富的實務經驗，說明了前端測試為什麼會更著重在測試行為，而非程式的實作。書中更有系統地整理出不同時機適合使用的測試方式和工具。如果你想要對於前端測試有更全面的認識，從類型、工具、到執行有更完整的了解，這絕對是一本值得一看的好書。 PJCHENder 網頁開發咩腳版主、《從 Hooks 開始，讓你的網頁 React 起來》作者 | 陳柏融 &
CSS 大全 第五版
全方位的CSS語法和功能介紹＋實用建議。 適合初學者、複習者和對最新發展有興趣的開發者。 改善使用者體驗、提升開發速度、避免錯誤，節省閱讀規範的時間，更有效率地應用CSS。 「Estelle和Eric不僅介紹CSS語法和功能的細節，也提出結合它們的實用建議。無論你是初學者、想要複習，還是對最新的發展有興趣，這本書絕對是任何開發者的終極指南。」 —Miriam Suzanne OddBird的共同創辦人，暨W3C CSS Working Group客座專家 如果你是網頁設計者或APP設計者，想要設計精緻的網頁、改善無障礙性(accessibility)，以及節省時間與精力，那麼這本書是為你而寫的。這本第五版將提供全方位的CSS實作指南，並詳細介紹最新的CSS規範。 作者Eric Meyer和Estelle Weyl將展示如何透過版面布局、轉場、動畫、邊框、背景、文字屬性，以及許多其他工具和技巧來改善使用者體驗、提升開發速度、避免潛在錯誤，並為應用程式增添活力和深度。他們將為你節省閱讀規範的時間！ 這本指南包含： ‧選擇器、具體性、層疊（cascade）、層疊階層 ‧CSS值與單位，媒體、特性及容器查詢 ‧字體技術的細節，以及使用任何字體變體的方法 ‧設定文字樣式，從基本的裝飾到改變整個書寫模式 ‧內距、邊框、輪廓、邊距，以及邏輯屬性 ‧顏色、背景、漸層（含錐形漸層） ‧容易理解的資料表 ‧彈性框（flexible box）與網格布局系統（含子網格） ‧2D和3D變形、轉場和動畫 ‧濾鏡、混合、剪裁和遮罩
前端開發測試入門|現在知道也還不遲的自動化測試策略必備知識
你有這些煩惱嗎？ 「雖然知道測試很重要，但遲遲尚未著手進行」 「雖然有一定的開發經驗，但沒寫過測試」 「不確定目前採用的測試方法是不是最合適的選擇」 想要就自信滿滿地寫下測試程式碼，然後暢快地說出 「會寫測試真是太好了！」 這本書就是專門為您所寫的教戰手冊 立刻就能派上用場的測試工具應用技巧！ 現在的Web應用程式都需要在畫面上提供越來越高階的功能，而為了要確保品質跟易於維護與否，前端自動化測試就扮演著相當重要的角色。 本書是針對Web應用程式開發「前端測試」基本知識與具體實務執行方式的書籍。 透過真實的程式碼來進行教學，講解基本的測試程式碼寫法，更分享了前端特有的測試方法與工具該如何應用。 ‧UI元件測試 ‧視覺回歸測試 ‧E2E測試 ‧提升無障礙性 ‧在持續整合環境執行測試 有系統地學習前端測試，做到高品質、好維護！ 還不只這些，就連「顧及無障礙性」跟「在持續整合環境執行測試」的議題也都跟上趨勢，相信各位可以紮實地學會開發現場第一線人員必備的測試知識與技巧。 適用對象： ‧完全沒有建構過前端軟體的讀者 ‧完全沒有寫過測試程式碼的讀者 ‧沒有寫過囊括資料庫在內的E2E測試的讀者
Laravel啟動與運行 第三版
PHP框架何其多，為何選擇Laravel？ Laravel 的核心精神是為開發者提供所需的工具和能力。 它的目標是提供簡潔、優美的程式碼與功能，協助開發者快速學習、動工、開發，並寫出簡潔且持久的程式碼。 可以說得具體一點嗎？ ‧Laravel簡化了開發流程，提供快速的應用程式開發框架。 ‧提供一致的API和可預測的結構，使開發更加順暢。 ‧完整的工具生態系統，包括本地開發、伺服器管理和部署工具，避免重工。 ‧強調「約定優於配置」，減少開發者的工作量。 ‧重視簡單性，從最簡單的實作開始滿足需求，不侷限於複雜環境。 所以說，為何要選擇Laravel？ 因為Laravel的哲學就是「讓開發者更幸福」! 親愛的開發者，你值得更幸福。 「《Laravel啟動與運行》既全面又容易吸收，提供了傑出的Laravel概要，帶領你從編寫第一行程式碼開始，邁向進階的主題。我強烈推薦這本精心打造的指南！」 —Ben Holmen The Boutique Hub首席技術長 Laravel與其他PHP web框架之間有何差異？對初學者來說，它們之間的差異在於速度與簡單易行程度。這個應用程式開發框架及其廣泛工具系統，可以讓你藉由簡潔、易讀的程式碼來快速開發網站與應用程式。第三版經過全面更新，涵蓋Laravel 10，並詳細介紹當今最熱門的web框架。 Matt Stauffer這位Laravel社群的領銜教師暨開發者，以宏觀的概要和具體的範例協助有經驗的PHP web開發者立刻上手這個框架。本書包含第二版問世以來全新的身分驗證及前端工具，以及其他第三方工具。 本書探討的主題包括： ‧強大的Blade，它是Laravel的自定模板設計工具 ‧用來收集、驗證、正規化與篩選用戶資料的工具 ‧搭配應用程式的資料庫的Eloquent ORM ‧Illuminate Request物件，以及它在應用程式生命週期中的作用 ‧用於測試PHP程式碼的PHPUnit、Mockery與Dusk ‧用於編寫JSON與RESTful API的工具 ‧檔案系統存取、session、cookie、快取與搜尋介面 ‧用來實作佇列、job、事件與WebSocket事件發布的工具 ‧特殊的程式包，包含Scout、Passport、Cashier…等
Vue.js 3前端漸進式建構框架實戰應用|完美搭配Bootstrap 5與PHP
‧Bootstrap及Vue.js熱門前端技術一手掌握 ‧MySQL資料庫功能實作與PHP Web應用程式一次到位 ‧沒有Node.js套件管理及Vue-CLI模組一樣搞定SPA 現今前端工程師必備的能力，絕不能止步於HTML、CSS與JavaScript而已，除了要能設計適合不同尺寸載具的RWD頁面外，更需要學會運用不同框架的整合，才能在專案中得心應手同時展現前端工程師的價值。 目前廣泛運用Bootstrap的CSS框架來呈現版面並達成RWD，而Vue.js則是近年備受矚目的三大JavaScript框架之一。本書以Vue.js框架為核心概念，搭配Bootstrap做為UI的呈現，詳細介紹Vue 3之後新增的composition API撰寫方式、建立資料採用ref()和reactive()、options API程式碼架構，並說明與Vue 2的差異，為讀者打造駕馭前端框架的實戰力，成為卓越的前端工程師。
全端網站開發筆記：活用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｜開拓者行銷 技術總監
JavaScript基礎必修課(含ITS JavaScript國際認證模擬試題)
👍👍 ITS JavaScript認證最佳訓練教材，搭配ChatGPT協作，程式開發一把罩! ．專家資深教師執筆：由微軟MVP、科技大學教授JavaScript與教授ITS國際認證教師共同編著，針對目前大學初學者學習JavaScript程式設計所應具備的基本素養所編寫入門教材。讓初學者輕鬆跨足JavaScript的領域，提升網頁開發上的實用技能。 ．內容多元豐富範例：介紹使用Visual Studio Code撰寫JavaScript，以及JavaScript基本語法、資料類型、條件與迴圈結構、函式、內建物件，並深入瞭解文件與瀏覽器物件模型、事件處理、網頁儲存與AJAX非同步技術和JSON資料讀取。透過豐富的範例練習，幫助初學者掌握前端開發的精髓。 ．ChatGPT協作開發：介紹ChatGPT的功能、優缺點以及使用方法。透過實例演示學習如何透過與ChatGPT的提示對話，自動生成JavaScript程式碼並與ChatGPT協作開發JavaScript網頁應用程式。 ．扎實國際認證訓練：內文講解融入Certiport ITS JavaScript解題技巧，同時書末精心整理ITS Java Script(IT Specialist Certification) 資訊科技專家國際認證的兩組模擬試題，讓初學者的訓練更加扎實，同時也是教師培訓學生考取ITS JavaScript國證認證的最佳教材。
React 思維進化：一次打破常見的觀念誤解，躍升專業前端開發者(iThome鐵人賽系列書)【平裝】
佳評如潮！熱銷再版（平裝版） ★☆★ 銷售排行榜冠軍 TOP 1 ★☆★ 思想、脈絡與觀念理解是真正的專業技術門檻， 也是鑑別出實力強大或平庸工程師的關鍵區別之一。 書籍簡介 本書內容改編自第 14 屆 iThome 鐵人賽 Modern Web 組的冠軍系列文章《一次打破 React 常見的學習門檻與觀念誤解》。本書以循序漸進的脈絡帶讀者從頭理解 React 技術的核心觀念、運作原理與設計思維。 React 本身的設計基於了許多程式領域的設計模式，而這些設計模式的概念大多都與「還沒有使用前端框架時的程式運作思維與習慣」相去甚遠。因此當你沒有真正理解這些設計模式時，你會覺得 React 的許多設計與行為都很不直覺甚至莫名其妙。並且，如果你不熟悉這些觀念或原理的話，則非常容易在實際開發時寫出有問題但卻不自知的程式碼，為專案的程式碼品質和軟體產品的可靠性埋下巨大的隱患。 有別於市面上充斥的各種「教你如何呼叫語法」以及「帶你實戰範例」的 React 學習資源，本書會著重於技術理解的基本功累積，讓你對於 React 的觀念不再一知半解，以避免「跟著寫了很多 React 範例練習卻還是不懂這些程式碼是如何運作的，無法真正掌握這門技術」這種常見的學習瓶頸，帶你朝向真正的專業 React 開發者邁出紮實且關鍵的一大步。 目標讀者 本書並不是一本關於如何開發 React 專案的手把手實戰教學手冊。相較於大量的案例實作練習，本書會更聚焦於 React 的核心設計思維以及最常被誤解的觀念進行透徹的解析，希望能夠幫助大家一次打破 React 的學習門檻與觀念誤解，成為真正的專業 React 開發者。這本書適合所有「希望將 React 作為專業技術能力」的人學習： ❏ 適合有 JavaScript 的基礎，但對 React是完全新手的人。你可以透過本書從零建立相當穩固的 React 核心觀念理解與思維的基本功，對於後續繼續學習其他實戰類型的學習資源也能有更好的基礎進行銜接。 ❏ 也適合已經在學習 React 中的人。這本書將可以讓你對於許多觀念的理解茅塞頓開，學習成效事半功倍。 ❏ 也適合對 React 有一定程度的認識或實作經驗，但對於核心觀念與原理還沒深度掌握的人（應該有蠻多人是處於這個階段）。這本書會是你突破瓶頸、邁向資深 React 開發者的關鍵助力。 專業推薦 「這本書使 React 初學者能夠打破「只會跟著寫範例但不理解背後原理」的惡性循環，進而成為真正的專業 React 開發者。我強烈推薦這本書給所有希望在未來軟體開發市場中保持競爭力的前端開發者。」——Richard Lee │ 愛料理共同創辦人＆技術長，Google Developer Expert - Firebase 「它適合那些在調試 React 應用時遇到困難，或者對 React 的運作原理、組件和 Hooks 的封裝不太明白的開發者。對於那些渴望將自己的技能提升到更高層次的人來說，這絕對是一本必讀書籍。」——Caesar Chi 戚務漢 │ JavaScript Developer Conference Taiwan 主辦群 「透過這本書，你會發現 React 不只是一個工具，它更是一門程式藝術，值得我們去探索、去體會。這本書將伴隨你在 React 的旅途中，一步步成長為更優秀的開發者。」——莫力全 Kyle Mo │ Full Stack Web Engineer @Netskope，《今晚來點 Web 前端效能優化大補帖》作者 &
JavaScript 精選16堂課：網頁程式設計實作(好評回饋版)
應讀者熱烈要求，好評熱銷再回饋！ & 本書內容 JavaScript遵循的ECMAScript標準在ECMAScript 2015第六版 (簡稱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 (除錯) 或改版維護都能從容以對。 & &
跨框架提昇開發高度：前端高級架構師應具備的思想及技能
＊從「匠」到「師」的必經之路，前端產業技術快速昇華到架構師 ＊前端專案化管理工具，Webpack、Vite、npm、yarn。 ＊前端開發架構生態，AST、Babel生態 ＊核心框架原理及設計模式、深入了解各種node.js圍繞的框架：Vue、React ＊實戰設計前端架構，如行動端離線套件、編譯和建構、部署和發佈 ＊前端全鏈路，完整Node.js生態開發實戰 本書包括五個部分，涵蓋30個主題。 第一部分首先就是以npm和Yarn套件管理工具切入專案化主題，透過Webpack和Vite建構工具加深讀者對專案化的理解。深入介紹幾個極具代表性的工具的技術原理和演變過程。 第二部分為現代前端開發架構生態，幫助讀者培養前端專案化基礎建設思想，這也是設計一個公共函式庫、主導一項技術方案的基礎知識。 第三部分為核心框架原理及設計模式，探索經典程式的奧秘，體會設計模式和資料結構的藝術，帶領讀者結合業務實踐，思考優秀的設計思想如何在工作中實作。 第四部分是前端架構設計實戰在這一部分中，我會一步一步帶領大家從0到1實現一個完整的應用專案或公共函式庫。這些專案實踐並不是社區上氾濫的Todo MVC，而是代表先進設計理念的現代化專案架構專案（比如設計實現前端+行動端離線套件方案）。 第五部分前端全鏈路Node.js全端開發，帶大家設計並完成一個真正意義上的企業級閘道，其中涉及網路知識、Node.js 理論知識、許可權和代理知識等。帶大家研究並實現一個完善可靠的Node.js服務系統，涉及非同步訊息佇列、資料儲存，以及微服務等傳統後端知識。 &
Vue.js 3前端開發不踩雷：Composition API×Vue Router×Pinia，帶你快速升級進階開發者！（iThome鐵人賽系列書）【軟精裝】
從原生到框架，真正理解 Vue.js 原理 深入淺出 Vue.js，搭配真實案例，帶你避開那些惱人的開發痛點！ ★ 掌握 Composition API，開發更彈性、維護更容易 ★ 學 Vue.js 不能只知道語法，本書帶你避開雷區、加速學習與開發 本書內容改編自第 14 屆 iThome 鐵人賽 Modern Web 組的佳作系列文章《真的好想離開 Vue 3 新手村 feat. Composition API》。本書以 Vue.js Composition API 風格為主軸，著重於扎實的基礎學習，協助讀者避開的常見雷點，提升學習與開發的效率。書中涵蓋從原生到框架的範疇，帶領讀者從不同角度認識 Vue.js，以及新手學習和開發中容易遇到的問題，並針對讀者可能會踩到的坑，有目的地去探討背後原理，而非為了剖析原始碼而剖析原始碼。即使是前端新手也一定能看懂、更要看，可以對 Vue.js 有更進階的認識。 本書首先從開發環境入門，讓讀者了解環境建置的範疇與重要性，並具備根據專案需求調整的能力。隨後介紹常用的 Vue.js 語法，包含 Vue.js 指令、響應式 API 和樣式處理等等，再來進入元件化開發，認識元件的溝通方式與生命週期。除了 Vue.js 核心之外，本書亦包含 Vue Router 4 和 Pinia，透過 Vue Router 常見的應用情境來認識其語法，學會如何建立單頁式應用程式網站，最後是 Pinia，了解使用狀態管理器的目的，並認識常用情境與語法。書中提供線上範例程式碼，讀者可以在學習後實際操作一遍，加深印象並掌握邏輯要點。期望讀者在學習之後，能具備完成一個 Vue.js 專案的基礎知識與能力。 四大重點 ▶ 新手看得懂 說明淺顯易懂，新手也能消化 ▶ 常見實戰範例 以常見案例為範例，加速理解使用情境 ▶ 避開踩坑 取自真實專案經驗，帶你避開踩坑之處 ▶ 提供最新全家桶 涵蓋建立 Vue 專案所需的工具與知識 目標讀者 ● 準備要學習 Vue.js 3 的前端新手。 ● 已經在學習 Vue.js 3 並掌握基礎語法，卻還是常常踩到雷。 ● 已經開始使用 Vue.js 3 進行開發，只知道如何操作，但不知道其原理。 專業推薦 「如果你想要學習前端 Vue 框架，這本書是你的不二之選。透過 Angela 的經驗分享和教學，你將能夠事半功倍地掌握 Vue.js 的精髓，她絕對是學習前端 Vue 框架的最佳引路人。」－－Howard │ 好想工作室 Host 「我特別欣賞本書對於 Vue.js 核心概念的解釋方式，作者 Angela 在書中用淺顯易懂的語言解釋了 Vue.js 的原理，不僅避免了過於深入探討原始碼，而且專注於分析和解決實際開發中遇到的問題。這種方式不僅淺顯易懂，而且緊密結合了自身的開發案例，對於理解並應用這些概念至關重要。」－－Kuro Hsu │ Vue.js Taiwan 社群主辦人 「這本書提供了完整的論證過程，讓我在看完的同時也可以記得很久，完全不用花費什麼時間再去研究，可以直接使用這麼嚴謹的研究成果當作自己的學習成果，實在是一件很幸福的事情。希望每個學習者都可以透過這本書，體會一下好的學習方法，將自己變成好的工程師。」－－王聖凱（Chris）│《從自學到成功轉職軟體工程師：自主學習讓我重拾人生的發球權》作者 （依首字筆畫排序） &
網頁視覺特效最強必殺技大全：用 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 概念三明治》作者 &
