Web前端近幾年來就業需求非常大，薪資可觀，而且，技術難度比較低，入行門檻相對較低，所以很多想轉行的IT小白，比如設計師、后臺程序員、網蟲、大學其他專業、策劃、編輯等等，大多想從Web前端開發入手。那么，Web前端開發到底學什么，需要掌握哪些知識呢？

接下來，我作為一個轉行過來人，就跟大家簡單聊下想成為一個Web前端工程師到底需要學什么，怎么學。

一、Web前端工程師是什么？

Web前端工程師是具備產品的界面開發、制作標準優化代碼、懂增加交互動態功能、會后臺開發技術等能力的互聯網人才，其最終目的是改善用戶體驗。現階段，Web前端工程師主要工作：是把設計好的圖樣做成看得見摸得著的網站或者軟件界面，為用戶提供良好的跟網站或者軟件交互和視覺感受體驗，包括頁面切圖、頁面布局、代碼編寫、解決兼容性等等都是前端開發的基本工作。

二、Web前端開發需要學什么？

想成為一個web前端開發工程師，需要掌握的知識有很多，大概包括：HTML、CSS、JAVASCRIPT、XML、JSON、服務器腳本語言(PHP,ASP,.NET,JSP等等)、jquery框架、頁面性能優化、SEO站內優化、開放服務API接入、瀏覽器兼容性調試、W3C規范等等。

其實，在轉行之前，我只知道Web前端工程師特別吃香，加上我的生物工程專業學得并不好，就業不理想，偶然的機會，在網上咨詢了云和教育的專業老師，才下定決心轉行學了Web前端。在云和學習了4個月，經過他們2.0國際時代的教學模式，我從一個小白，逐漸學會了UI設計、PS基本教程、h5從入門到精通、前端框架技術等，完全能掌握另外我應聘企業對前端開發工程師的要求。不得不感謝當初為我指引方向的那位老師，由此營造起我新的人生。下面，我作為一個轉行做Web前端的過來人，在這里分享轉行Web前端開發必學的6大技能。

html

HTML是指超文本標簽語言，是目前web領域應用最廣泛的語言，我們只需要在html文檔中插入對應的標簽，即可實現web頁面的編寫與排列。所以要熟練掌握HTML基本知識，包括每個標簽的用法等。

HTML這個是最簡單的，也是最基礎的。要熟練掌握其中的div、form table、ul li 、p、span、font這些標簽，這些都是最常用的，特別是div和table，div用于布局、table也可以用于布局，但是不靈活，基本 table是用來和數據打交道。

2. css

CSS指層疊樣式表，英文縮寫為Cascading Style Sheets。CSS可以為HTML標簽自定義樣式，通過設置HTML標簽的樣式，來改變其外形，達到美化與排版web頁面的目的。

當然這里說的css不包括css3，一般我們看到web前端開發工程師的要求里面，有一個會使用css+html 或者 css+div 來進行界面布局，所以css是用于輔助html來布局和展示的，我們稱之為“css樣式”，為什么會說css+div呢?因為我上面說了div就是 html主要用于布局的東西，所以div就是核心掌握的東西!那么css肯定必須要配合div來使用才好。css要熟練掌握float、 position、width、height，以及對于的最大最小、會使用百分百、overflow、margin、padding等等，這些都是跟布局 有關系的樣式，一定要掌握。因為它可以將你寫的東西直觀的展示出效果給你看，這個就是前端開發的顯示效果。

3. JavaScript

JavaScript是網頁腳本語言，它可以在html中運行，設置并修改瀏覽器中的各種對象與變量。例如用來改進設計、驗證表單、檢測瀏覽器、創建cookies等等，現在各大網站都可以看見JavaScript的蹤影。例如最常見的網站首頁大眼睛、警告提示框、頁面動畫效果等等。也就是我們常說的js。

可能前兩個大家覺得還過的去，看到js就頭疼了，其實吧，js入門很簡單的，不需要會很多東西的，只要會根據某個id、或者name拿到網頁dom或者樣式、或者值，然后會給某個id或者name的元素標簽賦值、或者追加數據、追html，這個是跟數據有關系的操作，然后數據邏輯判斷，效果方面的，無非就 是跳轉、彈框、隱藏什么的，把這些全部結合其他就是實際用途了，代碼一點都不難，會了這些基礎js，其他的直接百度就好了。然后看多了，用多了，就什么都不是問題了。

4. jquery

jquery是相當于把js封裝了一套的一個js插件，目的就是操作起來更方便，代碼寫的更少，jquery入門也很簡單，那些是入門需要學的和js一樣，只是換成了jq的代碼。其他的一樣百度就夠了。

5. 最好會點后臺語言

對于前端工程師來說，并不需要像網站程序員一樣，編寫對象、開發特殊功能、搭建數據庫。但是前端工程師要掌握基本的頁面GET&POST傳參、程序判斷語法、程序輸出語法、頁面提交、數據庫查詢與記錄插入。所以還是需要會點java、php這些后臺語言。畢竟我們前臺界面的數據都是從后臺來的，如果會點后臺代碼，就知道怎么跟后臺交互數據是最好的， 這樣節約時間，也可以讓前端代碼更規范。不然可能因為你的寫法和后端給來的數據不能結合上，那么前端代碼又得重新寫，那就更頭疼了。

6. 學習css3+html5

為什么這個放最后呢?哈哈，因為我自己也不太會，畢竟術業有專攻嘛，雖然這個很流行，但是我是搞后端的，在工作中用不到它，只有在自己網站需要改樣式，或者朋友網站樣式出問題的時候，我才會去臨時去研究下。但是如果你們是準備專門搞前端，那么最好還是學一下的。

7. 最后總結

當然，以上技能能夠幫助你成為一個合格的前端工程師，但要成為一個優秀的前端，必須掌握除技術以外的東西，例如設計，用戶等等。因為web前端分為兩大方向，設計型和開發型，如果掌握這兩大技術，等于擁有了企業最需要的技術技能，到時候你就是企業爭相搶聘的人才。

以上為我在云和教育學完Web前端培訓后，精心為想要轉行學習前端開發的你總結的相關知識點，希望可以幫到你。

最后我還想說一句，轉行學習Web前端開發基本上都是零基礎，學習Web前端開發并不難，這世界上很多技術都是從零開始學的。關鍵是要看你的態度，在云和教育的時候，我的班主任老師就一再地說過，態度決定一切。如果你想轉行做前端開發，我建議你來云和教育，因為云和教育作為云和數據旗下高端泛IT職業教育品牌，開設有五大精品課程，課程設置緊跟時代“前端”發展和“后端”需要，實行“技術專家項目制分組現場教學，”畢業即擁有1-2年工作經驗，這個在面試找工作的時候占的優勢真的很大。

最后的最后希望大家通過循序漸進的學習步驟，由淺至深的掌握前端開發的技巧，最終成為一名不但合格而且優秀的web前端開發工程師。