JavaScript Web Applications

內容簡介:擷取、清理、分析與轉換資料「Kyran的書包含了大量資訊，從D3.js細節說明，到如何建構出由客製化互動式儀表板所使用的、且由資料庫所支持的API。可以肯定地說，您將從這本書中學到很多東西！」―Peter Cook, 《D3 Start to Finish》作者如何將原始、未經處理的資料轉化為動態的互動式web視覺化？在這本實用的書中，作者Kyran Dale向資料科學家、分析師以及Python、JavaScript開發人員，展示如何為工作建立理想的工具鏈。藉由提供引人入勝的範例以及分享得之不易的實務經驗，本書將引導您善用最佳的Python和JavaScript程式庫。Python為爬取、清理和處理資料提供強大、成熟的程式庫。在web視覺化程式設計方面，JavaScript是最好的語言。這兩種語言相得益彰，可以幫助您建立現代web視覺化工具鏈。您將學習如何：‧使用爬取或web API(Requests、Scrapy、Beautiful Soup)獲取資料‧在NumPy生態系統(帶有pandas、Matplotlib和Seaborn的Jupyter notebook)中使用Python資料處理程式庫清理和處理資料‧使用靜態檔案或輕量級Python伺服器(Flask RESTful API)將資料交付到瀏覽器‧掌握足夠的web開發技能(HTML、CSS、JavaScript)將資料視覺化‧使用挖掘和精煉資料建立web圖表和視覺化(Plotly、D3)

全彩印刷、內容持續進化、網羅最新技術、最新語法、最多範例 經典暢銷書全新改版，快速學會網頁設計的關鍵技術！ 有了本書，讓你一次學會網頁設計的關鍵技術： *使用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 (一網站一網址) 的目標。

動態網站建造指南 包含React、PHP 8&MySQL 8 「本書介紹許多重要的web開發語言，是一本很棒的入門書，節奏明快、容易閱讀、內容豐富，可讓你用最快的速度製作動態網站，包括基本的社交網站。」 ―Albert Wiersch CSE HTML ValidatorZ開發者 即使你只會基本的HTML，也可以利用開放原始碼技術與web標準來建構互動、資料驅動的網站。這本暢銷書的新版本將帶領你使用最新的核心技術來設計動態網路程式，包括PHP、MySQL、JavaScript、CSS、HTML5、jQuery與強大的React程式庫。 本書將告訴web設計者如何同時使用這些技術，並在過程中教導寶貴的web程式設計實踐法，包括如何為行動設備優化網站。你將整合所有知識，建立一個功能齊全、可在桌機和行動瀏覽器中使用的社交網站。 ‧探索MySQL，包括資料庫結構與複雜的查詢指令 ‧使用MySQL PDO擴充套件，它是PHP的改善版MySQL介面 ‧建立動態的PHP網頁，讓它為使用者量身定制 ‧管理cookie與session並維持高度安全 ‧用React程式庫來加強JavaScript ‧使用Ajax呼叫來做幕後的瀏覽器/伺服器通訊 ‧掌握CSS技術，為網頁設計樣式 ‧實作HTML5功能，包括地理定位、音訊、視訊與canvas元素 ‧變更網站的格式，將它改成行動web app

【新書簡介】 有鑑於現代Web應用程序的需求越來越高，從而需要一些高效而且可重用的解決方案。開發JavaScript函式庫就是一種解決方案，這種方案可以為Web開發者提供更快的開發速度，並且能夠滿足複雜的需求。本書主要涵蓋三個部分內容，可以滿足讀者不同階段的學習訴求：首先，介紹如何開發和開放原始碼一個現代 JavaScript 函式庫，這部分內容可以幫助讀者快速達成函式庫開發目標；接續介紹現代 JavaScript 函式庫的設計最佳實踐和安全最佳實踐，這部分內容可以極大提高讀者開發 JavaScript 函式庫的品質；最後為實戰部分，本書精選了 9 個典型函式庫作為案例，帶領讀者了解不同類型的 JavaScript 函式庫的開發要點。透過本書作者專業與實作經驗，讀者可以學習到這些技能，提高自己的技術水準，本書就是讓讀者走上正確道路之最佳指南。 【本書看點】 ✪ 定義函式庫目標，為開發者提供什麼功能？確保能滿足實際需求 ✪ 設計函式庫架構，包括確定需要函式和模組，以及兩者之間的關係 ✪ 編寫函式程式，確保程式易維護和可擴充 ✪ 建立測試使用案例驗證函式按預期運行，透過手動測試自動化測試 ✪ 程式碼重構，包括優化性能、改進可讀性或提升再使用性 ✪ 文件撰寫，函式庫使用指南、API 文件等 ✪ 建立範例程式，說明函式庫使用，建立簡單的範例應用並演示 ✪ 發佈函式庫到適當的來源函式庫中，包括 NPM、GitHub ✪ 維護函式庫，定期維護及相容性 【適合讀者】 ☛ 對於JavaScript有基礎的開發者。 ☛ 即將要面試的前端開發者。 ☛ 想要鑽研JavaScript核心知識的開發者。 ☛ 網頁程式設計相關從業人員。 ☛ 大專院校網頁程式設計相關系所的師生。 ※ 本書附程式碼，可至深智官網下載：deepmind.com.tw/

「Bryan和Thomas熟練地奠定了多執行緒開發的基礎，並巧妙地說明各種JavaScript執行時期如何實作平行計算。」 ―James Snell Node.js技術指導委員會成員 「當我開始深入研究worker執行緒時，我會很想讀這本書。它很詳細並提供很好的參考資訊。分析那章讓我忘情的大喊大叫。」 ―Matteo Collina NearForm首席軟體架構師 您準備好使用JavaScript來建構多執行緒應用程式了嗎？透過這本實用書籍，有經驗的JavaScript開發人員將可瞭解瀏覽器中所提供的web worker API和Node.js所提供的worker執行緒模組的優缺點。 作者Thomas Hunter II和Bryan English聚焦於建構多執行緒應用程式的兩種方法：一種是使用訊息傳遞，另一種則使用共享記憶體。您將學習用於實作每種方法的API，包括何時可能會想要使用其中一種方法或另一種方法，以及何時可以將它們組合。您還將接觸到基於這些方法所建構的進階樣式。 ‧瞭解如何從多執行緒程式設計中受益 ‧瞭解專用worker、共享worker和service worker之間的區別 ‧知道何時要以及何時不要在應用程式中使用執行緒 ‧透過利用Atomics物件來協調執行緒之間的通訊 ‧應用這些知識來建構高效能應用程式 ‧進行基準測試，來看看您是否會從多執行緒中受益

☆ ★☆ ★☆ Web開發新選擇！☆ ★☆ ★☆和C/C++一樣強大簡潔，比Node.js好學易懂，比Php高效快速，開發Web程式一起Go！市面上這麼多程式語言，從大家一定要學的Java/C/C++/C#，一直到非常流行的Python，Javascript等。想學Web開發，雖然什麼語言都行，但現今Web的架構十分複雜，再加上企業對程式設計師「全端」的能力、「快速開發」能力、「DevOps」能力的要求甚高，一個Web程式語言要面面俱到的確有難度。過去一直以為Go是專注在區塊鍊開發的程式語言，在開發Web時並不會列入考慮，大部分的初學者想到的就是Php，稍微有經驗的開發者會考慮Node.js或是Rails這種較大型的開發框架，但曾幾何時，Go以及其Web框架Beego/Gin已經慢慢成為主流了。本書是市面上難得將Go從頭到尾說明完整清楚的參考書，如果你已經有程式開發經驗，這個類似精簡快速的C語言，會讓你重新享受C高速開發的樂趣，而成品也禁得起大型企業網站的考驗。而最流行的Docker佈署，本書也有一章完整的介紹，從了解Go語言本身、Web框架、ORM資料庫連結(包括了NoSQL)、最後到Docker佈署，一氣呵成，Web開發就靠他了。◎ 本書特色（1）第一線技術，突出實戰。本書中穿插了大量的實戰內容，且所有程式採用目前的Go 最新版本編寫。（2）精雕細琢，閱讀性強。全書的語言經過多次打磨，力求精確。同時注重閱讀體驗，讓沒有任何基礎的讀者也可以很輕鬆地讀懂本書。（3）零基礎入門，循序漸進，讓讀者快速從菜鳥向實戰高手邁進。本書以Go 入門級程式設計師為主要物件，初級、中級、進階程式設計師都可以從書中學到知識。先介紹Go 的基礎，然後介紹Go Web 的基礎，介紹Go Web 的進階應用，介紹B2C 電子商務系統實戰開發，最後介紹應用的Docker 實戰部署，真正幫助讀者從基礎入門向開發高手邁進。（4）極客思維，極致效率。本書以極客思維深入Go 語言底層進行探究，幫助讀者了解底層的原理。全書言簡意賅，以幫助讀者提升開發效率為導向，同時盡可能幫助讀者縮短閱讀本書的時間。（5）由易到難，重點和困難標注並重點解析。本書編排由易到難，內容基本覆蓋Go Web 的主流前端技術。同時對重點和困難進行重點講解，對易錯點和注意點進行了提示說明，幫助讀者克服學習過程中的困難。（6）突出實戰

原來網頁還可以這樣玩？融合電子電路與網頁，一起打造有趣的遊戲吧！ 【內容簡介】 本書內容改編自【第13屆】2021 iThome 鐵人賽，Modern Web 組佳作網路系列文章 ──《你渴望連結嗎？將 Web 與硬體連上線吧！》。 隨著瀏覽器支援的 Web API 越來越豐富，有一天我注意到了「Web Serial API」這個神奇的東東。以往 JS 沒有權限能夠存取作業系統底層 API，所以要進行串列通訊都需要一個中介伺服器轉送資料，但是透過 Web Serial API 就可以直接透過瀏覽器進行串列通訊了！於是這個主題就這麼誕生了。 【寓教於樂】 本書應用情境將以各類遊戲為主，了解電子訊號如何與遊戲結合。透過遊戲與技術的連結，讓讀者能夠從底層了解運作原理且不會枯燥乏味。 【由淺入深】 本書將依序介紹 Vue、Quasar、Firmata、各類電路等等技術，讓讀者可以循序漸進的認識相關技術，並整合這些技術、設計情境，透過一層一層堆疊，最終淬鍊出一個完整的應用程式。 【設計與分析】 軟體開發領域的工程師一定都知道一個永遠不變的道理，就是「技術會不斷更新」。 本書在設計應用情境章節時，會先從需求分析、設計草稿開始，因為技術會變，但是設計與分析的過程基本上大同小異，學會「如何分析、解決問題等等技能」遠比「學會使用工具或某項技術」還重要。

解鎖地圖與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實用且充滿趣味的技術領域。 溫在弘 國立臺灣大學地理環境資源學系教授 國立臺灣大學理學院空間資訊研究中心主任 中華民國地圖學會理事長

ChatGPT 神助手！幫你寫程式、爬取資料樣樣行！【ChatGPT × Excel VBA 的自動化資料清理、分析及繪製圖表】▼本書從基礎的 Excel VBA 開始，說明如何用 VBA 來操控 Excel 活頁簿、工作表和儲存格的自動化操作後，再教你活用 ChatGPT 進行活頁簿和工作表的合併與分割。接著教你資料清理、轉換的方法，並使用 VBA 正規表達式來清理儲存格資料。清理資料後，即可建立 VBA 程式自動化繪製圖表、套用公式和建立樞紐分析表進行資料分析。【活用 ChatGPT 剖析 HTML、CSS 選擇器、JSON 等資料】▼教你活用 ChatGPT，使用生成式 AI 帶你學習 HTML 標籤和 CSS 選擇器、寫出正規表達式、找出 CSS 選擇器、剖析 JSON 資料，更可以在提示文字 (Prompts) 的幫助下，寫出各種不同應用的 VBA 程式，讓你成為一位VBA 程式設計的 AI 溝通師。【ChatGPT × Excel VBA 整合應用】▼實作是學習程式不可缺少的部分，第 11 章有豐富的網路爬蟲實戰，大家可以實際練習從網路抓取所需的資料。第 12 章將說明如何在 Excel 串接 ChatGPT API，用 XMLHttpRequest 物件來呼叫 ChatGPT API，將 ChatGPT 的回應填入 Excel 儲存格。並安裝 ChatGPT API 的增益集，使用 ChatGPT API 自動化撰寫 Excel 儲存格的客戶回應。本書特色: 【自動化✕抓資料✕生程式✕建圖表】★自動化讀取、更新與走訪 Excel 儲存格資料。★自動化 Excel VBA 資料分析、清理及視覺化。★使用 Excel 的 Web 查詢取得網頁資料。★使用 Excel VBA 處理 JSON 資料。★擷取階層結構的 HTML 清單和表格標籤。★分析 Bootstrap 相簿網頁的標籤結構。★爬取 AJAX 技術的 JSON 資料。★用 IHTMLTable 物件擷取 HTML 表格資料。★爬取 JavaScript 動態網頁的多筆記錄資料。

使用型別安全的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整合環境工具，協助快速開發並減少錯誤

內容簡介 本書內容改編自第 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，讓你掌握最新功能。 專業推薦 如果你希望透過學習 React 這個目前業界非常流行的框架，來提升職涯發展潛力，那這本書再適合你不過！本書是 PJ 為你設計的一趟學習旅程。除了耐心指引你步驟之外，更會告訴你各種「為什麼」，讓你對 React 背後的邏輯與思維有充分瞭解。更重要的是，你將體會到，「學習」，其實可以很不一樣。 Bernard Chan | 陳治平 前 Yahoo! 亞太區產品總監、ALPHA Camp 校長 本書不是一本工具書，而是作者在腦中思考的過程，是一本教你思考的書，以邏輯思考的走向代替一般指令式的教學，這樣的內容才是正確的教學方式，學習到的並不只是技術，而是在實務過程中所累積下來的經驗。 Howard | 吳展瑋 台南「好想工作室」創辦人、台灣口罩地圖、動森揪團工具開發者 讀者好評推薦 如果你是期待能用 React 快速上工的人，這本書會非常有幫助! 照著此書的安排，你會用 React 完成一個簡單卻完整的 web app。開發過程所需要的 JavaScript 基礎知識，都會詳細

★★★★★【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的材質化元件庫 ✪完整實作專案貫通全書所有的觀念 適合讀者 ★所有Dart初學者、Angular愛好者、Flutter開發人員

●Flexible approach to content: Self-contained chapters allow instructors to customize the selection, order, and depth of chapters.●Flexible approach to technology:Text is adaptable to courses having various levels of computer involvement, ranging from none to intensive. Technologies include advanced graphing calculators, spreadsheets, web-based systems (applets), computer algebra systems (Maple, Mathematica, Sage), scientific computations systems (MATLAB), or traditional programing (FORTRAN, JavaScript, Python). More than 450 problems are marked with technology icons and files for those problems are available. ●Emphasis on understanding concepts: A great number of problems as well as some examples call for conclusions to be drawn about the solution which reinforces the concept of the topic.

想一次學會 Python 四大網頁框架嗎？本書幫助您掌握與應用 Python 3 及 Django、Tornado、Flask、Twisted！Python榮登2021年程式語言排行之首，被應用於開發各種應用程式，在網頁開發的世界也成為了當紅炸子雞。Python入門新手／擅於Web開發的老手都適合的選擇★ 從『Python基礎建立』到『Web Frameworks全面應用』本書作為Python入門到網頁框架實作開發的指南，凡是對Python與網頁設計開發有熱忱的讀者，本書是您再合適不過的選擇！全書皆以Python 3進行講解與實作，亦詳細說明網路通訊（TCP/IP、HTTP、Socket）、網頁前端設計（HTML、CSS、JavaScript）、資料庫與ORM，從基礎知識扎根；建立Python基本觀念之後，循序漸進說明最新穎的四大網頁框架――Django、Tornado、Flask、Twisted，最後針對每個網頁框架選出了最合適的網頁專案進行實作開發，包含社交網站、聊天室、資訊管理系統、物聯網訊息閘道等實際IS系統場景，讓讀者知悉並 go through 前端開發由概觀到細節的過程。本書特色◆ 真正零基礎學Python Web開發，保證誰都看得懂！◆ 網羅四大網頁框架：- 最穩定的老牌Django開發框架- 最高性能的Tornado開發框架- 小巧輕快的微框架Flask- 事件驅動的Twisted開發框架◆ 以Django / Tornado / Flask / Twisted實作開發：- Django + PostgreSQL開發Twitter系統- Tornado + jQuery開發WebSocket聊天室- Flask + Bootstrap + Restful開發資訊管理系統- Twisted + SQLAlchemy + ZeroMQ開發跨平台物聯網訊息閘道

思想、脈絡與觀念理解是真正的專業技術門檻，也是鑑別出實力強大或平庸工程師的關鍵區別之一。 本書內容改編自第 14 屆 iThome 鐵人賽 Modern Web 組的冠軍系列文章《一次打破 React 常見的學習門檻與觀念誤解》。本書以循序漸進的脈絡帶讀者從頭理解 React 技術的核心觀念、運作原理與設計思維。 React 本身的設計基於了許多程式領域的設計模式，而這些設計模式的概念大多都與「還沒有使用前端框架時的程式運作思維與習慣」相去甚遠。因此當你沒有真正理解這些設計模式時，你會覺得 React 的許多設計與行為都很不直覺甚至莫名其妙。並且，如果你不熟悉這些觀念或原理的話，則非常容易在實際開發時寫出有問題但卻不自知的程式碼，為專案的程式碼品質和軟體產品的可靠性埋下巨大的隱患。 有別於市面上充斥的各種「教你如何呼叫語法」以及「帶你實戰範例」的 React 學習資源，本書會著重於技術理解的基本功累積，讓你對於 React 的觀念不再一知半解，以避免「跟著寫了很多 React 範例練習卻還是不懂這些程式碼是如何運作的，無法真正掌握這門技術」這種常見的學習瓶頸，帶你朝向真正的專業 React 開發者邁出紮實且關鍵的一大步。 目標讀者 本書並不是一本關於如何開發 React 專案的手把手實戰教學手冊。相較於大量的案例實作練習，本書會更聚焦於 React 的核心設計思維以及最常被誤解的觀念進行透徹的解析，希望能夠幫助大家一次打破 React 的學習門檻與觀念誤解，成為真正的專業 React 開發者。這本書適合所有「希望將 React 作為專業技術能力」的人學習： ❏ 適合有 JavaScript 的基礎，但對 React是完全新手的人。你可以透過本書從零建立相當穩固的 React 核心觀念理解與思維的基本功，對於後續繼續學習其他實戰類型的學習資源也能有更好的基礎進行銜接。 ❏ 也適合已經在學習 React 中的人。這本書將可以讓你對於許多觀念的理解茅塞頓開，學習成效事半功倍。 ❏ 也適合對 React 有一定程度的認識或實作經驗，但對於核心觀念與原理還沒深度掌握的人（應該有蠻多人是處於這個階段）。這本書會是你突破瓶頸、邁向資深 React 開發者的關鍵助力。專業推薦 「這本書使 React 初學者能夠打破「只會跟著寫範例但不理解背後原理」的惡性循環，進而

內容介紹: 不同於常見機器學習皆是由 Python 語言實作, 本書使用 JavaScript 語言於瀏覽器實作機器學習, 搭配著名的 JS 機器學習函式庫 ml5.js 可以更快速且便利地達成 AI 網頁應用, 對於許多熟悉 JS 語言的前端工程師或使用者更為親近, 實驗過程使用 p5.js 程式庫, 讓沒有太多程式設計基礎的使用者也可以更輕鬆將結果視覺化, 再搭配使用 p5.js web editor 線上開發環境, 只需要使用瀏覽器就可以開始輕鬆設計網頁, 不需要在自己的主機建構繁瑣的開發環境, 再搭配 Python 編寫控制板程式, 將應用結合至感測器或實體輸出裝置, 實現更完整的機器學習應用實例。本書一開始會先介紹機器學習概念與 p5.js web editor 線上開發環境基本操作, 接著直接體驗使用 ml5.js 中的現有模型, 實作可以辨識特定物件的影像分類器。除了網頁實作神經網路外, 可再串連硬體控制板, 藉由控制板輸出預測結果, 比如使用物件偵測來判斷是否有人出現, 對應的 OLED 顯示器模組就會出現迎賓文字或相關訊息；或是語音辨識讓玩家用語音來控制遊戲, 遊戲結束後會通知控制板啟動振動馬達回饋給玩家。最後會使用 ml5 程式庫實際訓練自己的神經網路模型, 首先為利用控制板蒐集感測器資料, 再透過神經網路訓練解決迴歸問題, 如藉由溫度感測器的訊號, 找出感測值與實際溫度的關係, 做出自製即時電子溫度計, 再結合可以即時顯示畫面去背效果的 U-Net 模型, 就可以使用環境溫度來改變虛擬背景特效。接著為解決分類問題的神經網路, 使用現成的 Facemesh 模型找出臉部特徵點, 分別蒐集臉部不同的角度資料進行訓練, 最終得到一個可以辨識是否打瞌睡的模型, 再串接實體蜂鳴器在打瞌睡時, 發出警報聲提醒使用者。最後訓練的神經網路為卷積神經網路, 透過蒐集配戴口罩與否的不同照片作為訓練資料, 經過卷積神經網路訓練後, 就可以用此模型來判斷畫面中的人是否有正確配戴口罩, 再結合模擬門鎖的伺服馬達, 建構出一套口罩門禁系統的概念。本產品除實驗手冊外，實驗過程中有任何問題或是建議都可以在 Facebook 粉絲專頁《旗標創客‧自造者工作坊》中留言，即有專人為您服務。本產品 Windows / Mac 皆適用　操作本產品需要視訊鏡頭及麥克風 (筆電

以JavaScript開發機器學習「Gant在這本書中開門見山的教導您，網頁開發者使用JavaScript和瀏覽器需要知道的重要知識。」—Laurence MoroneyAI倡議領導者, Google「《TensorFlow.js學習手冊》讓您可以邁入TensorFlow.js，讓所有JavaScript開發者獲得新一代網頁應用開發的超能力。"—Jason MayesGoogle TensorFlow.js資深工程師「Gant神奇的解釋了複雜的機器學習概念，避免過於複雜的數學陷阱，您很難再找到更好的JavaScript資料科學介紹了。」—Lee Warrick全端JavaScript開發者鑑於對AI的需求和JavaScript的無所不在，TensorFlow.js的狂潮是不可避免的。借由這個Google框架，可以協助經驗豐富的AI老手和Web開發人員推動AI驅動網站的未來發展。在這本指南中，作者Gant Laborde(機器學習與web領域，Google開發人員及專家)為資料科學家、工程師、web開發人員、學生和研究人員等廣大技術受眾，提供了TensorFlow.js實務操作基礎方法。您將首先學習TensorFlow.js中的一些基本範例，再深入研究神經網路架構、DataFrames、TensorFlow Hub、模型轉換、遷移學習等。讀完本書後，您將瞭解如何使用TensorFlow.js建構和部署產出就緒的深度學習系統。‧探索張量(tensors)，機器學習的最基本結構‧使用真實範例將資料轉換為張量及返回‧使用TensorFlow.js將AI與web相結合‧使用資源來轉換、訓練和管理機器學習資料‧從頭開始建構和訓練您自己的訓練模型