【電子書】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中的重要概念，更進一步去理解它的原理以及特別之處，還有在實際開發上的應用。
【電子書】單元測試的藝術｜以 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。
【電子書】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開發者，需要進一步掌握高階技術、效能優化及最佳實踐的從業者
【電子書】營養師不開菜單後的 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》作者
【電子書】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 前端效能優化大補帖》作者 &
【電子書】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）│《從自學到成功轉職軟體工程師：自主學習讓我重拾人生的發球權》作者 （依首字筆畫排序） &
【電子書】JavaScript × ChatGPT 第一次學就上手
ChatGPT神助攻！教語法、寫程式、除錯、出題練習、轉換其它程式語言樣樣行！ JavaScript×ChatGPT強強聯名，讓您在AI的神助攻下，華麗化身為JavaScript程式設計高手！在ChatGPT橫空出世後，有不少人驚覺「寫程式」即將由AI工具所取代，沒錯，AI工具確實能夠寫程式，但這並不表示您就不用學程式設計，而是程式設計師必須要進化為AI工具的程式審查員或教AI學習的老師。 換句話說，您必須具備程式設計能力，才有辦法跟AI工具溝通，讓它寫出您需要的程式碼，也才有辦法閱讀或審查AI工具所生成的程式碼，確保程式碼是正確的、有效率的、經過完整測試的。 在本書中，我們除了告訴您如何使用ChatGPT撰寫程式、解讀程式、查詢語法、尋求技術支援、除錯、出題練習、在JavaScript與其它程式語言之間做轉換，更重要的是有計畫地帶您學習JavaScript，無論您有無程式設計的經驗，只要約略具有HTML與CSS的基礎知識，都能看得懂、學得會，不會愈看愈挫折、半途而廢。 全書彩色印刷、圖解詳盡、範例導向、邊做邊學，零基礎也能輕鬆上手！
【電子書】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 (除錯) 或改版維護都能從容以對。 &
【電子書】看完這本就會懂！帶你無痛提升JavaScript面試力
在本書中，包含許多經典的JavaScript知識點及問題，這些知識點是屬於容易被忽略的核心知識，掌握這些知識內容，將有助於求職中應對各類陷阱題，以及在複雜的JavaScript開發時，更容易找出相對應的錯誤；除此之外，目前主流的ECMAScript 6以上的語法當然也不會錯過，本書會介紹這些語法與ES5觀念上的不同，以及可能遇到的問題點。 & 當然，作者非常清楚前端在求職的過程絕對不是只有被問到JavaScript的問題，而且並非所有的面試官都是前端開發者，所以除了書中的七大JavaScript章節以外，另外補充「第八章前端面試常見問題」，此章節加入了前端面試常見的延伸問題，例如：MVC、SPA、SSR等各種專有名詞解釋，以及各種網路的常見問題。 & 【目標讀者】 ✦對於JavaScript有基礎的開發者。 ✦即將要面試的前端開發者。 ✦想要鑽研JavaScript核心知識的開發者。 & 本書特色 & 著重JavaScript實戰應用與核心知識！ 掌握一定要會的JavaScript面試致勝筆記！ & ✦介紹JavaScript的核心知識、經典知識點以及「求職中容易被問到」的問題 ✦每個JS章節後方均有額外考題，除了提供知識，更驗證是否有正確理解 ✦加入前端必備的額外延伸知識，包含開發架構、網路等相關觀念
【電子書】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、各類電路等等技術，讓讀者可以循序漸進的認識相關技術，並整合這些技術、設計情境，透過一層一層堆疊，最終淬鍊出一個完整的應用程式。 & 【設計與分析】 軟體開發領域的工程師一定都知道一個永遠不變的道理，就是「技術會不斷更新」。 & 本書在設計應用情境章節時，會先從需求分析、設計草稿開始，因為技術會變，但是設計與分析的過程基本上大同小異，學會「如何分析、解決問題等等技能」遠比「學會使用工具或某項技術」還重要。 &
【電子書】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，整合各種熱門套件，實作專案範例！ ☛由淺入深介紹：搭配實作範例循序漸進學習。 ☛文字搭配圖解：圖文並茂，不再憑空想像。 ☛內容完整豐富：涵蓋基礎用法與各種多樣化的功能。 ☛提供範例資源：提供線上資源，不怕學習方向錯誤。 &
【電子書】從 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 | 吳展瑋 台南「好想工作室」創辦人、台灣口罩地圖、動森揪團工具開發者 &
【電子書】今晚來點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，達到網站節流。 & 目標讀者 ✦想要了解各種效能優化技巧的前端開發者 ✦想要更理解前端開發底層知識的開發者 ✦想了解前端開發近期發展與未來趨勢的讀者 &
【電子書】ECMAScript關鍵30天：ES5到ESNext精準進擊JS語法與核心（iT邦幫忙鐵人賽系列書）
無論你是前端還是後端，點滿 Modern Web技能樹的第一步，就是徹底認識 ECMAScript！ 本書內容改編自第12屆 iT 邦幫忙鐵人賽－Modern Web 組佳作系列文章《從 ES 到 ESNext - 30天輕鬆掌握ECMAScript》。作者以推動 JavaScript 發展的官方標準－ECMAScript 作為切入主題，從語法結構來認識 JavaScript。 本書一開始，以循序漸進、深入淺出的介紹方式，帶領讀者熟悉重要概念和基本組成，並且讓讀者在閱讀時，清楚了解有哪些相關的章節內容，藉此達到融會貫通的效果。 語法介紹部分，則是彙整參數說明、重要特性、環境支援度等表格，加上生動的圖說和範例程式，讓讀者全面掌握語法的起手式。 作者希望本書可以成為初學者的最佳入門書，也能幫助有實務經驗的開發者在工作能發揮影響力，成為最得力的左右手！ 本書特色 核心概念 一次掌握 使用圖解加上直白的敘述，深入淺出函式、物件、原型、執行環境、this 等等讓初學者頭痛的重要機制。就算是有經驗的開發者，看完也能有新的收穫！ 語法分類 特性統整 根據標準內建物件的種類和常用性規劃章節，並且依情境分類重要語法，一目瞭然的圖表和程式碼，發揮工具書的最大價值！ ES2022 未出先看 每年埋頭苦追新釋出的標準，已經覺得累了嗎？本書透過清楚的中文敘述，並且搭配簡單的程式範例，快速掌握開發新潮流！
【電子書】React思考模式：從hook入門到開發實戰
React開發應具備的軟體設計思維 React hook使用方式 從0開始打造React hook + Redux專案 React的進階知識 React是一個上下限都很大的框架，如果能善用React提供的API，專案架構會很明確，資料邏輯和UI元件更能以易理解的方式重複利用。 本書分為四個部分，包含開始前應具備的基礎思維、React hook使用方式、範例與進階知識(含class compo-nent)。 本書是已有原生Javascript前端開發經驗、初次想要接觸前端框架讀者的最佳React入門指引。 全書共9章，內容如下 ■ 第0章& 先備知識 – 使用React 需要知道的Javascript ■ 第1章& 什麼是「前端框架」？ ■ 第2章& 認識React 和環境建置 ■ 第3章& Hello, React ! ■ 第4章& 基礎Function Component ■ 第5章& React-Developer-Tools ■ 第6章& Flux 結構 與 React 的狀態管理方案 ■ 第7章& 前端專案的架構設計 ■ 第8章& React 進階 - 效能處理 ■ 第9章& React 進階 – 其他的React 本書的目標除了讓初次接觸前端框架的讀者能夠更容易理解React，也介紹了在以React開發專案時，應該具備哪些基礎的「軟體設計」思維。第2~第7章節是講解React API使用方式，第7章後的範例會帶領讀者從0打造React專案，第8章~第9章是講述較進階的React知識。讀者可以根據自己的需求查閱對應的章節。
【電子書】JavaScript第一次學就上手
全彩圖解最易懂、觀念解說最清楚、範例導向最實用 適合想徹底學會JavaScript程式設計的您！JavaScript最初的用途是在用戶端控制瀏覽器和網頁內容，製作一些HTML和CSS所無法達成的效果，增加互動性。近幾年隨著Node.js的出現，JavaScript也可以在伺服器端執行，用途就更廣泛了。 有了本書，無論您有無程式設計的經驗，只要約略具有HTML與CSS的基礎知識，都能看得懂、學得會JavaScript，重點內容： ‧JavaScript的基本語法與內建物件 ‧DOM (Document Object Model，文件物件模型) ‧事件處理 ‧BOM (Browser Object Model，瀏覽器物件模型) ‧jQuery與jQueryUI ‧網頁儲存 (Web Storage) ‧Ajax與JSON
【電子書】JavaScript概念三明治：基礎觀念、語法原理一次帶走！（iT邦幫忙鐵人賽系列書）
新手都該入手一本！深入淺出的JavaScript知識，讓你秒懂困難的程式概念，提升程式力！ & 由淺入深的詳盡介紹，逐步帶你了解JavaScript的運作方式及原理 搭配圖像解說，一窺JavaScript表象底下的真實樣貌！ 重點知識簡單化，一手掌握最重要的JavaScript概念！ & 本書內容改編自第11屆iT邦幫忙鐵人賽Modern Web組優選網路系列文章──《JavaScript原力覺醒 - 成為絕地武士之路》，作者以豐富的圖像輔助說明，讓複雜的JavaScript知識化為容易理解的概念，閱讀後宛如吃下一塊美味的JavaScript三明治，獲得滿滿的程式活力！書中涵蓋完整詳盡的JavaScript基礎知識及背後的運作原理，無論是想一探神秘未知JavaScript世界的新手，還是初來乍到就半路卡關的程式愛好者，都能成功踏上屬於自己的程式航道！ & 適用讀者 ☑覺得JavaScript 變化多端、不好理解 ☑想要加強JavaScript 基礎知識，讓開發更得心應手 ☑想更了解JavaScript 背後原理，讓熟悉度更上一層樓 & 本書特色 & ★基本語法介紹 從JavaScript的起源到常見必學的基本知識，強化你對JavaScript的完整認知。 & ★重點技術解說 揭開許多JavaScript簡單卻難懂的語法運作原理，並掌握JavaScript中最重要的技術名詞：純值、Closure、Promise、事件迴圈。 & ★抓穩JavaScript核心 ─ 物件 想更精通JavaScript，最後我獻上一帖良方，希望你對物件，這個幾乎是JavaScript核心的型別有更根本的認識。 & 專業推薦 & 「木景的《JavaScript 概念三明治》與其他JavaScript著作很不同的地方是，書中透過大量的圖片解說，以視覺化的方式來逐步呈現Javascript運作的原理，並由淺至深系統化從基本語法開始引領讀者到深入至Javascript的函式、物件、原型等核心觀念。」 Vue.js Taiwan社群主辦人、《重新認識Vue.js：008天絕對看不完的Vue.js 3指南》作者 ── Kuro &
【電子書】重新認識Vue.js：008天絕對看不完的Vue.js 3指南
從零開始！快速上手！網羅完整Vue.js功能的實戰指南 & |Vue.js基礎入門|Vue.js元件系統|Vue單一元件檔與Vue CLI|Vue開發生態圈|Vue Router與前端路由管理|Vuex與共用狀態管理|Vue Composition API| & Vue.js不斷地成長，從早期只被定位在JavaScript的UI工具庫，到如今已經是個成熟且功能強大的漸進式框架。Vue.js 3底層核心由TypeScript所改寫，不僅效能更快、檔案更小，更重要是仍然可以使用我們所熟悉的JavaScript來進行開發。它的特性是短時間內可以快速上手，並且擁有豐富的開發生態環境系統以及蓬勃發展的社群。 & 作者將多年來在Vue.js的開發與教學心得記錄下來，除了比較Vue.js 2與新推出Vue.js 3版本的差異之外，也希望有助於讀者在學習、體驗Vue.js這套前端框架的時候，能夠少走許多岔路，領略現代前端開發的世界。 & 【本書精彩內容】 ◎從零開始介紹Vue.js的起源、基礎知識、指令、事件與生命週期等核心內容，帶領讀者快速入門。 ◎元件系統是Vue.js的另一大核心特性，說明為什麼要使用元件、有什麼好處，以及說明元件系統開發時會遇到的問題。 ◎介紹Vue的開發生態圈，並結合CLI/Webpack等相關工具，來為Vue.js從無到有進行專案建置、最佳化、打包部署等功能。 ◎作為Vue.js開發生態圈的一環，Vue Router提供開發者透過前端路由來建立單頁式應用程式(SPA)的可能性。 ◎Vue.js元件的狀態各自為政，當專案規模日漸擴大的時候，共用狀態與資料管理就顯得十分重要。 ◎Composition API是Vue.js 3起新增的重要特性之一，說明最新的Composition API是什麼、如何使用、它解決了什麼問題？為什麼要使用它？以及在實際開發時，使用Composition API需要注意的各種細節。 &
【電子書】IoT沒那麼難！新手用JavaScript入門做自己的玩具！（iT邦幫忙鐵人賽系列書）
♛ Made in Taiwan！全台第一本專門介紹 Johnny-Five 框架的專業書籍！ ♛ & ☀ JavaScript 寫膩了嗎？用它來做自己的玩具吧！ ☀ 想寫 IoT 其實很簡單，我說用 JavaScript 就可以！ & ✒ IoT很難？只是沒人帶而已！圖文解說手把手實作多種感測器的應用！ ✒ Made in Taiwan！全台第一本專門介紹 Johnny-Five 框架的專業書籍！ & ☛ 學習 JavaScript 感覺無趣嗎？JavaScript 只能侷限在螢幕裡面嗎？ ☛ 不！讓我們一起用 JavaScript 做玩具吧！ヽ(・×・´)ゞ & 本書改編自第 11 屆 iT 邦幫忙鐵人賽，IoT 組冠軍網路系列文章──《IoT沒那麼難！新手用JavaScript入門做自己的玩具～》；破除你對JavaScript的印象！本書用充分的圖解來說明LED系列、多種感測器等原理，逐步解析程式碼的相關解說；讓學習程式之餘，也能動手做出幫助你生活上的實際應用、自己想要的玩具，甚至你人生中第一個IoT的實際產品！為了樂趣而學習，讓學習變成你的樂趣！ & 快來跟上我們的腳步，讓Arduino也能用JavaScript創造出屬於自己的作品！ & 超狂應用 & ❑ LED 狂應用 ☀ 超簡單呼吸燈 ☀ 轉吧！七彩霓虹燈！ ☀ 超炫炮！矩陣LED廣告跑馬燈 & ❑ 感測器狂應用 ☀ 溫度感測．溫度儀表板 ☀ 光敏電阻．飛吧！喵星超人！小遊戲應用 ☀ 人體感測．偵測老闆的Move！薪水小偷必備的實務應用（？） ☀ 三軸加速度．瘋狂麥塊！實體轉動網頁上的東西！ & ❑ 物聯網狂世界 ☀ 透過網頁也可以控制Arduino！ ☀ 伺服馬達．動ㄘ動ㄘ～馬達動起來！ ☀ 搖桿．使出大絕吧！遊戲應用 & 好評推薦 & 「如果你跟我一樣是個想進入手作開發的門外漢，誠心的推薦你一定要買這本書，如果你曾經羨慕別人會玩Arduino，那這本書絕對值得你作為踏入Arduino的入門書，如果你會寫JavaScript又覺得生活無趣，那你更不可錯過這本書，絕對讓你可以玩得很開心，手作開發Arduino的樂趣就從這裡開始吧！」 「金魚都能懂」的系列教學作者、國內前端技術知名講師以及講者 ──── 李建杭 / Amos
【電子書】JavaScript網頁設計與TensorFlow.js人工智慧應用教本
★詳細說明從ES6開始的JavaScript語言新標準*使用微軟跨平台Visual Studio Code程式碼編輯器 *使用JavaScript版TensorFlow建構客戶端人工智慧的機器學習應用 *完整說明JavaScript基本語法、JavaScript自訂和內建物件。 *使用大量程式範例和圖例來說明HTML網頁的DOM。 *詳細說明CSS選擇器和如何使用JavaScript程式碼存取CSS樣式。 *Google Chrome開發人員工具的使用和JavaScript程式碼偵錯。 *完整說明jQuery語法、包裝者物件、jQuery選擇器、DOM/事件處理、動畫/特效和表單處理。 *詳細說明從ES6開始的JavaScript語言新標準、JavaScript非同步程式設計、JSON資料處理、Fetch API和AJAX。 *完整說明TensorFlow.js的張量、張量運算和視覺化圖表的繪製。 *實際使用JavaScript+TensorFlow.js的Keras API建構神經網路的深度學習。 *對於Python+Keras已經訓練好的模型，可以轉換成TensorFlow.js格式後，在客戶端建構人工智慧的機器學習應用。 *使用TensorFlow.js預訓練模型建立Web介面的圖片識別和分類，搭配網路攝影機WebCam建構即時物件偵測、人臉辨識和姿勢偵測等人工智慧應用。
【電子書】跟著實務學習 Bootstrap 4、JavaScript：第一次設計響應式網頁就上手（MTA試題增強版）
Build School創辦人暨執行長 吳典璋／資策會資深講師 王淳平、林俊昌、蘇國鈞 聯合推薦! 以前端技術框架Bootstrap為主，配合JavaScript、jQuery、jQueryMobile與Cordoav前端技術，並以實例教學方式由淺入深一步步帶領初學者運用Bootstrap快速打造行動優先的響應式網站，讓網站能依據不同裝置尺寸與瀏覽器自動調整成適合的內容與排版(RWD)，讓後端開發人員或網頁開發初學者能快速掌握前端技術，此外，可配合Cordova將網站轉換成行動裝置App，以達到讓瀏覽網站與App的使用者都能得到最佳的使用與瀏覽體驗。 *MTA試題增強版：新增流程控制、陣列、函式與物件...等最新試題。 *收錄微軟MTA JavaScript國際認證模擬試題，讓您除了擁有實作的能力，更擁有國際認證證明自己。 *易學：初學者可快速套用Bootstrap框架完成響應式網站前端網頁，按圖索驥，可以完整重現書中範例。並配合大量範例了解Bootstrap與JavaScript、jQuery與Cordova如何整合運用。 *易教：本書經過與初學者或開發人員試教，修改內容與作法，去蕪存菁，教師免備課。 *易懂：以圖文並茂方式逐步解說，易學易懂。
【電子書】JavaScript技術手冊
Java權威技術顧問與專業講師 林信良(良葛格)新著作！- 涵蓋ES6到ES11實用特性 - 從運用Vanilla JS到打造程式庫 - 從XMLHttpRequest、Fetch、SSE到WebSocket - 介紹Web Storage、Indexed Database ‧內容涵蓋ES6到ES11，除了基礎語法、物件、原型、類別等的實務運用之外，深入非同步設計、錯誤處理、meta programming等進階議題。 ‧除了名稱空間、模組管理的介紹之外，實際運用標準模組語法，將DOM操作、事件處理、樣式設定、XMLHttpRequest操作等細節，逐一封裝成為可重用的模組。 ‧探討XMLHttpRequest、Fetch、Server-Sent Event與WebSocket等標準網路通訊方案；討論Web Storage、Indexed Database等瀏覽器儲存方案。 ‧介紹如何使用除錯器、瀏覽器開發人員工具，以檢視程式碼的錯誤、網路通訊以及瀏覽器儲存方案的相關細節。 ‧建議動手實作的範例提供Lab檔案，更能掌握練習重點。
