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前端開發課程教學使用,也適合從事網頁設計相關工作的初學者閱讀或作為社會培訓教材使用.

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

本書是針對零基礎讀者編寫的動態網站開發入門教材，循序漸進地介紹了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 技術初學者和編程愛好者自學使用。

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

本書以“理論知識”為鋪墊，以“實際應用”為指向，從簡單易學的角度出發，系統講述了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。各章節除了實用的範例之外，在每一部分都安排了整合練習，通過實踐讓讀者強化學習的知識並驗收學習成果。本書適合自修與教學使用：對前端技術感興趣卻不知從何入門的初學者；前端開發技術相關從業人員；大專院校用於網站設計相關課程教材。

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