JavaScript

【好評推薦】 「文章內容講解得非常清楚，搭配詳細的說明圖片，以問答的形式可以讓人能夠一目了然，並了解這個問題的解決方式與問題核心內容知識，非常推薦給需要轉職的工程師們參考。 」 ──黃士桓 / 台北市前端工程師 「極度適合列為公司教育訓練的必讀書籍，提升核心觀念，減少在專案中埋入未知地雷的機會，推薦給正在帶新人的你，用一本書拯救你的專案。 」 ──薯餅 / 大安區全端工程師 「即便工作了幾年，也有許多的小細節未曾發現過，作者透過由淺入深的方式，將原本生硬的運作原理以更口語化的方式來幫助大家吸收。 」 ──WeiJ / 什麼都要學的軟體工程師 「卡斯伯長期撰寫的部落格文章中，有各種漂亮阿姨舉例，這些淺顯易懂、融合經驗的重點整理，讓小菜雞獲益良多。 」 ──莨 / 設計轉職前端菜雞預備軍 「其實掉坑是其次，爬起來就好了，關鍵是語法背後的邏輯為什麼錯？這些是Google搜尋時不會跟你說明的。 」 ──Leo / 桃園助理工程師 「無論是面試需要懂的JavsScript核心觀念，或者在實戰中常掉進的屎坑，這本書都講得非常清楚而且淺白易懂，可以讓開發者少走很多彎路。上個月面試碰到的考題都在這裡了，相見恨晚啊！」 ──王小白 / 台南前端工程師 【本書特色】 著重JavaScript實戰應用與核心知識！ 掌握一定要會的JavaScript面試致勝筆記！ ✦介紹JavaScript的核心知識、經典知識點以及「求職中容易被問到」的問題 ✦每個JS章節後方均有額外考題，除了提供知識，更驗證是否有正確理解 ✦加入前端必備的額外延伸知識，包含開發架構、網路等相關觀念 【內容簡介】 在本書中，包含許多經典的JavaScript知識點及問題，這些知識點是屬於容易被忽略的核心知識，掌握這些知識內容，將有助於求職中應對各類陷阱題，以及在複雜的JavaScript開發時，更容易找出相對應的錯誤；除此之外，目前主流的ECMAScript 6以上的語法當然也不會錯過，本書會介紹這些語法與ES5觀念上的不同，以及可能遇到的問題點。 當然，作者非常清楚前端在求職的過程絕對不是只有被問到JavaScript的問題，而且並非所有的面試官都是前端開發者，所以除了書中的七大JavaScript章節以外，另外補充「第八章前端面試常見問題」，此章節加入了前端面試常見的延伸問題，例如：MVC、SPA、SSR等各種專有名

正確運用HTML標籤及CSS屬性表格樣式， 零程式基礎美編人員，照樣輕鬆掌握網頁設計技巧 本書是以HTML和CSS為主體，將網頁設計必備知識由淺入深分成12章節來做介紹，每一章中談到的HTML或CSS語法都會搭配完整實例，輕易看出不同語法執行結果的差異，書中介紹風格盡量以簡潔、清楚的方式呈現，方便讀者學習正確語法，輕鬆掌握網頁設計技巧。精彩篇幅包括： ✧網站設計必備知識 ✧HTML入門標籤 ✧表格/表單與多媒體素材 ✧CSS樣式基礎語法 ✧超夯的網頁區塊規劃 ✧必學的吸睛網頁工作術 ✧輕鬆搞定網站圖像與色彩 ✧實作HTML+CSS整合網頁設計 ✧實作兩欄式網頁設計 ✧實作格狀式網頁設計 ✧實作線上購物表單設計 ✧HTML網頁的SEO視角 ✧JavaScript快速入門 ✧NotePad++文字編輯器 ✧內嵌YouTube影片 ✧常用的HTML標籤 ✧常用的CSS屬性

思想、脈絡與觀念理解是真正的專業技術門檻，也是鑑別出實力強大或平庸工程師的關鍵區別之一。 本書內容改編自第 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 皆適用　操作本產品需要視訊鏡頭及麥克風 (筆電