關於web前端的學習一

標籤：入門   組成   功能   一段   相容性問題   知識   動畫效果   image   為什麼   

  為什麼要寫這篇文章呢，首先先聲明下，我自己也是菜鳥，寫部落格也是為了記錄自己的學習過程，寫這篇關於“關於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就是我們這棟房子的結構，地基。寫網頁是需要用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前端的學習一