JavaScript Web Applications

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

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

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

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

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

本書主要從三個大方面介紹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設計模式的理解和運用。