Web前端核心的三大要素技術(shù)：HTML、CSS和JavaScript。html是內(nèi)容，css是表現(xiàn)，javascript是行為。在整個IT行業(yè)中，其實Web前端開發(fā)的門檻其實非常低，與服務器端語言先慢后快的學習曲線相比，前端開發(fā)的學習曲線是先快后慢。所以，對于從事IT工作的人來說，前端開發(fā)是個不錯的初入點。也正因為如此，前端開發(fā)的領(lǐng)域有很多自學成“才”的同行。

html是最基礎的，現(xiàn)在流行的是html5設計，先學會網(wǎng)頁布局。

css是用來美化html頁面的為頁面提供布局和格式。再學javascript。

web前端需要學習什么內(nèi)容?

隨著互聯(lián)網(wǎng)應用的發(fā)展和廣泛應用，web前端的開發(fā)和應用在市場也越來越受到企業(yè)的歡迎。所以學習web前端培訓課程需求也在增加，那么前端培訓學什么內(nèi)容呢？小編就帶著各位來了解一下。

一、前期需要分析那些內(nèi)容

前端培訓是設計應該如何做一個好的頁面，無論做一個傳統(tǒng)的桌面應用程序，還是做一個Web應用程序的頁面，前期的前端頁面分析與設計是少不了的操作。

二、網(wǎng)頁實體應該如何展現(xiàn)更好

如果你自己的Ps技術(shù)不行，或者你實在沒有審美細胞，業(yè)不想成為大牛的網(wǎng)頁設計師，那么你可以直接奔向網(wǎng)頁原型的開發(fā)。事實證明:如果你沒有實體模型，做起網(wǎng)頁原型來肯定是要花費更多時間的，有句話說得好“出來混，早晚要還的”

三、網(wǎng)頁原型開發(fā)如何做

網(wǎng)頁原型是用HTML開發(fā)出來的，肯定是要使用CSS渲染的。一般我們的HTML文檔都會利用外部樣式來定義文檔中使用的樣式。Javascript也放在外部文檔中，這個文檔只包含了Javascript代碼，所以前端基礎html+css+js這些也是要會的。

四、如何選擇框架

如果我們已經(jīng)知道了要去開發(fā)什么東西了，接下來的工作那就是要進行框架的選擇了，要采用什么語言，什么框架了。在這個時候就要通過整體的分析來看哪個框架更加適合自己的項目，所以前端框架一定要了解。

五、開發(fā)進行需要注意的事項

在一切都準備好了以后，那么就是要進行實際的操作了。在實際操作中我們要多加注意把該有的流程一個不能少的完成，要時刻保存?zhèn)浞荨?/p>

前端學習路線圖：

題主的問題問得有點大，想要回答好真的很不容易。

我也是技術(shù)人，只能單從技術(shù)角度出發(fā)扯一扯。

目前看來前端技術(shù)的基礎仍然無法離開javascript、css、和html，這是前端的“根”。

前端開發(fā)最近幾年經(jīng)歷了一次快速發(fā)展，其中也包含一些“野蠻發(fā)展”的情況，以js為例，最典型的就是出現(xiàn)了大量的第三方js庫及組件。這些庫為開發(fā)人員帶來了大量的選擇空間，如果運用得當確實能夠大幅提升工作效率。

但是這樣的“野蠻生長”同樣也帶來了負面效應。許多初入行的新手會覺得無所適從，這么多第三方庫，每個都聲稱自己是最好的，網(wǎng)絡上也是褒貶不一，各說各的。到底該從哪里開始入手呢。

如果把時間往回退一點，不用很久，我們先往回退5年左右，一些如今大家都耳熟能詳?shù)闹髁髑岸思夹g(shù)開始在國外形成氣候，但是可能還未進入國內(nèi)，那個時候如果程序員掌握一門jQuery并且熟練使用的話，是很吃得開的。

再往前5年，也就是北京奧運前后這段時間，那個時候的開發(fā)人員根本還沒有像今天這樣把崗位劃分得那么細，哪有什么前端和后端，無非是美工設計好頁面，做好切圖，程序員一手包圓，從后臺數(shù)據(jù)庫開始一路碼到前臺頁面。而那時候的大部分程序員在做前端開發(fā)的時候，用的最多的是原生javascript、ajax和dom。

要是再往前推，大家只要搜索一下世紀之交的時候，網(wǎng)頁都是丑成什么樣子就懂了。上世紀末那會兒上網(wǎng)得拿個貓撥號吱哇吱哇響半天，那時我還在念書，老實說如果你的網(wǎng)頁上有個幾百k的圖片，人家基本上根本就沒那耐心再繼續(xù)加載下去了。

回過來就能想明白了，正是因為前端是經(jīng)過了這樣的發(fā)展，程序員們覺得原生js、ajax和dom太羅嗦，為了實現(xiàn)業(yè)務功能不得不寫大量與業(yè)務無關(guān)的代碼，并且還不得不考慮不同的瀏覽器差異，要知道那些年光是處理ie的不同版本就夠程序員喝一壺的了。

而優(yōu)秀的程序員總是懂得高度封裝的，于是第一批經(jīng)過封裝后的前端產(chǎn)品開始出現(xiàn)了，典型代表是以縮減業(yè)務無關(guān)代碼量和屏蔽瀏覽器差異為目的“jQuery”和以用戶UI為代表的“Ext JS”。使用這一類產(chǎn)品的時候，程序員不太需要考慮一些原生問題了。

新的問題也開始出現(xiàn)了，處于這一時期成長起來的程序員們，開始漸漸生疏原生代碼了。那時候招聘新人，已經(jīng)開始出現(xiàn)不少不會甚至第一次聽說document或ajax的人了。但是老程序員誰會去管這些呢。

當“jQuery”發(fā)展得成熟穩(wěn)定后，有經(jīng)驗的程序員們又發(fā)現(xiàn)了新問題。前端原則上是純粹開源的，這也導致了前端看起來似乎毫無規(guī)則可言，程序員想怎么寫就怎么寫，要多亂就有多亂。恰巧這時候后端的架構(gòu)經(jīng)歷了早期的重量級EJB、輕量級的struts、提出了數(shù)據(jù)庫持久化概念的hibernate，以及某一天突然跳出來大喊一聲“這tmd才叫框架”的spring，越發(fā)變得成熟和穩(wěn)定。(請原諒我，我是Java系的碼農(nóng))MVC概念逐漸變成了一種主流思想。

還記得我剛才說早期的程序員不太區(qū)分前后端不？這幫人當中就有人發(fā)現(xiàn)，為什么前端不能像后端那樣以框架或者架構(gòu)方式出現(xiàn)呢。

幾乎在同一時期，一批主打mvvm概念的前端框架脫穎而出了。

如果找一些比較優(yōu)秀的“全?！眴栆幌?，你會發(fā)現(xiàn)現(xiàn)在流行的幾款前端框架，其主要設計思想中都存在后端架構(gòu)的身影。而這一時期出現(xiàn)的新興前端程序員們，可以說幾乎沒有誰再會去關(guān)心“原生的洪荒之力”了。

上面所說的大部分都是js相關(guān)的，css和html雖然也進入了新的發(fā)展時期，但畢竟之前沉寂得太久，程序員們并沒有在這兩者上面出現(xiàn)太猛烈的脫節(jié)或不適應。

說到底，至少現(xiàn)階段前端的主流js架構(gòu)都只是一些“高級工具”而已，說得難聽些哪怕不會這些架構(gòu)，很多事情還是能做-----沒了電動螺絲刀難道就沒法擰螺絲了么。

熟悉和使用好的流行框架固然重要，但是在前端問題上更不能忽略的是基礎:原生的javascript看起來入門容易，實則水相當深;原始的dom理論是構(gòu)建網(wǎng)頁的基礎的基礎;原生的ajax會幫助你更深入理解同步和異步，以及如何與后端交互。

除此之外，無論前后端，無論什么語言，編程這件事最要緊的還是思想和思路，這些東西聽上去有點懸，最有效的辦法還是不斷累積，并且要善于思考，多看老手的代碼，多想人家為什么要這么寫，這么設計肯定是有道理的，理由何在。千萬不要把自己變成一個只會復制粘貼的低級程序員。

我好像扯太遠了，不知道題主有沒有耐心看。。。?