Browser Web API攻略大全：從開箱即用的實作範例開始，逐步掌握開發技巧 (電子書) | 誠品線上

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，並希望能實作在專案上的前端工程師【專業推薦】這本《Browser Web API攻略大全》，算是對當代瀏覽器API做了一次巡禮！即便已累積多年前端實戰經驗，對瀏覽器能做什麼已有概念，閱讀過程中仍時有驚喜。像是我驚訝地發現：瀏覽器居然內建持續追蹤使用者GPS位置的功能、可以用子母畫面播影片、能錄製並分享螢幕畫面、監聽某個 DOM元素是否被更動，有沒有進入可視範圍……，刷新我對當代瀏覽器能力的認知。無論是作為工具書查找，或完整閱讀拓展知識，都能幫助你充分利用瀏覽器功能，打造更好的網頁體驗。──── 黑暗執行緒這本書最大的價值在於，它不只教你怎麼用，更教你為什麼這樣做：許多人學習前端技術只是停留在表面，而MUKI會告訴你背後的原理。書中的語言通俗易懂，讓你在輕鬆閱讀的同時，吸收大量的知識；每一個概念都經過精心設計，讓你不會感到枯燥；內容與時俱進，從最新的ES6到各種Web API，一應俱全。無論你是新手還是老手，都能從中獲得啟發。──── 奶綠茶｜一個從Flash時代活到AI時代的前端工程師我特別欣賞MUKI在每個API章節中設計的範例，兼顧簡潔與實用，不會流於複雜的「炫技」，也不會只是文件翻譯。這樣的風格，讓人讀來輕鬆，卻又收穫滿滿。如果你是剛踏入前端領域的開發者，它是你探索瀏覽器能力的最佳入門；如果你已經有一定經驗，這本書會幫你重構理解與思維，甚至激發你在互動應用上的靈感。誠摯推薦給每一位對網頁開發充滿熱情的朋友。──── Will 保哥｜多奇數位創意 技術總監、Google Developer Expert、Microsoft MVP RD

作者介紹

作者介紹 吳姿穎（Muki Wu）一個喜歡研究手帳筆記術與時間管理，寫過WordPress與手帳書籍的前端工程師。從小學六年級開始製作網站到現在，依然專注於以使用者為中心的前端介面開發，擔任過學校（台大、北科大、世新大學）與企業教育訓練（中華電信、1111人力銀行等）的前端講師，以及WebConf、MOPCON、廣州FEDAY等的技術講者。樂於學習新技術並分享知識，從2008年建立部落格MUKI space* 至今，內容涵蓋前端技術文章、數位筆記軟體使用心得、AI應用與讀書筆記。

產品目錄

產品目錄 PART1 認識Browser Web API與資料查詢CH01 什麼是Web API？CH02 查閱與使用Browser Web API的必備知識CH03 Browser Web API索引與功能整理PART2 網站定位與路線追蹤應用CH04 用Geolocation API取得與追蹤使用者地理位置CH05 用Geolocation API和Leaflet Routing Machine實作叫車服務功能PART3 裝置功能與媒體應用實作CH06 使用〈audio〉打造音樂播放器CH07 用〈video〉實作影音播放功能CH08 使用Screen Capture API取得你的螢幕畫面PART4 網頁介面操作與互動CH09 用Drag and Drop API拖曳網頁元素CH10 認識History API：SPA的關鍵技術之一CH11 探索Fullscreen API：從基礎到應用場景PART5 觀察與監控DOM的變化CH12 如何使用MutationObserver API追蹤DOM的變化CH13 深入了解Intersection Observer API及其應用PART6 語音、聊天與AI互動CH14 使用Web Speech API讓網頁聽得懂我們說的話CH15 使用Web Speech API讓網頁開口說話CH16 用Web Speech API與你的AI朋友互動聊天PART7 通知功能與後台推播應用CH17 使用Web Notifications API幫網站加入通知功能CH18 Web Notifications API搭配Service Workers發送通知CH19 Web Notifications API結合Google Cloud的應用PART8 網站效能與背景執行緒應用CH20 使用Web Workers API走出自己的路CH21 Web Workers API的限制與效能優化處理CH22 管理Web Worker的生命週期與資源PART9 檔案處理與本地端資料庫管理CH23 File API的架構與應用CH24 另一種儲存資料的方式：IndexedDB APIPART10 安全與即時通訊CH25 使用Web Cryptography API提高網頁應用的安全性CH26 使用Google Cloud Run架設WebSocket ServerPART11 Browser Web API組合技CH27 用WebSocket API和Canvas API實作多人白板服務CH28 結合File API與Web Speech API製作文件閱讀器CH29 製作情緒追蹤器，以更好地理解自己APPENDIX 附錄附錄 A Browser Web API的比較與選用建議附錄 B 值得注意與追蹤的實驗性Browser Web API

商品規格

最佳賣點

最佳賣點 : 深入探討Browser Web API的最佳實踐
快速將學到的技能應用到實際開發中


本書內容改編自第16屆iThome鐵人賽JavaScript組冠軍系列文章《可愛又迷人的Web API》。作者整合比賽期間累積的範例與心得，以「一個Browser Web API即一個主題」的模組化架構呈現，讓讀