網(wǎng)站前端開發(fā)發(fā)展史怎么寫，前端開發(fā)與傳統(tǒng)的程序開發(fā)有什么區(qū)別？
前端開發(fā)工程師（也叫“網(wǎng)頁(yè)制作”、“網(wǎng)頁(yè)制作工程師”、“前端制作工程師”等），主要職責(zé)是與交互設(shè)計(jì)師、 視覺設(shè)計(jì)師協(xié)作，根據(jù)設(shè)計(jì)圖用HTML和CSS完成頁(yè)面制作。
其代碼被用戶端瀏覽器閱讀并解釋呈現(xiàn)，故名前端。
后端開發(fā)工程師開發(fā)的代碼則運(yùn)行在服務(wù)器端，這是最大的不同。
另外，前端開發(fā)工程師，應(yīng)該具有一定的審美能力和基礎(chǔ)的美工操作能力，能很好的與交互及視覺協(xié)作。
Web前端是什么意思？
前端開發(fā)是創(chuàng)建Web頁(yè)面或app等前端界面呈現(xiàn)給用戶的過(guò)程，通過(guò)HTML，CSS及JavaScript以及衍生出來(lái)的各種技術(shù)、框架、解決方案，來(lái)實(shí)現(xiàn)互聯(lián)網(wǎng)產(chǎn)品的用戶界面交互 。它從網(wǎng)頁(yè)制作演變而來(lái)，名稱上有很明顯的時(shí)代特征。在互聯(lián)網(wǎng)的演化進(jìn)程中，網(wǎng)頁(yè)制作是Web1.0時(shí)代的產(chǎn)物，早期網(wǎng)站主要內(nèi)容都是靜態(tài)，以圖片和文字為主，用戶使用網(wǎng)站的行為也以瀏覽為主。隨著互聯(lián)網(wǎng)技術(shù)的發(fā)展和HTML5、CSS3的應(yīng)用，現(xiàn)代網(wǎng)頁(yè)更加美觀，交互效果顯著，功能更加強(qiáng)大。
零基礎(chǔ)小白如何從頭開發(fā)一個(gè)前端應(yīng)用？
關(guān)于這個(gè)問(wèn)題，太多人在問(wèn)了。我這幾年一直都在從事web前端應(yīng)用方面的培訓(xùn)普及工作，期間還公開出版過(guò)幾本書，現(xiàn)提兩點(diǎn)看法供參考。
第一，前端應(yīng)用涉及的知識(shí)點(diǎn)太多，一定要首先找個(gè)靠譜的書籍或者教程（不要太厚、太長(zhǎng)的）先對(duì)前端有個(gè)整體的認(rèn)識(shí)，千萬(wàn)不要一頭扎進(jìn)某個(gè)方面學(xué)個(gè)一年半載。這樣的做法，你所看到的將始終是眼前的這一小部分的“點(diǎn)”，而看不到“面”！而且，單純的學(xué)習(xí)某一方面知識(shí)，很容易讓人產(chǎn)生倦怠感，學(xué)著學(xué)著可能就要放棄了！
比如，在你對(duì)前端知識(shí)體系毫無(wú)了解的情況下，先來(lái)系統(tǒng)學(xué)習(xí)html的數(shù)十個(gè)甚至上百個(gè)標(biāo)簽，你能體會(huì)到每個(gè)標(biāo)簽在前端項(xiàng)目中的真正用途嗎？你最多只是會(huì)用這些標(biāo)簽而已，卻無(wú)法拓展自己的思路，更不可能對(duì)這些標(biāo)簽將來(lái)的用途有著深刻的理解。假如，你先有了一部分“面”上的知識(shí)，也簡(jiǎn)單知道了html、css和javascript在前端項(xiàng)目中是如何各司其職的，并對(duì)它們的用法有了初步的了解，那么，在重新學(xué)習(xí)html標(biāo)簽時(shí)，你可能就會(huì)思考：這個(gè)標(biāo)簽的樣式該怎么設(shè)置？如何給這個(gè)標(biāo)簽添加一些事件以便讓它觸發(fā)某種操作行為？這樣的學(xué)習(xí)就不再是一個(gè)個(gè)孤立的知識(shí)點(diǎn)了，而是把它們都融合起來(lái)了，學(xué)習(xí)過(guò)程也會(huì)變的更加有趣！
這種學(xué)習(xí)方法，正是本人一直倡導(dǎo)的“由面到點(diǎn)”，然后再“由點(diǎn)到面”。因此，我的建議是：在有了一種總體性（“面”）的概念認(rèn)知之后，你才會(huì)知道其中每個(gè)具體的“點(diǎn)”將用到哪里，這個(gè)“點(diǎn)”究竟是應(yīng)該淺嘗輒止還是要繼續(xù)追本溯源。只有這樣，才不會(huì)把時(shí)間浪費(fèi)在很多瑣碎的、有些甚至永遠(yuǎn)都用不到的知識(shí)點(diǎn)中，也才能以最具效率的方式幫助自己確定最終需要努力的方向。當(dāng)以這樣的方式學(xué)習(xí)時(shí)，你眼中的CSS和JavaScript可能都不再是獨(dú)立的語(yǔ)言，也許只是頁(yè)面中普通的<style></style>、<script></script>標(biāo)簽元素而已，這樣才能真正的做到融會(huì)貫通！
第二，前端應(yīng)用是離不開html、css和javascript三大基礎(chǔ)的。在有了“面”上的初步知識(shí)之后，其實(shí)就可以找個(gè)前端框架先來(lái)練手一個(gè)小項(xiàng)目了。在練手的過(guò)程中，碰到?jīng)]有用到的html標(biāo)簽屬性、css樣式設(shè)置方法或者不懂的js語(yǔ)法規(guī)則時(shí)再來(lái)找對(duì)應(yīng)的基礎(chǔ)知識(shí)學(xué)。這種“邊干邊學(xué)”的方式是最有效的，千萬(wàn)不要拿一整塊的時(shí)間來(lái)系統(tǒng)學(xué)習(xí)某一方面的基礎(chǔ)知識(shí)，否則你又將大概率的陷入到“從入門到放棄”的惡性循環(huán)中。
為什么要強(qiáng)調(diào)使用前端框架呢？這是因?yàn)椋梢宰尦鯇W(xué)者暫時(shí)擺脫漫長(zhǎng)且繁雜的學(xué)習(xí)過(guò)程，快速看到開發(fā)成果，從而增強(qiáng)繼續(xù)學(xué)習(xí)的信心。待有了一定的感性認(rèn)知與經(jīng)驗(yàn)積累之后，回頭再去看html、css和javascript三大基礎(chǔ)，相信你一定會(huì)不時(shí)發(fā)出這樣的感慨：原來(lái)是這樣啊！這種“茅塞頓開”的感覺真的讓人很爽！！！
請(qǐng)注意，我這里強(qiáng)調(diào)的是“邊干邊學(xué)”，并不是蠻干。如果你只干不學(xué)，那是干不下去的，你也會(huì)被碰的頭破血流的。前端框架永遠(yuǎn)只是框架，它不是萬(wàn)能的，內(nèi)部的處理邏輯還需要你自己來(lái)寫！
當(dāng)然，新手在初始入門學(xué)習(xí)時(shí)，如果能有人帶著是最好不過(guò)了。我在頭條上已經(jīng)開辟了《網(wǎng)站開發(fā)全攻略》系列專欄：從前端的頁(yè)面開發(fā)，到后端的數(shù)據(jù)交互；從PC端到移動(dòng)端；從基礎(chǔ)知識(shí)講解到完整的訂單系統(tǒng)實(shí)例，全包含！預(yù)計(jì)總章節(jié)數(shù)在1500課左右，建議新手可以先從其中的第1個(gè)專欄學(xué)起，學(xué)習(xí)過(guò)程中碰到任何問(wèn)題都可隨時(shí)留言交流。