JavaScript

本書介紹了Web在整個網絡體系架構中的位置、Web與Internet的關係，引出了Web的3個基本要素：URL、HTTP、HTML。同時，介紹了HTML 4.01、CSS 2.1、JavaScript的全部內容，XML、XHTML、HTML5、CSS 3的基本原理與核心內容，以及Web編輯工具Dreamweaver的使用方法。

Bootstrap是一個基於HTML5 和CSS3 的前端開發框架，它現成可用的HTML 元素、CSS 樣式、JavaScript插件，極大地提高了Web前端開發效率。目前，它已成為了前端設計領域流行的輔助技術。本書共分8章，圍繞Bootstrap5的使用，主要介紹了Bootstrap5 中柵格系統、CSS 佈局相關知識、工具類、表單、CSS 組件、JavaScript 插件等內容。前7 章都有豐富的實例和實訓項目，第8 章是一個綜合案例。此外，各章實訓項目均配有微課視頻。本書適合作為高校前端框架課程的教材，也適合零基礎的讀者學習，還適合對HTML、CSS、JavaScript有一定瞭解的讀者閱讀，同時可作為“1+X”Web 前端開發職業技能（中級）認證的參考書。

本書共14章，內容涵蓋Web前端開發基礎，HTML5基礎，文本、圖像、多媒體和列表，超鏈接、表格和表單，CSS3基礎，CSS3的常用屬性，CSS3佈局，CSS3高級應用，JavaScript基礎，函數，對象和數組，DOM和BOM，事件，jQuery，以及創建WJ自製女裝品牌店網站。

本書根據作者多年的實際教學經驗積累而創作，圍繞一個綜合網站實例，採用任務驅動和案例教學法組織教材內容，系統地介紹了Web前端開發技術(HTML5、CSS3、JavaScript)與可視化網頁開發工具DreamweaverCC2019的使用方法。 本書共12章，包括網頁設計概述、HTML基礎、HTML5新功能、DreamweaverCC2019概述、Dreamweaver網頁製作入門、CSS、網頁佈局和排版、行為、創建表單、模板與庫、網站綜合實例、JavaScript語言基礎等內容。 本書案例豐富，將Web開發技術與實例應用相結合，並提供基於實例製作的教學微視頻、電子課件、源程序、素材。讀者按案例步驟操作就能夠掌握網頁製作的各個知識點，並提高綜合應用的能力。

本書共7章，內容包括：電子商務網站前端建設基礎、HTML頁面的構建與控制、CSS樣式基礎入門、網頁佈局、JavaScript的基本知識和應用方法、電子商務網站前端架構、電子商務網站設計與製作。

前端開發人員必須掌握3種語言，分別是HTML、CSS 和JavaScript。本書講解的是前端三大巨頭中的兩巨頭――HTML和CSS，主要用來設置網頁呈現在用戶眼前的效果，二者分別負責結構和表現。本書從HTML 和CSS 入手，層層遞進、步步深入，詳細地講解了HTML 標簽與CSS 的相關屬性。隨著時代的更迭，標簽和樣式也有所更新，本書在講解了基礎知識後，又對HTML5 與CSS3 的新增標簽和屬性進行了相關介紹，同時穿插了大量案例，模擬了真實的開發場景。

本教材是基於慕課《Web前端設計基礎》的配套教材。內容包括Web基礎知識、HTML、CSS、JavaScript四個單元，各內容單元又分別按照基礎知識、操作技能、應用提高三個層次組織教學內容。教材基於OBE理念及Web前端設計的工作過程，以培養學生的實踐應用能力為主線，通過具體網站建設項目的學習Web前端設計的相關規範、HTML超文本標記語言、CSS樣式、JavaScript腳本等基本知識和操作技術，通過任務實踐提升綜合應用能力。《Web前端設計基礎》教材內容豐富、結構合理、思路清晰、語言簡練流暢、示例翔實，適合作為高等院校電子商務、信息管理等相關專業Web前端設計、網頁設計等課程的教材，還可作為Web前端設計與開發從業人員的參考資料。

本書以實踐能力為導向，以開發企業真實應用為目標，遵循企業軟件工程標準和技術開發要求，採用任務驅動方式，將靜態網站開發(HTML5+CSS3、JavaScript+jQuery、Bootstrap)、Web前後端數據交互(AJAX、RESTful API)、MySQL、PHP動態網站開發(PHP+Laravel或PHP+ThinkPHP)和Java動態網站開發(Java+SSM)等相關知識單元，融入實際案例和應用環境中。

本書較為全面地介紹了HTML5前端開發的核心知識，並簡要介紹了使用HBuilder開發移動App的流程。全書共8章，從企業用人需求的角度出發，本著夠用、實用的原則，介紹了JavaScript、HTML、CSS、移動前端實戰、Swiper插件、JSON數據、jQuery框架、移動App開發等相關知識。通過學習本書，讀者可以掌握HTML5核心要點，能夠運用CSS進行佈局。通過學習Swiper插件，讀者

本書由3篇組成: 基礎篇的重點介紹採用XHTML、CSS、Hack等前端技術進行PC端版網站開發、設計和測試; 進階篇的重點介紹採用HTML5、CSS3、Bootstrap前端框架、DOM、Hack、Flex彈性盒等前端技術進行移動端版網站開發、設計和測試; 交互篇的重點介紹採用JavaScript語言和jQuery前端框架等交互技術進行靜態網站人機交互的開發、設計和測試。網站產品的瀏覽器兼容性設計是本書的難點。

本書以一個程序員的視角講解了使用ASP.NET Core開發一個全新應用程序並將其發佈到互聯網上的所有必經步驟，詳細介紹HTML、CSS和JavaScript等Web技術基礎，以及貫穿整個網站開發過程的基本技術和設計思想，最終以測試和發佈結束，以期幫助讀者掌握Web編程技術，探索應用程序的架構，並使用新興的框架來構建現代應用程序和適用于雲端的應用程序。 本書通過介紹跨平臺Web應用程序的開發、部署與管理的完整流程指導讀者學習動態網站的開發與設計，使其掌握開源ASP.NET Core技術，並知道如何將MVC、Docker、VisualStudio、C#和EntityFramework融會貫通，完成開發、測試、部署和維護等各環節的工作。 本書讀者需要具有一定的程序開發基礎和Web開發的背景知識，在閱讀完本書後將有能力構建一個真實的、由關係型數據庫驅動的應用程序，並可以將其部署在基於雲端的基礎架構上。

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

本教材書按照循序漸進、從簡到繁、從基礎到提高、理論與應用結合、緊跟時代新技術原則,全面深入闡述了Web網頁與網站、靜態網頁製作、網頁圖形圖像、網頁網站設計、動態網頁與數據庫技術、動態網站應用開發等內容.具體包括HTML網頁基礎、HTML5新技術、CSS樣式表技術、用Dreamweaver工具設計開發網頁網站、用Fireworks製作網頁圖形圖像、Web網頁網站的規則與設計、JavaScript語言與行為、jQuery基礎、ASP動態網頁基礎、ASP動態網頁數據庫技術和Web動態網站設計開發實例等,並為讀者提供了書中所有源程序和電子課件(請登錄華中科技大學出版社網站http://press.hust.edu.cn上查詢、下載),書中所有代碼都經作者認真調試通過.本書可作為高等院校計算機、教育技術、信息類專業和電子商務等專業網頁網站、Web設計開發及相關課程的教材或參考書,也可供專業網站設計和開發人員參考.

本書依據“1+X”職業技能等級證書中“Web前端開發(初級)”的能力標準與知識要求，以HTML5、CSS3、JavaScript技術為基礎，以簡單易學、功能強大的Dreamweaver CC 2019為平臺，全面介紹Web前端開發的相關技術與方法。 本書通過項目化的內容組織、嚮導式的開發流程，由淺入深地介紹了Web前端開發的全過程。全書通過“HTML教程”網站、“雲音樂”網站、“數字消消樂”網頁小遊戲、“校園淘”網站等4個典型項目的開發過程，以能力系統化、知識碎片化的處理手法，系統培養Web前端開發所需要的能力，同時將必需的知識融入網頁製作過程之中；結合教材提供的豐富的在線教學資源，可以圓滿實現“教學做合一”的技能培養目標。 本適合作為中、高職學校“Web前端開發技術”課程的教材，也可作為“1+X”證書職業技能等級證書的培訓教材，還可供Web前端開發愛好者自學使用。

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

教材,編程思維可以分解為4個部分：問題分解,模式識別,抽象思維,算法設計.這是一種高效且實用的思維方式,尤其在處理看起來很複雜的問題上,非常有效.生活上處處可以運用編程思維.在21世紀的今天,各項各業都已經和信息技術相結合,科學研究更是如此,由此而產生眾多交叉學科,編程便成為了交叉學科的最基本技能.編程思維涵蓋了反映計算機科學之廣泛性的一系列思維活動,是適合每個人的一種普遍的認識和一類普適的技能.本教程希望通過Blockly可視化編程語言作為編程入門工具,通過類似拼圖的方式構建出程序,結合遊戲案例教學,激發學生們學習編程的興趣,推動他們更深入的探究程序設計和進行算法設計.此外,Blockly功能非常強大,可以用它開發出功能更強大的編程工具,如非常流行的編程工具Scratch、AppInventor等.用Blockly編寫程序的代碼可以自動轉換成Javascript、Python、PHP、Lua、Dart等語言.筆者將通過遊戲引入課程內容講解,再到能力提升,增加了學習的趣味性；本教材將全面系統介紹所有知識點,並結合程序設計思維和算法思維講解,由易到難進行編寫,將更加適合不同層次的讀者的使用.通過本教材的編寫,提升學生學習編程的興趣,促使學生瞭解計算機解決問題的一般步驟,理解程序設計思維、算法思維在問題解決過程中所發揮的作用,提高學生運用計算機知識實現問題的抽象、進行問題求解和形式化描述的能力,最終能使用計算機知識解決本專業的實際問題.深度融合現代信息技術,構建複合型的教學內容體系,集教材、微課、MOOC、互動於一體的新形態教材.本教材是湖南師範大學校級規劃立項教材.

內容介紹: 不同於常見機器學習皆是由 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 皆適用　操作本產品需要視訊鏡頭及麥克風 (筆電