JavaScript Web Applications

本書是一本入門教材，以通俗易懂的語言、豐富實用的案例，詳細講解了JavaScript的開發技術。全書共14章：第1章講解JavaScript的基本概念；第2、3章講解JavaScript的基礎語法；第4章講解JavaScript函數的基本使用；第5章講解JavaScript對象的相關內容；第6～8章講解DOM、BOM的相關內容；第9章講解如何用JavaScript開發網頁特效；第10、11章講解jQuery的使用，以及如何利用jQuery開發網頁中常見的交互效果；第12、13章講解JavaScript面向對象編程；第14章講解正則表達式的使用。本書既可作為高等教育本、專科院校計算機相關專業的Web前端開發課程的教材，也可作為廣大IT技術人員和編程愛好者的讀物。

本教材書以一個弘揚中國優秀傳統文化主題網站首頁的製作為主線,將網站首頁製作分解成若干個小案例,分佈到各個項目單元中,按照從整體到部分、從簡單到複雜,循序漸進地進行知識、技能展示.全書按照Web前端開發的流程,從網頁內容結構HTML、網頁樣式CSS以及網頁行為jQuery三大知識內容進行編寫.以2020年5月教育部《高等學校課程思政建設指導綱要》提出的課程思政建設五大內容入手,將以習近平談網絡安全和信息化相關論述、中國IT界風雲人物、古詩詞、中華美食、中華名勝古跡、網絡安全法等作為教材相關知識點教學案例的文字素材,項目案例以慢談歷史、話說家鄉、趣談美食、中國節日、網絡安全法律法規等為主題進行設計.最後用一個綜合案例對全書知識進行貫穿總結,使讀者全面掌握Web前端設計與製作知識與技能；本書將價值塑造、知識傳授和能力培養三者融為一體,實現專業教育與思政教育同向同行,形成協同效應.全書內容結構合理,實例簡單易懂,既適合高職院校Web前端開發課程教學使用,也適合從事網頁設計相關工作的初學者閱讀或作為社會培訓教材使用.

本書是針對零基礎讀者編寫的動態網站開發入門教材，循序漸進地介紹了JavaScript開發技術。依據Web前端開發崗位的職業能力要求，本書重點介紹了JavaScript 的核心技術，並在此基礎上詳細講解了jQuery框架的使用方法。本書使用熱點案例，可以讓初學者快速掌握動態網站開發技術。通過掃描二維碼，讀者可以進行課堂訓練，進一步鞏固所學知識，提高實際開發能力。本書內容全面，結合ECMAScript6(簡稱ES6)標準，重點突出，易於理解，每章內容簡潔緊湊，從最佳實踐的角度入手，為讀者更好地使用JavaScript及jQuery框架開發動態網頁提供了很好的指導。本書分為10個單元，前9個單元包括JavaScript概述、JavaScript基礎、JavaScript函數、面向對象編程、JavaScript內置對象、BOM編程、DOM編程、DOM事件、利用jQuery編程。最後一個單元通過利用JavaScript/jQuery設計一個個性化網站，以提升讀者的綜合技能。本書適合作為高等職業院校軟件技術、計算機應用技術、數字媒體技術、大數據技術與應用等專業的動態網頁程序設計相關課程的教材，也可以作為打算學習和從事JavaScript+jQuery動態網頁設計的開發人員的參考書。

本書是Web 前端開發的入門教材，主要介紹了JavaScript 和jQuery 的基礎知識和基本技能。採用活頁式教材的編寫理念，將各部分知識模塊化，整體內容循序漸進，精簡了理論知識，更加注重案例與實踐練習，可逐步加強學習者對於Web 前端開發技術的理解和掌握。本書共包含12 個學習活動。學習活動1～9 圍繞JavaScript 進行講解，主要包括輸入輸出數據、控制分支語句程序、控制程序循環執行、存儲並編輯數組數據、JavaScript 代碼模塊化、JavaScript 對象、掌握JavaScript 中BOM 操作、使用DOM 控制頁面元素、JavaScript事件處理。學習活動10～11 圍繞jQuery 進行講解，主要包括使用jQuery 框架處理元素、基於jQuery 的事件處理與動畫效果。學習活動12 圍繞正則表達式進行講解。 本書內容通俗易懂、突出實踐，可作為本科、高職院校計算機相關專業的Web 前端開發課程的教材，也可供廣大IT 技術初學者和編程愛好者自學使用。

Web技術綜述、開發工具介紹、Web運行環境搭建、HTML/CSS/JavaScript綜述、HTML基礎、HTML文件標準結構、文本與段落、列表、超鏈接、圖片與多媒體的使用、表格、框架、表單、CSS基礎、字體樣式表、段落樣式表、列表和背景、CSS盒子模型、DIV+CSS頁面布局、本書全面系統地講解了Web前端開發技術，包括HTML、CSS、JavaScript等。全書採用實例教學方法，每個知識點都有一個實例，每個章節都有綜合的小實例，**後又有綜合大案例，做到了全書實例覆蓋所有知識點。全書分為6部分，第 一部分準備篇（第 1～3章），介紹了Web技術基礎知識、開發工具、運行環境等；第 二部分入門篇（第4～13章），全面介紹了HTML相關知識及應用；第三部分進階篇（第 14～19章），全面介紹了CSS相關知識及應用；第四部分（第 20～23章），重點介紹了JavaScript基本語法、事件、對象以及應用；第五部分實戰篇（第 24章），通過一個綜合案例來講解Web開發全過程，第六部分擴展篇（第 25～26章），介紹了HTML5的內容，使全書的內容更加全面實用。本書附有豐富配套資源、支持多終端課程網站、微信課程等。配套資源包括：微課視頻、實例源代碼、教學PPT、工具軟件、授課安排、實驗安排等，讀者可到人郵教育社區（WWW.ryjiaoyu.com）上獲取。本書可作為高等院校、高職高專計算機及相關專業的教學用書，也可以作為網站製作、Web程序設計及相關課程培訓教材，同時也可供Web編程愛好者自學參考。JavaScript概述、JavaScript語法、JavaScript事件、JavaScript對象、綜合案例

本書採用通俗易懂的語言，使用HTML、CSS、JavaScript、jQuery等技術介紹交互式設計的基礎內容和核心原理，再通過項目實踐應用相關技術，理論與實踐相結合，使讀者更深刻地理解本書內容。本書共分8個單元，內容包括前端編程基礎知識、基本網頁特效、增強用戶體驗、網頁事件處理、表單處理、動效佈局以及兩個實戰項目――在線音樂播放器和來享用點餐App。本書以實用、高效為標準，內容深入淺出、循序漸進，每個單元通過多個案例演示貫穿本單元的技術內容，憑藉案例實戰提升技能，幫助讀者更好地掌握理論層面和技術層面的知識，使讀者更深入、快速地應用Web前端交互式設計。本書適合作為高等職業院校各專業“網頁設計與製作”課程的教材，也可作為Web前端開發人員培訓教材，還可作為Web開發愛好者的自學用書。

本書較為全面地介紹了HTML、CSS、JavaScript、jQuery的相關知識，讀者可以系統地學習編寫HTML代碼、利用CSS設置網頁的樣式、利用JavaScript和jQuery為網頁添加動態效果及修改網頁與樣式等內容，書中每一章有詳細的案例展示，方便讀者更好地理解知識點。本書共15章，第 1～6章介紹了HTML相關內容，主要包括在網頁中插入文字與段落、表格、表單、列表及多媒體等；第7～11章詳細闡述了CSS的相關知識，重點介紹了盒子模型與定位，利用盒子模型進行網頁佈局，用***工具查看HTML元素的CSS屬性等；第 12～13章講解了JavaScript基礎與應用，利用JavaScript在網頁上製作動態效果（如滾動圖片），以及對表單數據進行驗證等；第 14章描述了jQuery基礎與應用，用jQuery為表單、表格設置樣式；第 15章為綜合案例，綜合利用前面章節所講知識來製作網頁。

本書以“理論知識”為鋪墊，以“實際應用”為指向，從簡單易學的角度出發，系統講述了Web前端開發的相關知識，內容由淺入深，通俗易懂，知識點與案例結合緊密，所選案例新穎豐富，緊貼實戰。 本書從Web基礎知識講起，循序漸進地融入了HTML5、CSS3、JavaScript、繪圖、地理定位、本機存放區等實用技術，是一本真正的Web前端開發從學到用的自學教程。 本書配備了極為豐富的學習資源，不僅有教學視頻、實例素材及來源程式，還有HTML頁面基本速查、CSS常用屬性速查、JavaScript物件參考手冊，jQuery參考手冊、網頁配色基本知識速查等電子書。 本書適合作為Web前端開發、網頁設計、網頁製作、網站建設的入門級或者有一定基礎讀者的自學用書，也可用作高等院校或培訓學校相關專業的教材及參考書。

本書以一個完整的網上商城網站的前端頁面開發項目為載體，按照項目開發流程和學習者的認知規律，由淺入深、循序漸進地將HTML5、CSS3、JavaScript的理論知識和關鍵技術融入各個工作任務中。通過一個個具體任務的完成及最終整個項目的完整實現，讀者能夠快速掌握網站前端頁面開發相關的理論知識和職業技能，能夠獨立設計開發各種商業網站。項目涉及的主要知識點和技能點包括：網站開發環境的選取和配置、常見標記和樣式屬性的使用、CSS和各種選擇器的使用、DIV+CSS頁面布局的用法、網格佈局和彈性盒佈局的使用、各類導航菜單的製作、表格及表單用法、HTML5的視頻與音頻插入、JavaScript輪播圖的製作等。本書既可作為高職高專院校或應用型本科院校相關專業網站設計與開發課程的教材或教學參考書，也可作為“Web前端1+X職業技能等級證書”考試的輔助用書，還可供廣大計算機從業者和愛好者學習和參考。

以淺顯易懂的方式從設計網站開始談起，涵蓋網站構建的過程、設計網站原型(prototyping)的工具以及各種網絡資源的獲取，再循序漸進地介紹Web前端三大核心技術：HTML、CSS及JavaScript，並加入前端框架Bootstrap技術，本書中還介紹了好用的配色工具，就算沒有美工基礎，借助Bootstrap工具模塊以及配色表，也能快速構建出專業美觀的響應式網頁設計(RWD)網站。本書還包含漸進式應用(PWA，Progressive Web Application)技術，手把手教讀者逐步將網站優化為Web應用，讓網站能像原生應用一樣在智能手機等移動設備創建桌面快捷方式，瀏覽網頁時具有操作原生應用相似的體驗。本書共分三大部分：第一部分為前端開發概念，從HTML+CSS基礎到進階教學；第二部分為JavaScript基礎的語法及Web數據庫的應用；第三部分介紹前端框架工具，包括Bootstrap與PWA。各章節除了實用的範例之外，在每一部分都安排了整合練習，通過實踐讓讀者強化學習的知識並驗收學習成果。本書適合自修與教學使用：對前端技術感興趣卻不知從何入門的初學者；前端開發技術相關從業人員；大專院校用於網站設計相關課程教材。

《Web前端開發全程實戰――HTML5+CSS3+JavaScript+jQuery+Bootstrap》從初學者角度出發，結合大量實例講解了如何使用HTML5、CSS3、JavaScript、jQuery、Ajax、Boostrap、Vue、PHP 等基本技術搭建Web 前端，力求向讀者提供一套極簡的Web 前端一站式高效學習方案。全書共28 章，內容包括HTML5基礎、設計HTML5 文檔結構、設計HTML5 文本、設計HTML5 圖像和多媒體、設計列表和超鏈接、設計表格和表單、CSS3 基礎、設計文本樣式、設計特效和動畫樣式、CSS 頁面布局、JavaScript 基礎、處理字符串、使用數組、使用函數、使用對象、jQuery 基礎、文檔操作、事件處理、使用Ajax、CSS 樣式操作、jQuery 動畫、Bootstrap基礎、CSS 組件、JavaScript 插件、使用Vue、PHP 基礎、使用PHP 與網頁交互、使用PDO 操作數據庫、項目實戰。書中所有知識點均結合具體實例展開講解，代碼注釋詳盡，可使讀者輕鬆掌握前端技術精髓，提升實際開發能力。

本書從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網站下載，也可以通過掃描前言中的二維碼獲取。

本書共分為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設計模式的理解和運用。

本書分為上、下兩篇，上篇為實訓(課內同步實驗)，包括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相關崗位的工程技術人員的參考書，還可作為初學者的自學參考書。

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