為什麽要寫這篇文章呢，首先先聲明下，我自己也是菜鳥，寫博客也是為了記錄自己的學習過程，寫這篇關於“關於web前端的學習”，主要是給自己定制一個學習路線，向著目標前進咯！ps:我也是看著別人的文章，然後寫的，自己看了別人的文章後再記錄下來，也會更加印象深刻了。

首先先來說下什麽是web前端，以下是從百度知道看到的答案：

其實web前端是一個新詞匯，剛開始只有美工和程序，後來隨著web的發展，對用戶交互的需求越來越高，就衍生出了ui（用戶交互頁面）這出了視覺效果還要有交互體驗，就需要js去實現，畢竟一個人的精力是有限的，這麽多的工作不可能由一個人去實現，於是出圖就成了前端美工，切圖出html css就成了前端切圖，js就成了前端交互。一般情況下出圖和html頁面是一個人完成，而js效果由程序員去寫，因為畢竟是程序腳本，程序員學起來相對容易一些。

　　前面的答案估計看了也大概能明白是個啥回事了，web前端就分為兩種，一種是前端切圖，一種是前端交互，前端切圖主要負責頁面的設計，前端交互則負責頁面的交互、效果。

對前端的學習，我們要持之以恒，其實前端的入門是比較容易的，但是學習的東西比較多，所以後期要成長就需要學習更多的東西，要成為高級工程師也是一件辛苦的事情。

前端的學習路線，首先肯定是先從前端的三大核心開始：html，css，js，這是前端的必修課，web前端就是由這三大核心組成的。（參考網站：http://www.w3school.com.cn/）

　　html是超文本標記語言的意思，它是前端的結構層，前端好比一座房子，html就是我們這棟房子的結構，地基。寫網頁是需要用html搭建起網頁的結構。

　　css是層疊樣式表的意思，它是前端的樣式層，好比我們房子的裝修外表，在網頁制作時，可以采用css，對頁面進行布局，字體，顏色，背景和效果實現精確的控制。

　　JavaScript即js，它是前端的行為層，同樣是造房子，外面我們都造好了，然後我們的房子裏燈亮的行為，就跟js同個道理，它是web前端開發的核心，主要是幫助實現頁面的交互及一些特效的實現。

　　學完上面三大核心，我們應該進一步提升一下，html也出了新的版本html5，css也出了css3，學完上面的基礎，接下來就是學html5+css3，可以實現很多動畫效果。

　　接下來就是學習js的框架，什麽是js框架呢？就是很多js功能方法封裝起來，方便別人去使用的js文件，我們叫做框架(我個人的理解)。

　　我們學的第一個js框架就是jQuery框架，這個框架就是把js的語法簡單話，原本我們需要寫很長的一段js語句，都被封裝成一個方法，然後我們去調用就行了。一般學了jquery框架，用順手了開發都比寫原生js快，而且用起來更爽。（jquery手冊：http://jquery.cuishifeng.cn/）

　　學完第一個js框架，我們接下來就要學第二個js框架——Bootstrap（網址：http://www.bootcss.com/），這是一個很牛逼的框架，一般做移動端網站首選bootstrap，裏面有著寫好的css樣式，柵格系統，組件等等。去學了就知道了，這裏不多講。

　　接下來應該去學一下自適應網站的制作，就是做一個響應式的網站，pc端移動端通殺。

　　額外需要提升的就是去了解不同瀏覽器兼容性問題，這是在開發的時候經常會遇到的。

　　上面的學習路線是針對初級的前端開發，學完上面的知識，基本上可以做個切圖仔了，可以自己做頁面了，html和css很容易就能上手，js需要一點邏輯性，所以新手學js需要多加點功夫，js學好了，以後學js框架也就是換個思路寫代碼了。

　　下面重新整理下學習路線：

　　1). html/css/js

　　2). html5/css3

　　3). jquery

　　4). bootstrap

　　5). 瀏覽器兼容性（可上網搜索）

關於web前端的學習一