JavaScript

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

本書主要介紹網站開發的前端技術為主，以HTML 5、CSS 3、JavaScript、jQuery為基礎，搭配最新的Bootstrap 5前端框架開發行動優先的響應式網頁，逐步引導初學者邁向網頁設計高手的坦途。 【快速上手HTML5語法】 使用大量範例輔助學習HTML與CSS，使初學者快速進入網頁開發領域。 【CSS3排版】 以豐富的案例介紹CSS文字樣式、段落、列表、區域設計，精進排版技巧。 【CSS3動畫】 學習控制網頁元素變形、轉換與動畫設計，讓網頁的視覺呈現更加豐富。 【JavaScript程式】 從零開始學習JavaScript，由變數宣告、選擇結構、重複結構、陣列到函式，沒有艱澀專業用詞，讓初學者不再害怕程式設計。 【Bootstrap元件與互動組件】 使用Bootstrap元件，如表單、按鈕、表格、縮圖、卡片、廣告看板與格線系統與互動組件，快速打造具使用者體驗的跨平台RWD響應式網站。 【jQuery互動應用】 透過jQuery函式選擇元素進行互動、選取表單資料、呼叫動畫函式與替換樣式，打造良好的酷炫效果與互動網頁。 【RWD網站實戰】 實作具實務案例與行動優先的跨平台網頁，讓初學者的學習展現成果。 【ITS HTML&CSS國際證照訓練】 內文涵蓋ITS HTML&CSS國際認證技能知識，並提供模擬試題訓練，讓讀者除了擁有實作的能力，更擁有國際認證證明自己。

全新章節教您巧妙運用AI，讓寫程式更有效率！！ 掌握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。各章節除了實用的範例之外，在每一單元也安排了整合練習，讓讀者能加強學習並驗收學習成果，累積實作經驗，適合自修與教學使用。 本次改版新增了一個全新的章節「善用ChatGPT寫JavaScript程式」。透過這個章節，讀者可以學習如何應用AI，來協助自己更有效率地撰寫程式。 |適用對象| ✰對前端技術有興趣卻不知從何入門的初學者 ✰前端開發技術相關從業人員 ✰大專院校網站設計相關課程教材 |重點特色| ✰以淺顯易懂的方式快速了解前端開發的觀念及技術。 ✰熟悉網站原型(prototyping)並善用網路工具與資源加以實作。 ✰循序漸進介紹 Web 前端三大核心技術：HTML、CSS 及 JavaScript。 ✰活用前端框架 Bootstrap 技術以及工具模組，建構 RWD 網站。 ✰使用 Progressive Web Application(PWA)技術，逐步將網站優化為 Web APP。 ✰學習如何聰明使用 ChatGPT 來協助程式開發。 全新章節教您巧妙運用AI，讓寫程式更有效率！！ 本書共分三大單元，第一單元為前端開發觀念及HTML+CSS基礎到進階教學；第二單元安排JavaScript基礎的語法以及Web資料庫的應用；第三單元介紹前端

📢 含ITS HTML&CSS國際認證模擬試題 本書主要介紹網站開發的前端技術為主，以HTML 5、CSS 3、JavaScript、jQuery為基礎，搭配最新的Bootstrap 5前端框架開發行動優先的響應式網頁，同時介紹使用jQuery Mobile製作跨平台行動網頁，逐步引導初學者邁向網頁設計高手的坦途。 ．易學：經過初學者試讀，按圖索驥，可以完整重現書中範例，初學者好上手。並配合大量範例了解如何整合運用。 ．易教：本書經過與初學者或開發人員試教，修改內容與作法，去蕪存菁，教師免備課。 ．易懂：以圖文並茂方式逐步解說，內文融入ITS HTML & CSS國際認證知識，同時附上兩份國際認證模擬試題，讓讀者具考取認照的能力。 【快速上手HTML5語法】 使用大量範例輔助初學者學習HTML與CSS，使初學者快速進入網頁開發領域。 【CSS3排版與動畫設計】 以實際且豐富的案例介紹CSS排版、動畫、特效的設計技巧。 【JavaScript程式】 從零開始學習JavaScript、由變數宣告、選擇結構、重複結構、陣列到函式，沒有艱澀專業用詞，讓初學者不再害怕程式設計。 【Bootstrap元件與互動組件】 使用Bootstap元件，如表單、按鈕、表格、縮圖、卡片、廣告屏幕與格線系統與互動組件，快速打造具使用者體驗的跨平台RWD響應式網站。 【jQuery互動應用】 透過jQuery函式選擇元素進行互動、選取表單資料、呼叫動畫函式與替換樣式，打造良好的酷炫效果與互動網頁。 【RWD網站實戰】 實作具實務案例與行動優先的跨平台網頁，讓初學者的學習展現成果。 【跨平台行動網頁】 使用jQuery Mobile開發同時支援iOS、Android的跨平台行動網頁。 【ITS HTML&CSS國際證照訓練】 內文含蓋ITS HTML&CSS國際認證技能知識，並提供模擬試題訓練，讓讀者除了擁有實作的能力，更擁有國際認證證明自己。

從入門到精通，完整理解核心知識 掌握C#與JavaScript的實戰應用，提升實務能力 【專業推薦】 相信本書不論對初學者或進修者，都能提供很完整的學習指南。若是學生，可以將自己的創意與編程做結合，對於完成學習歷程及專題製作，也能有很大的助益。 ─ 林格立，頭城家商資處科教師 本書不僅適合對程式設計感興趣的初學者，也適合那些希望深入理解電腦科學底層原理，或想提升自身程式邏輯能力的開發者。它不僅傳授知識，更傳遞一種對學問的敬畏與探索精神。 ─ 顏旭男 【內容簡介】 本書是專為程式語言新手及追求進階的工程師所寫的實戰指南，內容介紹了程式語言入門需要學習的變數、陣列、方法等，然後使用C#或JavaScript製作遊戲機模擬器，用現代的程式語言模擬遊戲主機的控制器到畫面渲染，以及中央處理器的指令集執行。本書帶你學習程式語言的撰寫，並掌握程式運作與中央處理器、暫存器底層的合作邏輯。 【本書特色】 ✪提供程式語言的基礎教學與變數、陣列、函式、方法等。 ✪介紹2進制與16進制、位元運算的應用，增進程式運作的效率。 ✪說明中央處理器的運作邏輯以及暫存器之間的關係。 ✪實作遊戲主機模擬器的講解與範例。 ✪實作遊戲機模擬器的控制器實現以及遊戲畫面顯示。 【目標讀者】 ✪希望有入門程式語言的教學與實作應用的學生。 ✪希望能進階應用程式語言、製作出特殊作品的工程師。 ✪希望透過實際範例，理解到程式語言與電腦底層的邏輯關係，進而提升程式效率。 ✪想要製作出一款屬於自己的遊戲機模擬器的工程師。 本書是專為程式語言新手及追求進階的工程師所寫的實戰指南，內容介紹了程式語言入門需要學習的變數、陣列、方法等，然後使用C#或JavaScript製作遊戲機模擬器，用現代的程式語言模擬遊戲主機的控制器到畫面渲染，以及中央處理器的指令集執行。本書帶你學習程式語言的撰寫，並掌握程式運作與中央處理器、暫存器底層的合作邏輯。