JavaScript

JavaScript是Web前端開發必須掌握的編程語言，《JavaScript前端開發與實例教程（微課視頻版）（Web前端技術叢書）》以真實的項目需求為導向，循序漸進、深入淺出地講解JavaScript開發技術。每章均由知識點講解和案例實踐、常見面試題三部分組成，並配套示例源代碼、PPT課件、課後習題答案、同步教學視頻、教案、教學大綱等教學資源。《JavaScript前端開發與實例教程（微課視頻版）（Web前端技術叢書）》共分13章。主要內容包括JavaScript概述、語法基礎、數組、函數、物件、DOM、事件處理、BOM、Ajax技術、JavaScript特效綜合實例、基於ECharts的疫情實時監控系統、Vue簡介和Vue基礎特性等內容，並提供了新冠肺炎疫情風險等級劃分、“2048”遊戲、漁夫打魚曬網、掃雷遊戲、高亮顯示關鍵詞、留言板、折疊面板、浮現社會主義核心價值觀內容、事件監聽器、限時秒殺、電影購票、在線網盤、輪播圖、網絡購物車、放大鏡、基於ECharts的疫情實時監控系統等大量實用案例。《JavaScript前端開發與實例教程（微課視頻版）（Web前端技術叢書）》適合JavaScript初學者、Web前端開發人員，也可作為高等院校“Web前端開發”“JavaScript程序設計”“跨平臺腳本開發”等課程的教材。

無

★一次掌握PC網頁與行動網頁的關鍵技術！ 以大量的範例進行語法教學，佐以整合的範例開發響應式網頁與行動網頁，破除初學者見樹不見林、無法靈活運用各項技術的迷思！ ■ 使用HTML5的元素和各種表單輸入類型，讓網頁的結構條理分明。 ■ 使用CSS3的Box Model、定位方式，以及色彩、字型、文字、清單、背景、漸層、表格、陰影、邊界、留白、框線、變形處理、轉場效果、媒體查詢等屬性，以根據PC或行動裝置的特徵設計網頁。 ■ 使用JavaScript的核心語法和瀏覽器端的應用，讓靜態網頁具有動態效果，包括DOM、JavaScript內建的物件、事件處理等。 ■ 使用jQuery的核心語法、事件與特效，讓網頁設計更快速便利。 ■ 使用Bootstrap5開發響應式網頁，讓網頁完整呈現在PC、平板、手機等裝置，達到One Web One URL (一網站一網址) 的目標。 ■ 使用jQuery Mobile建立行動網頁的介面，將跨平台、跨裝置、跨瀏覽器所面臨的相容性問題交給jQuery Mobile處理。

全書分為8個項目，結合HTML、CSS和JavaScript的基礎知識及應用，提供了7種不同類型的網頁設計案例。其中，項目1介紹了HTML、CSS以及JavaScript的基礎知識，包括Web基本概念、Dreamweaver工具的使用等；項目2到項目8為7個完整的網頁設計項目，涉及“旅遊”“網店”“兒童攝影”“服裝”“網絡交友”“訂購車票”“學習英語”等多個方向，有助於學生掌握不同網站的設計風格和製作技巧。全書以項目為導向，通過項目將章節知識點貫串起來，學完一章內容就能製作一個完整的項目頁面，能大大激發學生的學習興趣。本書附有源代碼、習題、課件等教學資源，而且為了幫助初學者更好地學習本書講解的內容，還提供了在線答疑，希望可以幫助更多讀者。本書既可作為高等院校本、專科相關專業的網頁設計與製作課程的教材，也可作為網頁平面設計的培訓教材，是一本適合網頁製作、美工設計、網站開發、網頁編程等行業人員閱讀與參考的教材。

本書從HTML最基礎的內容開始，逐漸深入到JavaScript內容，共包含七個章：第一章講述了Web基本概念，對本書所學到的知識也進行了初步的講解，在最後一節寫了幾個環境的安裝教程。第二、三章講述了所有HTML的內容，其中第二章，講述了HTML頁面中最基礎的網頁的構成和網頁上基本內容簡單實現的方法。第三章，講述了HTML5版本中新增加的標簽內容和表格、表單的寫法。在前三章中，內容比較輕鬆，能讓讀者快速理解前端頁面的很多基礎知識，更容易上手。第四、五章講述了CSS語言的作用和運用方式，在第四章中，主要講述了對網頁中元素的操作方式和一些基礎的操作。第五章，在上述內容能理解的情況下，開始展示並給出對頁面整體佈局的實際操作和內容的動畫效果。第六章，開始講解JavaScript中的內容，包括基礎的語法、流程控制、對象的講述。第七章中講述了JavaScript中BOM、DOM的操作還有一些“事件”的使用方式。整片書中，除第一章以外，都分為二到三個小節，每一節都是由一個使用了這一節學過的內容的案例開始，在學習知識，最後實現這個案例，讓讀者快速理解並能上手編寫。

本書詳細介紹Web編程基礎中的相關知識點和技能，主要內容包括HTML5概述，HTML5表單，HTML5畫布，音頻、視頻與Web存儲，離線應用和Web Workers，Geolocation地理位置，CSS3，CSS3樣式屬性，CSS3頁面布局，JavaScript基礎，JavaScript對象，DOM編程，AJAX，jQuery。本書對與Web編程相關的理論知識進行詳細的講解與分析，文字通俗易懂，實例豐富，提供配套課件、微課視頻、源代碼、習題及參考答案等，可以使讀者更深入地理解相關的知識點。 本書可以作為高等院校Web程序設計和Web編程技術相關課程的教材，也可以作為廣大自學者和軟件開發人員的參考用書。

《Web前端開發實戰：HTML5+CSS3+JavaScript+Vue+Bootstrap：微視頻版》以通俗易懂的語言、翔實生動的案例，全面介紹了使用HTML5、CSS3、JavaScript、Bootstrap、Vue等技術搭建Web前端的方法和技巧，全書共分20章，內容涵蓋了HTML5基礎、文本和圖像、音頻和視頻、列表和超鏈接、CSS3基礎、文本樣式、圖像和背景樣式、表格、表單、CSS3盒子模型、CSS3移動佈局、CSS3變形和動畫、JavaScript基礎、事件處理、BOM和DOM、Bootstrap基礎、CSS通用樣式、CSS組件、JavaScript插件和使用Vue等，力求為讀者帶來良好的學習體驗。 與書中內容同步的案例操作教學資源可供讀者隨時掃碼學習，讀者可掃描案例旁邊的二維碼在線觀看。本書具有很強的實用性和可操作性，可以作為初學者的自學用書，也可作為Web前端開發技術人員的首選參考書，還可作為高等院校Web前端開發、網站設計等相關專業的教材。 《Web前端開發實戰：HTML5+CSS3+JavaScript+Vue+Bootstrap：微視頻版》對應的電子課件、完整代碼文檔和實例源文件可以到http://www.tupwk.com.cn/downpage網站下載，也可以通過掃描前言中的二維碼獲取。

本書以真實網站製作案例組織全書內容，書中主要介紹信息學院網站的製作。將該網站製作過程中的知識點進行分解，每章以小案例引導，介紹案例中的關鍵知識點，**後完成完整案例。通過案例的實現掌握利用HTML、CSS和JavaScript實現網站的關鍵技術。**後一章介紹晨豐發電設備公司動態網站的製作，該網站從設計規劃、效果圖的製作、靜態網站的實現到使用科汛CMS後臺管理系統完成動態網站，完全按照實際網站的製作過程實現。

《網頁設計與製作教程(HTML+CSS+JavaScript)第3版》內容緊扣國家對高等院校培養高級應用型、複合型人才的技能水平和知識結構的要求，採用全新的Web標準編寫，詳細講解了HTML5、CSS3、JavaScript開發技術基礎和HTML5網站製作實例。《網頁設計與製作教程(HTML+CSS+JavaScript)第3版》共11章，主要內容包括網頁設計與製作基礎、編輯HTML5元素、網頁佈局與交互、CSS3樣式基礎、使用CSS3修飾網頁元素、CSS3盒模型、Div+CSS佈局頁面、JavaScript基礎、JavaScript DOM編程、HTML5的高級應用和“馨美裝修”網站的製作。 《網頁設計與製作教程(HTML+CSS+JavaScript)第3版》可作為高等院校計算機及相關專業的教材，也可以作為網站建設、相關軟件開發人員和計算機愛好者的參考書。

這是一本內容非常齊全的網頁設計書籍，網羅最新技術、最新語法、最多範例，包含下列的【7大主題】和【超過700個範例程式】，全彩印刷，圖解詳盡，觀念正確，讓讀者快速學會網頁設計的關鍵技術！．HTML．CSS．JavaScript．Bootstrap．jQuery．Vue.js．響應式網頁設計 (RWD)除了分篇分章進行語法教學，目前最熱門的【ChatGPT】也是重要主題，我們會介紹如何使用ChatGPT學習網頁設計，包括撰寫網頁程式、解讀網頁程式、加註解、除錯、查詢語法、尋求技術支援、出題練習、解題、與其它程式語言做轉換等。為了讓讀者體驗如何將各種語法活用到實際的網頁設計，不再陷入只會語法，卻不知如何活用的窘境，我們設計了【三大響應式網頁範例】－【圖庫網站】、【旅遊網站】和【部落格網站】，其中第一個範例是使用HTML和CSS手刻響應式網頁，而第二、三個範例是使用HTML、CSS和Bootstrap開發響應式網頁，這些範例均相當精美，對於設計人員開發網頁、老師設計教學範例、學生製作專題或參加競賽都極具參考價值。學習重點------------------------------------------------------------【第0章－ChatGPT】在本章中，我們會介紹如何使用ChatGPT學習網頁設計，例如撰寫網頁程式、解讀網頁程式、加註解、除錯、查詢語法、尋求技術支援、出題練習、解題、與其它程式語言做轉換等。【第1篇－HTML】HTML可以用來定義網頁的內容，開發各種網頁應用程式。在本篇中，我們會介紹HTML常用的元素，例如文件結構、資料編輯與格式化、嵌入內容、表格、表單等。【第2篇－CSS】CSS可以用來定義網頁的外觀，包括編排、顯示、格式化及特殊效果。在本篇中，我們會介紹CSS常用的屬性，例如色彩、字型、文字、清單、Box Model、定位方式、背景、漸層、濾鏡、表格、Flexbox Layout、Grid Layout、變形、轉場、動畫、媒體查詢等。【第3篇－JavaScript】JavaScript可以用來定義網頁的行為，在本篇中，我們會介紹JavaScript的基本語法，包括型別、變數、常數、運算子、流程控制、函式、物件等，還會介紹JavaScript在瀏覽器端的應用，也就是如何利用JavaScript讓靜態網頁具有動態效果，包括文件物件模型 (

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

本書共分為7章，循序漸進地介紹Web前端的基本概念、基本原理和基本方法， 包括Web系統概述、HTML網頁編程基礎、HTML5編程基礎、CSS樣式設計基礎、CSS高級樣式設計、Javascript編程技術和DOM對象編程等內容。特色1，典型的課程思政性。為了滿足Web前端課程思政的需要，本書7章內容均由課程思政的元素內容，包括：中國域名服務器的安全問題、國產瀏覽器及內核之路和國產Web應用服務器發展問題，挖掘實現Web服務器和瀏覽器等核心的自主可控之路思政元素培養學生的家國情懷；總結HTML、CSS、JavaScript和DOM的誕生、發展歷程培養學生的工匠精神；引入 Web互聯網的中國貢獻，基於自主可控的中國北斗導航地圖的HTML5地理定位數據，中國風文化和CSS技術融合的樣式設計，培養學生的文化自信；HTML5 地理定位內容，地圖使用要遵守《中華人民共和國測繪法》，比較不同地理定位調用方法能耗問題，培養學生遵守互聯網法律法規和Web工程師職業道德；基於HTML、CSS和JavaScript等技術設計並實現了中國互聯網企業的網站、平臺、工具和生態，分析了國內外主流互聯網企業價值觀，分析網頁樣式設計的演變、網頁設計中的視覺設計和CSS樣式之美，培養學生建立符合社會主義核心價值觀的Web互聯網價值評判。特色2，豐富的案例應用性。為了滿足全國應用型本科人才培養的需要，本書定位為應用型計算機類和信息類專業的《Web前端編程基礎》課程的教材。每章安排了大量例題，每個例題都有詳細的步驟，讀者可以由淺入深地全面掌握Web前端編程的各個知識點，具有較強的應用型工程技術教材的特點。特色3，立體式的課程資源。為了方便教師授課和讀者自學，本書光盤配有符合課程思政和工程教育認證要求的《Web前端編程基礎》教學大綱、教案、PPT、源程序、習題參考答案和實驗等內容。本書可以作為大學本科生和研究生計算機類和信息類專業的教材，也可以作為對Web前端的初學者和技術人員的參考書。

本書主要從三個大方面介紹Web開發技術，一是Web技術構成的基礎，包括信息系統的架構從單機到C/S和B/S以及JavaEE從服務器端到雲端的JakartaEE的演變過程。之後本書介紹了Java在信息系統建設方面的技術堆棧，HTTP協議以及請求-響應模型，並且為了能夠讓初學者快速瞭解Web技術，書中還介紹了重要的HTML標記。然後本書按照循序漸進的方式，依次介紹了Web容器、WAR文件的組成和構造，接下來就是Servlet的編寫以及它在Web開發中的應用。這部分內容會結合NetBeans開發工具介紹，以便讀者熟悉技術的同時，能夠使用工具簡化開發過程。從目前國內出版的教材來看，在Java Web的開發工具上，還是以介紹Eclipse開發環境為主，對NetBeanas的介紹相對較少。但實際上，NetBeans是一個非常優秀並適合教學和實際開發的IDE工具，值得向Java技術的開發者和學習者推薦。 第二部分是對於JSP、JavaBean、MVC、數據庫訪問、JSTL等內容的介紹。這部分結合第一部分的Servlet內容，講解JSP的組成和具體的編寫方式，以及以標準Java Web組件(JSP/JavaBean/Servlet)為基礎的MVC架構模式。之後引入了Web中數據庫訪問技術，以便讀者能夠掌握真實Web系統的開發技能。在這一部分的最後，分別介紹了JSP2.0的表達式、JSTL、過濾器和監聽器的應用。 第三部分是對JavaScript的介紹，從基本的JavaScript語法角度出發，介紹在Web的表示層中的JavaScirpt原生應用，同時，結合富界面互聯網應用程序的概念，介紹AJAX技術以及JavaScript的面向對象的封裝，以便實現跨瀏覽器的Web界面的構建。這部分在國內的大部分教材中經常以封裝好的jQuery等作為教學內容，這會造成很多讀者對於瀏覽器基本架構的認知缺失，從而不能完整地瞭解瀏覽器特點，構造出符合實際需求的Web應用程序。而本書採用了原生的JavaScript對象，降低了學習曲線，同時，還介紹了採用JSON格式在MVC架構中傳遞數據的方法，可以進一步加深讀者對MVC設計模式的理解和運用。

《HTML5+CSS3+JavaScript 從入門到精通》全套書分為上、下兩冊，系統講解了 HTML5、CSS3 和 JavaScript 的基礎知識與使用技巧，並結合大量案例從不同角度用不同場景生動演示 HTML5、CSS3 和 JavaScript 在實踐生產中的具體應用。 上冊側重講解 HTML5、CSS3 和 JavaScript 三門語言的基礎知識；下冊側重講解案例實戰，同時系統講解客戶端開發的基礎性知識。如果要系統學習 HTML5 API 擴展應用，請閱讀系列圖書《HTML5+CSS3 從入門到精通》；如果要更深入地學習 JavaScript 語言編程，請閱讀本系列圖書《JavaScript 從入門到精通》。 本書為上冊，共 3 部分 30 章，包括 HTML5 基礎，使用 HTML5 標簽標識網頁內容；使用 CSS3 設計網頁樣式，如使用並美化文本、圖像、超鏈接、列表、表單和表格等；JavaScript 基本語法和用法，JavaScript 核心知識點包括運算符和表 達式、語句和程序結構、字符串的操作、使用正則表達式、使用數組和集合、使用函數、使用對象和映射、構造函數、原型、繼承、類、模塊、迭代器、生成器、異步編程等。 《HTML5+CSS3+JavaScript 從入門到精通（第 3 版 上冊 基礎篇）》配備了極為豐富的學習資源，其中配套資源：500節教學視頻（可二維碼掃描）、素材源程序；附贈的拓展學習資源：習題及面試題庫、案例庫、工具庫、網頁模板庫、網頁 配色庫、網頁素材庫、網頁案例欣賞庫等。本書採用 O2O 閱讀模式，讓讀者體驗到用一倍的價格購買兩倍的內容，實現超值閱讀。 《HTML5+CSS3+JavaScript 從入門到精通（第 3 版 上冊 基礎篇）》適合作為 HTML5、CSS3 和 JavaScript 從入門到實戰、HTML5 移動開發方面的自學用書，也可作為高等院校網頁設計、網頁製作、網站搭建、Web 前端開發等專業的教學用 書或相關機構的培訓教材。

無

本書緊密圍繞網頁設計師在製作網頁過程中的實際需要和應該掌握的技術，全面介紹了使用Dreamweaver、CSS、Photoshop、JavaScript、HML進行網站建設和網頁設計的各方面內容和技巧。本書不僅將筆墨用在了基本工具和語法的講解上，更重要的是還通過一個個鮮活、典型的實例來幫助讀者達到學以致用的目的。全書由不同行業中的實例組成，書中各實例均經過精心設計，操作步驟清晰簡明，技術分析深入淺出，實例效果精美實用。本書提供課堂案例、課堂練習、課後習題的源文件，以及典型案例在線教學視頻。同時還為老師提供PPT教學課件、教學規劃參考、教學大綱等資源，便於老師課堂教學。本書語言簡潔，內容豐富，適合網頁設計與製作人員、網站建設與開發人員、大中專院校相關專業師生、網頁製作培訓班學員和個人網站愛好者閱讀。

本書分為上、下兩篇，上篇為實訓(課內同步實驗)，包括HTML基礎(Web前端開發環境配置與HTML基礎，格式化文本、段落與列表，超鏈接與多媒體文件應用)、頁面布局技術(DIV+CSS綜合應用、DIV+CSS佈局規劃、表格與表格頁面布局、表單頁面設計)、HTML5基礎與CSS3應用、JavaScript應用(JavaScript基礎應用、JavaScript高級應用、JavaScript事件分析、DOM與BOM應用案例、HTML5高級應用案例)，內含13次實訓、41個實訓項目、26個課外拓展訓練項目；下篇為實踐(課程設計)，包括高校網站設計、企業網站設計和社會團體網站設計3個典型案例。 本書結構合理，實訓項目設計由淺入深、循序漸進、經典實用，實驗過程詳細，實訓項目切合實際，真實性強。 本書可作為高等學校數據科學與大數據技術、計算機科學與技術、軟件工程、信息管理與信息系統、網絡工程、物聯網工程、信息科學技術、數字媒體技術及其他相關專業或計算機公共基礎的“網頁設計與開發” “網頁製作” “Web客戶端編程” “Web前端開發技術” “Web應用開發”等課程實驗與實訓教材，也可作為從事Web開發相關工作的工程技術人員的參考書。

本書緊扣互聯網行業發展對Web前端開發工程師職業的新要求，結合多年來各高校教學的反饋意見和建議，在第3版的基礎上新增12個大思政案例、8個小思政實驗項目，優化5個綜合案例，對相關標記語法和示範案例進行更新與補充。全書詳細地介紹 HTML、CSS、DIV、HTML5 基礎和 CSS3 應用、JavaScript、DOM與BOM、HTML5高級應用等內容。 本書內容結構合理、由淺入深，循序漸進地引導讀者快速入門，並能提高初級及以上讀者的實際應用水平，使其快速適應Web前端開發工程師職業的新需求。 本書可作為高等學校計算機科學與技術、軟件工程、信息管理與信息系統、網絡工程、物聯網工程、信息科學技術、數字媒體技術、數據科學與大數據技術及其他文、理科相關專業或計算機公共基礎的“網頁開發與設計”“網站建設與網頁製作”“Web客戶端編程”“Web前端開發技術”“Web應用技術”等課程的教材，也可作為IT相關崗位的工程技術人員的參考書，還可作為初學者的自學參考書。

全書共有6篇，分別是基礎篇、圖形學篇、多媒體篇、跨端開發篇、遊戲開發篇和跨界實踐篇。書中不僅詳細介紹了JavaScript語言在瀏覽器頁面之外的不同應用場景，更從使用技巧、設計理念、原理源碼等角度對精心挑選的30多個工具庫進行了全方位的解析，希望讀者在領略JavaScript代碼之美的同時，也能拓寬技術視野。為了幫助讀者更好地理解書中所講述的內容，隨書代碼倉庫裡提供了大量可運行的源碼，包括精簡版的庫重寫和完整的代碼示例。

這是一本內容非常齊全的網頁設計書籍，網羅最新技術、最新語法、最多範例，包含下列的【7大主題】和【超過700個範例程式】，全彩印刷，圖解詳盡，觀念正確，讓讀者快速學會網頁設計的關鍵技術！ ．HTML ．CSS ．JavaScript ．Bootstrap ．jQuery ．Vue.js ．響應式網頁設計 (RWD) 除了分篇分章進行語法教學，目前最熱門的【ChatGPT】也是重要主題，我們會介紹如何使用ChatGPT學習網頁設計，包括撰寫網頁程式、解讀網頁程式、加註解、除錯、查詢語法、尋求技術支援、出題練習、解題、與其它程式語言做轉換等。 為了讓讀者體驗如何將各種語法活用到實際的網頁設計，不再陷入只會語法，卻不知如何活用的窘境，我們設計了【三大響應式網頁範例】－【圖庫網站】、【旅遊網站】和【部落格網站】，其中第一個範例是使用HTML和CSS手刻響應式網頁，而第二、三個範例是使用HTML、CSS和Bootstrap開發響應式網頁，這些範例均相當精美，對於設計人員開發網頁、老師設計教學範例、學生製作專題或參加競賽都極具參考價值。 學習重點------------------------------------------------------------ 【第0章－ChatGPT】 在本章中，我們會介紹如何使用ChatGPT學習網頁設計，例如撰寫網頁程式、解讀網頁程式、加註解、除錯、查詢語法、尋求技術支援、出題練習、解題、與其它程式語言做轉換等。 【第1篇－HTML】 HTML可以用來定義網頁的內容，開發各種網頁應用程式。在本篇中，我們會介紹HTML常用的元素，例如文件結構、資料編輯與格式化、嵌入內容、表格、表單等。 【第2篇－CSS】 CSS可以用來定義網頁的外觀，包括編排、顯示、格式化及特殊效果。在本篇中，我們會介紹CSS常用的屬性，例如色彩、字型、文字、清單、Box Model、定位方式、背景、漸層、濾鏡、表格、Flexbox Layout、Grid Layout、變形、轉場、動畫、媒體查詢等。 【第3篇－JavaScript】 JavaScript可以用來定義網頁的行為，在本篇中，我們會介紹JavaScript的基本語法，包括型別、變數、常數、運算子、流程控制、函式、物件等，還會介紹JavaScript在瀏覽器端的應用，也就是如何利用JavaScrip

本書以“採用網頁新標準技術、突破傳統知識體系結構、基於工作能力培養、置身真實工作情境”為標準，通過任務驅動的教學方式講解HTML5、CSS3、JavaScript等Web前端開發技術。本書包含8個單元、18個任務、18個實戰演練、18個強化訓練和18個課後實訓，每個項目任務又以“知識準備→實戰演練→強化訓練→課後實訓”為主線，介紹了Web基礎知識、HTML5語言基礎、HTML5新增標簽及屬性、CSS3基礎、盒子模型、HTML5表單的應用、網頁多媒體和JavaScript基礎。本書將Web前端開發技術貫穿所有的項目任務和實訓中，深入剖析了網頁佈局及樣式美化的思路和方法，使學生掌握Web前端核心技術，啟發並引導學生自主學習，並形成良好的職業素養。本書既可以作為高等院校、高等職業院校“網頁設計與製作”課程的教材，也可以作為前端與移動開發的培訓教材，還可以供從事網頁製作、網站開發、網頁編程和美工設計等方面工作的人員參考。

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