Web前端開發(fā)第1章：概述1本章主要內容Web基礎Web是如何工作的為什么要學習Web前端開發(fā)項目管理系統(tǒng)21.Web基礎Web定義Web（WorldWideWeb，萬維網(wǎng)）是一種基于超文本和HTTP的、全球性的、動態(tài)交互的、跨平臺的分布式圖形信息系統(tǒng)；建立在Internet上，通過圖形化的、易于訪問的直觀界面為瀏覽者提供信息的網(wǎng)絡服務。31.1基本概念1.Web基礎表現(xiàn)形式超文本（HyperText）超文本是一種全局性的信息結構。它將文檔中的不同部分通過關鍵字建立鏈接，使信息得以用交互的方式進行搜索。超媒體（UltraMedia）超媒體是一種采用非線性網(wǎng)狀結構對塊狀多媒體信息（包括文本、圖像、視頻等）進行組織和管理的技術，在信息瀏覽環(huán)境下將超文本和多媒體結合在一起，不僅能使用戶從一個文本跳到另一個文本，而且能夠激活一段聲音，顯示一個圖形，甚至播放一段動畫。41.1基本概念1.Web基礎Internet定義Internet是由全球采用TCP/IP協(xié)議簇的眾多計算機網(wǎng)絡相互連接而成的最大的開放式計算機網(wǎng)絡，是世界范圍內網(wǎng)絡和網(wǎng)關的集合體。51.2Internet1.Web基礎Internet起源Internet是全球最大的計算機網(wǎng)絡，起源于美國國防部高級研究計劃局（DefenseAdvancedResearchProjectsAgency，DARPA）建立的用于支持軍事研究的計算機試驗網(wǎng)ARPAnet，該網(wǎng)于1969年投入使用。從60年代開始，ARPA開始向美國國內大學的計算機系和一些私人有限公司提供經(jīng)費，以促進基于分組交換技術的計算機網(wǎng)絡的研究。1993年，伊利諾伊大學美國國家超級計算機應用中心的學生馬克?安德里森（MarkAndreesen）等人開發(fā)出了真正的瀏覽器“Mosaic”。該軟件后來被作為NetscapeNavigator推向市場，此后互聯(lián)網(wǎng)開始爆炸性普及。61.2Internet1.Web基礎Internet在中國基礎資源保有量穩(wěn)步增長，資源應用水平顯著提升截至2017年12月，中國域名總數(shù)同比減少9.0%，但“.CN”域名總數(shù)實現(xiàn)了1.2%的增長，達到2085萬個，在域名總數(shù)中比2016年底48.7%提升至54.2%；國際出口帶寬實現(xiàn)10.2%的增長，達7，320，180Mbps；71.2Internet1.Web基礎Internet在中國基礎資源保有量穩(wěn)步增長，資源應用水平顯著提升光纜、互聯(lián)網(wǎng)接入端口、移動電話基站和互聯(lián)網(wǎng)數(shù)據(jù)中心等基礎設施建設穩(wěn)步推進。在此基礎上，網(wǎng)站、網(wǎng)頁、移動互聯(lián)網(wǎng)接入流量與APP數(shù)量等應用發(fā)展迅速，均在2017年實現(xiàn)顯著增長，尤其是移動互聯(lián)網(wǎng)接入流量自2014以來連續(xù)三年實現(xiàn)翻番增長。81.2Internet1.Web基礎Internet在中國中國網(wǎng)民規(guī)模達7.72億，互聯(lián)網(wǎng)惠及全民取得新進展91.2Internet1.Web基礎Internet在中國中國網(wǎng)民規(guī)模達7.72億，互聯(lián)網(wǎng)惠及全民取得新進展信息化服務快速普及、網(wǎng)絡扶貧大力開展、公共服務水平顯著提升，讓廣大人民群眾在共享互聯(lián)網(wǎng)發(fā)展成果上擁有了更多獲得感。101.2Internet1.Web基礎Internet在中國手機網(wǎng)民占比達97.5%，移動網(wǎng)絡促進“萬物互聯(lián)”截至2017年12月，我國手機網(wǎng)民規(guī)模達7.53億，手機不斷擠占其他個人上網(wǎng)設備的使用。111.2Internet1.Web基礎Internet在中國手機網(wǎng)民占比達97.5%，移動網(wǎng)絡促進“萬物互聯(lián)”以手機為中心的智能設備，成為“萬物互聯(lián)”的基礎，車聯(lián)網(wǎng)、智能家電促進“住行”體驗升級，構筑個性化、智能化應用場景。移動互聯(lián)網(wǎng)服務場景不斷豐富、移動終端規(guī)模加速提升、移動數(shù)據(jù)量持續(xù)擴大，為移動互聯(lián)網(wǎng)產(chǎn)業(yè)創(chuàng)造更多價值挖掘空間。121.2Internet1.Web基礎Internet在中國網(wǎng)絡娛樂用戶規(guī)模持續(xù)高速增長，文化娛樂產(chǎn)業(yè)進入全面繁榮期網(wǎng)絡娛樂應用中網(wǎng)絡直播用戶規(guī)模年增長率最高，達到22.6%，其中游戲直播用戶規(guī)模增速達53.1%，真人秀直播用戶規(guī)模增速達51.9%。131.2Internet1.Web基礎Internet在中國共享單車用戶規(guī)模突破2億，網(wǎng)約車監(jiān)管政策逐步落地141.2Internet1.Web基礎Internet在中國六成網(wǎng)民使用線上政務服務，政務新媒體助力政務服務智能化2017年，我國在線政務服務用戶規(guī)模達到4.85億，占總體網(wǎng)民的62.9%，通過支付寶或微信城市服務平臺獲得政務服務的使用率為44.0%。151.2Internet1.Web基礎Internet在中國六成網(wǎng)民使用線上政務服務，政務新媒體助力政務服務智能化微信城市服務、政務微信公眾號、政務微博及政務頭條號等政務新媒體及服務平臺不斷擴張服務范圍，上線并完善包括交通違法、氣象、人社、生活繳費等在內的多類生活服務，并向縣域下沉。161.2Internet1.Web基礎Internet在中國網(wǎng)絡安全相關法規(guī)逐步完善，用戶安全體驗明顯提升2017年《中華人民共和國網(wǎng)絡安全法》的正式實施，以及相關配套法規(guī)的陸續(xù)出臺，為此后開展的網(wǎng)絡安全工作提供了切實的法律保障。政府與企業(yè)共同打擊各類網(wǎng)絡安全問題，網(wǎng)民遭遇網(wǎng)絡安全問題的比例明顯下降。171.2Internet1.Web基礎Web協(xié)議主要有以下三種。HTTPHTTPSFTP181.3Web協(xié)議1.Web基礎HTTPHTTP（HyperTextTransferProtocol，超文本傳輸協(xié)議）是通過因特網(wǎng)傳送萬維網(wǎng)文檔的數(shù)據(jù)傳送協(xié)議，詳細規(guī)定了瀏覽器和萬維網(wǎng)服務器之間互相通信的規(guī)則。HTTP是互聯(lián)網(wǎng)上應用最為廣泛的一種網(wǎng)絡協(xié)議，所有的Web文件都必須遵守這個標準。設計HTTP最初的目的是為了提供一種發(fā)布和接收HTML頁面的方法。191.3Web協(xié)議1.Web基礎HTTPSHTTPS（HyperTextTransferProtocoloverSecureSocketLayer），是以安全為目標的HTTP通道，是安全的HTTP。在HTTP傳輸中加入SSL層，HTTPS的安全基礎是SSL，因此加密詳細內容就需要SSL。HTTPS使用了HTTP，但存在不同于HTTP的默認端口及一個加密/身份驗證曾（在HTTP與TCP之間），用于安全的HTTP數(shù)據(jù)傳輸。201.3Web協(xié)議1.Web基礎FTPFTP（FileTransferProtocol，文件傳輸協(xié)議）是TCP/IP協(xié)議簇中的協(xié)議之一，是Internet上兩臺計算機之間傳送文件的協(xié)議，也是在TCP/IP網(wǎng)絡和Internet上最早使用的協(xié)議之一。FTP協(xié)議屬于網(wǎng)絡協(xié)議簇的應用層。命令來下載文件、上傳文件、創(chuàng)建或改變服務器上的目FTP客戶機可以給服務器發(fā)出錄等。FTP協(xié)議包括兩個組成部分：FTP服務器、FTP客戶端。FTP服務器用來存儲文件，用戶可以使用FTP客戶端通過FTP協(xié)議訪問位于FTP服務器上的資源。在開發(fā)網(wǎng)站的時候，通常利用FTP協(xié)議把網(wǎng)頁或程序傳到Web服務器上，以實現(xiàn)網(wǎng)站發(fā)布和網(wǎng)站更新。211.3Web協(xié)議1.Web基礎URLURL（UniformResourceLocator，統(tǒng)一資源定位符）是資源標識符最常見的形式。URL描述了一臺特定服務器上某資源的特定位置，可以明確說明如何從一個精確、固定的位置獲取資源。每個Web文件都有一個唯一的地址，它包含的信息指出文件的位置以及瀏覽器應該怎么處理它。221.4URL和域名1.Web基礎URL完整的URL通常有以下四部分組成。協(xié)議（方案，scheme）服務器名稱（或IP地址）路徑文件名231.4URL和域名1.Web基礎域名域名（DomainName）是由一串用點分隔的名字組成的Internet上某一臺計算機或計算機組的名稱，用于在數(shù)據(jù)傳輸時標識計算機的方位（有時也指地理位置，地理上的域名，指帶有行政自主權的一個地方區(qū)域）。使用域名的目的是便于記憶服務器的地址（例如網(wǎng)站地址，電子郵件地址，文件服務資源地址等）。241.4URL和域名1.Web基礎服務器的構成包括處理器、硬盤、內存、系統(tǒng)總線等，和通用的計算機架構類似，但需要提供高可靠的服務，因此在處理能力、穩(wěn)定性、可靠性、安全性、可擴展性、可管理性等方面要求較高。在網(wǎng)絡環(huán)境下，根據(jù)服務器提供的服務類型不同，分為文件服務器、數(shù)據(jù)庫服務器、應用程序服務器、Web（網(wǎng)站）服務器等。根據(jù)服務器在網(wǎng)絡中應用的層次（或服務器的檔次來），依據(jù)整個服務器的綜合性能，特別是所采用的一些服務器專用技術來衡量的，將服務器可分為：入門級服務器、工作組級服務器、部門級服務器、企業(yè)級服務器。251.5服務器1.Web基礎Web標準是一系列標準的集合。Web標準定義網(wǎng)頁主要由三個部分組成。結構（Structure）表現(xiàn)（Presentation）行為（Behavior）對應的標準也分三方面。結構化標準語言，主要包括XHTML、XML和HTML5。表現(xiàn)標準語言，主要包括CSS。行為標準，主要包括對象模型（如W3CDOM）、ECMAScript等。261.6Web標準1.Web基礎結構標準可擴展標記語言（ExtensibleMarkupLanguage，XML）XML來源于標準通用標記語言，可擴展標記語言和標準通用標記語言都是能定義其他語言的語言。XML最初設計的目的是彌補HTML的不足，以強大的擴展性滿足網(wǎng)絡信息發(fā)布的需要，后來逐漸用于網(wǎng)絡數(shù)據(jù)的轉換和描述。可擴展超文本標記語言（XHTML）目前推薦遵循的是W3C于2000年1月26日發(fā)布的XHTML1.0。XML雖然數(shù)據(jù)轉換能力強大，完全可以替代HTML，但面對成千上萬已有的站點，直接采用XML還沒有足夠的環(huán)境。因此在HTML4.0的基礎上，用XML的規(guī)則對其進行擴展，得到了XHTML。簡單的說，建立XHTML的目的就是實現(xiàn)HTML向XML的過渡。271.6Web標準1.Web基礎結構標準HTML5HTML5是超文本標記語言（HTML）的第五次重大修改，是萬維網(wǎng)的核心語言，屬于標準通用標記語言（在本書第3章詳細講解）。281.6Web標準1.Web基礎表現(xiàn)標準CSS（層疊樣式表）目前推薦遵循的是萬維網(wǎng)聯(lián)盟（W3C）于2001年5月23日推薦的CSS3。W3C創(chuàng)建CSS標準的目的是以CSS取代HTML表格式布局、幀和其他表現(xiàn)的語言。純CSS布局與結構式XHTML相結合能幫助設計師分離外觀與結構，使站點的訪問及維護更加容易。291.6Web標準1.Web基礎行為標準文檔對象模型（DocumentObjectModel，DOM）根據(jù)W3CDOM規(guī)范（/DOM/）所定義，DOM是一種與瀏覽器及平臺無關的語言接口，使得可以訪問頁面中其他的標準組件。簡單的說，DOM解決了Netscape的Javascript和Microsoft的JScript之間的沖突，給予Web設計師和開發(fā)者一個標準的方法，來訪問站點中的數(shù)據(jù)、腳本和表現(xiàn)層對象。ECMAScriptECMAScript是ECMA制定的標準腳本語言（JavaScript）。目前推薦遵循的是ECMA-262。301.6Web標準2.Web是如何工作的網(wǎng)頁是構成網(wǎng)站的基本元素，是各種網(wǎng)站應用的載體。。文字和圖片是構成一個網(wǎng)頁的最基本的元素。文字是網(wǎng)頁的內容，圖片使網(wǎng)頁表現(xiàn)更加美觀，也可以直觀形象地表現(xiàn)信息，除此之外，網(wǎng)頁的元素還包括動畫、音視頻、程序等。312.1什么是網(wǎng)頁2.Web是如何工作的網(wǎng)頁實際上是一個純文本文件，通過各式各樣的標記描述頁面上的文字、圖片、表格、音視頻等元素。而瀏覽器通過對這些標記進行解釋并生成頁面，把網(wǎng)頁通過一定的格式展現(xiàn)出來。圖片、音視頻、動畫等文件和網(wǎng)頁文件互相獨立，甚至可以存儲在不通計算機上，網(wǎng)頁文件中存放圖片的鏈接位置。瀏覽器加載相關文件并解釋網(wǎng)頁中標記，從而生成頁面，然后把網(wǎng)頁通過一定的格式展現(xiàn)出來。322.1什么是網(wǎng)頁2.Web是如何工作的網(wǎng)頁可以分為靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)頁。靜態(tài)頁面靜態(tài)網(wǎng)頁是指沒有后臺數(shù)據(jù)庫、不含開發(fā)程序和不可交互的網(wǎng)頁。靜態(tài)網(wǎng)頁是標準的HTML文件，它的文件擴展名是.htm、.html，可以包含文本、圖像、聲音、動畫、客戶端腳本和ActiveX控件及程序等，制作完成后，頁面的內容和顯示效果就確定了，除非修改頁面代碼，因此靜態(tài)網(wǎng)頁更新起來相對比較麻煩，適用于一般更新較少的展示型網(wǎng)站，早期網(wǎng)站的頁面也多為靜態(tài)網(wǎng)頁。332.1什么是網(wǎng)頁2.Web是如何工作的網(wǎng)頁可以分為靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)頁。動態(tài)態(tài)頁面動態(tài)網(wǎng)頁一般以數(shù)據(jù)庫技術為基礎，可以與后臺數(shù)據(jù)庫進行交互與數(shù)據(jù)傳遞，可以大大降低網(wǎng)站維護的工作量。采用動態(tài)網(wǎng)頁技術的網(wǎng)站可以實現(xiàn)更多的功能，如用戶注冊、用戶登錄、在線調查、用戶管理、訂單管理等等。動態(tài)網(wǎng)頁以.aspx、.asp、.jsp、.php、.perl、.cgi等形式為后綴，并且在動態(tài)網(wǎng)頁網(wǎng)址中有一個標志性的符號——“?”。342.1什么是網(wǎng)頁2.Web是如何工作的關于網(wǎng)站的定義較多，常見的定義有以下三種:定義一網(wǎng)站（Website）指在因特網(wǎng)上根據(jù)一定的規(guī)則，使用HTML等工具制作的用于展示特定內容相關網(wǎng)頁的集合。定義二因特網(wǎng)上一塊固定的面向全世界發(fā)布消息的地方，由域名（網(wǎng)站地址）和網(wǎng)站空間構成，通常包括主頁和其他具有超鏈接文件的頁面。定義三網(wǎng)站是一個邏輯上的概念，是由一系列的內容組合而成的。網(wǎng)站包含的內容有：網(wǎng)站的域名、提供網(wǎng)站服務的服務器或者網(wǎng)站空間、網(wǎng)頁、網(wǎng)頁內容所涉及的圖片視頻等文件、網(wǎng)頁之間的關系。352.2什么是網(wǎng)站2.Web是如何工作的網(wǎng)站是一個整體，網(wǎng)頁是一個個體，一個網(wǎng)站是由多個網(wǎng)頁構建而成。簡單來說，網(wǎng)站是由網(wǎng)頁集合而成的，通過瀏覽器所看到的頁面就是網(wǎng)頁。網(wǎng)站是域名、網(wǎng)站存放空間的內容集合，所包含的內容有網(wǎng)頁、程序、圖片、視頻、音頻等內容和內容之間的鏈接關系，一個網(wǎng)站可能有很多網(wǎng)頁，也可能只有一個網(wǎng)頁。網(wǎng)頁是網(wǎng)站內容的重要組成部分。362.3網(wǎng)頁和網(wǎng)站的關系37網(wǎng)頁和網(wǎng)站的關系2.Web是如何工作的瀏覽器主要功能瀏覽器的主要功能是將用戶選擇的Web資源呈現(xiàn)出來，它需要從服務器請求資源，并將其顯示在瀏覽器窗口中。382.4瀏覽器是怎么工作的2.Web是如何工作的瀏覽器主要功能資源的格式通常是HTML，也包括PDF、image及其他格式。用戶用URI（UniformResourceIdentifier，統(tǒng)一資源標識符）來指定所請求資源的位置。392.4瀏覽器是怎么工作的2.Web是如何工作的瀏覽器的主要組件包括以下七個方面。用戶界面瀏覽器引擎渲染引擎網(wǎng)絡UI后端JS解析器數(shù)據(jù)存儲402.4瀏覽器是怎么工作的瀏覽器的主要組件2.Web是如何工作的用戶界面（UserInterface）包括地址欄、后退/前進按鈕、書簽目錄等，也就是你所看到的除了用來顯示你所請求頁面的主窗口之外的其他部分。瀏覽器引擎（Browserengine）用來查詢及操作渲染引擎的接口。渲染引擎（Renderingengine）用來顯示請求的內容，例如：請求內容為html，它負責解析html及css，并將解析的結果顯示出來。412.4瀏覽器是怎么工作的2.Web是如何工作的網(wǎng)絡（Networking）用來完成網(wǎng)絡調用，例如：http請求具有平臺無關的接口，可以在不同平臺上工作。UI后端（UIBackend）用來繪制類似組合選擇框及對話框等基本組件，具有不特定于某個平臺的通用接口，底層使用操作系統(tǒng)的用戶接口。422.4瀏覽器是怎么工作的2.Web是如何工作的JS解釋器（JavaScriptInterpreter）用來解釋執(zhí)行JS代碼。數(shù)據(jù)存儲（Datapersistence）屬于持久層，瀏覽器需要在硬盤中保存類似cookie的各種數(shù)據(jù)，HTML5定義了webdatabase技術，這是一種輕量級完整的客戶端存儲技術。432.4瀏覽器是怎么工作的2.Web是如何工作的主流瀏覽器及其市場份額全球主流瀏覽器有Chrome、MicrosoftInternetExplorer、Firefox、MicrosoftEdge、Sfari、Opera等。442.4瀏覽器是怎么工作的45Web瀏覽器2.Web是如何工作的主流瀏覽器及其市場份額NetMarketShare統(tǒng)計數(shù)據(jù)2018年3月各主流桌面瀏覽器市場份額的調查數(shù)據(jù)顯示，Google的Chrome瀏覽器依然是全球最受歡迎的桌面瀏覽器。462.4瀏覽器是怎么工作的2.Web是如何工作的主流瀏覽器及其市場份額百度統(tǒng)計數(shù)據(jù)2018年1月到2018年4月，Chrome瀏覽器市場份額穩(wěn)定，為最受歡迎的瀏覽器；IE瀏覽器居第二，QQ、2345、搜狗高速等國內瀏覽器有廣泛的應用。472.4瀏覽器是怎么工作的2.Web是如何工作的從輸入一個網(wǎng)站域名到訪問網(wǎng)站的過程一般包括以下5個步驟。輸入網(wǎng)址。通過域名服務器查找用戶輸入網(wǎng)址的域名指向的IP地址。通過獲取的IP地址請求Web服務器。Web服務器接收請求，并返回請求數(shù)據(jù)信息?？蛻舳藶g覽器接收到請求數(shù)據(jù)后，將信息組織成可以查看的網(wǎng)頁內容。482.5訪問網(wǎng)站的過程49網(wǎng)站訪問過程2.Web是如何工作的網(wǎng)站開發(fā)技術分為前端技術和后端技術。Web前端技術在Web前端開發(fā)中有HTML、CSS、JavaScript等技術。Web后端技術在Web后端開發(fā)中有CGI、PHP、JSP、Python、ASP.NET、Ruby等開發(fā)技術。502.6網(wǎng)站是怎么開發(fā)的2.Web是如何工作的網(wǎng)站的主要開發(fā)技術介紹HTML用于靜態(tài)頁面開發(fā)，是網(wǎng)站開發(fā)的基礎。CSS層疊樣式表，對網(wǎng)頁中的對象位置和樣式進行精確控制。JavaScript前端編程語言，用于給HTML網(wǎng)頁增加動態(tài)和交互功能。512.6網(wǎng)站是怎么開發(fā)的2.Web是如何工作的網(wǎng)站的主要開發(fā)技術PHPHTML內嵌式語言，一種在服務器端執(zhí)行的嵌入HTML文檔的腳本語言。JSPJSP（JavaServerPages）是一種動態(tài)頁面技術，它的主要目的是將表示邏輯從Servlet中分離出來。JSP技術使用Java編程語言編寫類XML的tags和scriptlets，來封裝產(chǎn)生動態(tài)網(wǎng)頁的處理邏輯。網(wǎng)頁還能通過tags和scriptlets訪問存在于服務端的資源的應用邏輯。JSP將網(wǎng)頁邏輯與網(wǎng)頁設計的顯示分離，支持可重用的基于組件的設計，使基于Web的應用程序的開發(fā)變得迅速和容易。522.6網(wǎng)站是怎么開發(fā)的2.Web是如何工作的網(wǎng)站的主要開發(fā)技術PythonPython是一種面向對象、解釋型計算機程序設計語言。Python是純粹的自由軟件，源代碼和解釋器CPython遵循GPL(GNUGeneralPublicLicense)協(xié)議。Python語法簡潔清晰，強制用空白符作為語句縮進。ASP.NETASP.NET是.NETFramework的一部分，是一種使嵌入網(wǎng)頁中的腳本可由因特網(wǎng)服務器執(zhí)行的服務器端腳本技術。532.6網(wǎng)站是怎么開發(fā)的2.Web是如何工作的開發(fā)網(wǎng)站需要哪些人網(wǎng)站開發(fā)是一個系統(tǒng)的工程，需要多種人員協(xié)調配合，共同完成。通常網(wǎng)站開發(fā)過程中的人員角色如下：項目經(jīng)理內容編輯網(wǎng)站結構規(guī)劃美術設計主頁制作軟件程序開發(fā)系統(tǒng)管理文檔管理質量檢測542.6網(wǎng)站是怎么開發(fā)的2.Web是如何工作的開發(fā)網(wǎng)站的一般過程需求分析當拿到一個網(wǎng)站項目時，必須進行需求分析。分析網(wǎng)站的風格、網(wǎng)站的類型、網(wǎng)站的版塊、網(wǎng)站的域名及空間等。規(guī)劃靜態(tài)內容重新確定其需求分析，并根據(jù)用戶需求分析，規(guī)劃出網(wǎng)站的內容板塊草圖。設計階段根據(jù)網(wǎng)站草圖，由美工制作成效果圖。552.6網(wǎng)站是怎么開發(fā)的2.Web是如何工作的網(wǎng)站項目開發(fā)流程開發(fā)階段根據(jù)頁面結構和設計，前端和后臺可以同時進行。前端開發(fā)工程師根據(jù)設計效果負責制作靜態(tài)頁面。程序開發(fā)工程師根據(jù)其頁面結構和設計，設計數(shù)據(jù)庫，并負責網(wǎng)站支撐系統(tǒng)和軟件的開發(fā)。測試和發(fā)布對網(wǎng)站進行系統(tǒng)測試，并根據(jù)測試修訂錯誤。在完成測試修訂后，通過服務器將網(wǎng)站發(fā)布。562.6網(wǎng)站是怎么開發(fā)的2.Web是如何工作的網(wǎng)站建設中除了開發(fā)，還需要做的工作？網(wǎng)站測試對制作好的網(wǎng)站進行兼容性測試、功能測試、性能測試、安全測試等。網(wǎng)站發(fā)布對制作完成的網(wǎng)站通過互聯(lián)網(wǎng)進行發(fā)布，包括申請域名、部署實施等。網(wǎng)站維護網(wǎng)站發(fā)布并正式運行后，需要對網(wǎng)站的內容持續(xù)進行更新，對網(wǎng)站中出現(xiàn)的錯誤持續(xù)進行修訂和完善，提升網(wǎng)站的安全及性能等。572.6網(wǎng)站是怎么開發(fā)的3.為什么學習Web前端開發(fā)Web技術已經(jīng)成為一門廣泛應用的技術。除了日常的網(wǎng)站訪問和信息瀏覽，Web已經(jīng)成為各種設備的有機組成部分。例如交換機、路由器、服務器的管理，都可以通過Web的方式進行管理，并且這種慣例方式得到了越來越多的應用，各種信息技術都在向Web化靠攏。583.為什么學習Web前端開發(fā)學習Web前端開發(fā)技術，具有一定的優(yōu)勢，具體如下所述：前端開發(fā)入門門檻低，但需求量大，尤其是有經(jīng)驗的前端開發(fā)人員。前端開發(fā)可在短期內積累足夠的經(jīng)驗，而后端開發(fā)想要積累同等程度的經(jīng)驗需要時間長。前端開發(fā)技術變化慢，而后端開發(fā)技術更新很快，各種框架、架構模式變更迅速，相比較而言，學習成本低。前端開發(fā)技術發(fā)展越來越成熟，且適用范圍更廣。比如HTML5可以替代原生APP，JavaScript能夠用于數(shù)據(jù)庫操作（MongoDB等NoSQL支持JS語法），NodeJS能夠讓JavaScript在服務器端運行等。593.為什么學習Web前端開發(fā)Web前端開發(fā)是指利用HTML、CSS、JavaScript、DOM等各種Web技術進行產(chǎn)品的界面開發(fā)。Web前端開發(fā)的工作目標是制作標準優(yōu)化的代碼，并增加交互動態(tài)功能，同時結合后臺開發(fā)技術實現(xiàn)整體應用目標，通過技術改善用戶體驗。603.1什么是Web前端開發(fā)3.為什么學習Web前端開發(fā)Web前端工程師的工作內容，主要有以下幾點：為網(wǎng)站上提供的產(chǎn)品和服務實現(xiàn)一流的Web界面，優(yōu)化代碼并保持良好兼容性；負責產(chǎn)品整體前端框架的搭建；參與產(chǎn)品的前端開發(fā)，與后端工程師協(xié)作，高質高效完成產(chǎn)品的數(shù)據(jù)交互、動態(tài)信息展現(xiàn)；使用JS或AS編寫封裝良好的前端交互組件，維護及優(yōu)化網(wǎng)站前端頁面性能；研究和探索創(chuàng)新的開發(fā)思路和最新的前端技術。613.2Web前端工程師的工作內容3.為什么學習Web前端開發(fā)Web前端工程師目前已經(jīng)成為業(yè)界普遍任何的工作崗位，有較大的市場需求，在職業(yè)發(fā)展中也逐步形成職業(yè)發(fā)展體系。Web前端工程師的職業(yè)方向大致有兩種：資深Web前端工程師Web前端工程師通過不斷的學習、提高和經(jīng)驗積累，逐步走向資深Web前端工程師，這是最基本的職業(yè)發(fā)展。在國外，很多工程師都能夠把自己的專業(yè)做到極致，在一個專業(yè)領域不斷學習和積累。Web架構師Web前端工程師通過積累和對產(chǎn)品、項目的深入理解，以及對技術的進一步研究和理解，將能夠更好的規(guī)劃和設計Web架構的應用服務和大型網(wǎng)站，并逐步成長為Web架構師。623.3Web前端工程師的職業(yè)前景3.為什么學習Web前端開發(fā)Web前端開發(fā)一般需要學習以下內容：HTMLHTML（超文本標記語言）是一個網(wǎng)頁的骨架，無論是靜態(tài)網(wǎng)頁還是動態(tài)網(wǎng)頁，最終返回到瀏覽器端的都是HTML，瀏覽器將HTML代碼解釋渲染后呈現(xiàn)給用戶。CSSCSS（層疊樣式表）用來描述網(wǎng)頁內容如何顯示，是能夠真正做到網(wǎng)頁表現(xiàn)與內容分離的一種樣式設計語言。JavaScriptJavaScript是應用最為廣泛的腳本語言，在網(wǎng)頁中，可以用來添加互動和行為633.4需要學習那些內容3.為什么學習Web前端開發(fā)Web前端開發(fā)一般需要學習以下內容：程序編程語言目前大多數(shù)網(wǎng)站都是動態(tài)網(wǎng)站，雖然Web前端工程師不需要進行大量的動態(tài)網(wǎng)站程序開發(fā)，但是卻經(jīng)常性的需要和程序開發(fā)人員進行配合和業(yè)務銜接，因此掌握一定的動態(tài)網(wǎng)站開發(fā)語言對于工作來講非常必要。Web前端工程師應該掌握一門動態(tài)網(wǎng)站開發(fā)語言，例如PHP、ASP.NET，能夠具備一定的開發(fā)能力，能夠理解動態(tài)網(wǎng)站開發(fā)語言的工作原理。643.4需要學習那些內容3.為什么學習Web前端開發(fā)Web前端開發(fā)工作需要一定的設備來開展工作，初學者也需要一定的條件方能開展學習工作。通常需要的設備有以下幾種。性能穩(wěn)定的計算機額外的內存大一些的顯示器移動設備653.5需要購買哪些設備3.為什么學習Web前端開發(fā)Web前端開發(fā)除了學習最基礎和最核心的技術外，還需要掌握和具備其他技術和能力。主要體現(xiàn)在以下幾個方面:計算機專業(yè)知識，包括編譯原理、計算機網(wǎng)絡、操作系統(tǒng)、算法原理、軟件工程、軟件測試原理等專業(yè)計算機知識，這些知識能夠幫助開發(fā)者更好地理解和掌握Web前端開發(fā)技術，并幫助開發(fā)人員更快速地學習。知識管理、總結分享的能力。663.6除了技術，還需要學什么3.為什么學習Web前端開發(fā)Web前端開發(fā)出了學習最基礎和最核心的技術外，還需要掌握和具備其他技術和能力,主要體現(xiàn)在以下幾個方面:溝通技巧、團隊協(xié)作開發(fā)、需求管理、項目管理的能力。代碼模塊化開發(fā)的基本