2018 年，學習WEB前端開發應該關注哪些新技術？

隨著近年來前端的一波又一波技術浪潮，前端早已經告別了切圖的時代，迎來的是規模化，工程化的大路。但是在如此多變的技術浪潮下，我們如果想成為成熟的前端開發工程師，走上專業化的開發道路，我們都需要學會哪些技術呢？

首先我們來回顧一下 2017 年新的前端技術和新的方向。

微信小程式，在2017年可以說一出現就影響了市場。一年後，小程式卻在不知不覺中變成了網際網路的一種趨勢，不僅重新定義著網際網路，還在慢慢改變著我們的生活

小程式無需下載，上手即用的特點，成為網際網路新的一種趨勢，成為各大商家爭相爭奪的機遇。甚至有人說，得小程式者得天下。特別是今年微信推出小遊戲，跳一跳遊戲相信大家都有玩過，這是一個用H5編寫的小遊戲，一度刷爆朋友圈。這雖然對前端開發來說是一個簡單的小遊戲開發，卻帶來了驚人的效益。

所以，符合網際網路潮流的小程式和H5小遊戲會不會迎來它的春天，入行前端開發，面臨前端開發的技術爆發，我們是否應該掌握小程式開發這個加分項呢?

說到學習前端必須掌握的，我們不得不提前端三駕馬車 React，Angular 和 Vue。

2017年，React 繼續在前端領域佔據主導地位，備受期待的 React 16 也正式釋出。

這種能減少程式碼重寫易於重構的框架還是很受開發者歡迎的。

但它是否能在 2018 年坐穩“王位”，還需不斷完善整個框架的功能才是。

Angular 也不甘落後，在使用者使用群體上，它排名第二。並且也在2017年釋出了兩個大版本，Angular 4 優化了檢視引擎、減少程式碼體積；

Angular 5 中包含了像是編譯器的改進，能更快的構建/重建。

基本上說Angular這個框架是比較完整的，但是對於複雜的介面開發就不是那麼友好了。

所以他的地位一直在遭受挑戰，而框架中的黑馬 Vue 殺出重圍，大有替代Angular的趨勢。

2017年，Vue 依然越來越受歡迎，該框架提供基於元件的架構。

它已經被許多大型公司採用，在 Stack Overflow 上的關注度居高不下。

所以會是Vue的2018年嗎？

不過大家不要去猜測2018年學習哪個框架會更好，先打好學習框架的前端基礎才是重點，學好了基礎，框架學習才能得心應手。

然後就是現在很火的一個混合式APP開發，在去年有一個熱詞PWA，PWA（Progressive Web App）是 Google 於 2016 年提出的概念，2017 年已被迅速採用。可顯著提高載入速度、可離線工作、可被新增至主屏、全屏執行、推送通知訊息等等。國內有不少公司實踐了PWA，例如餓了麼、阿里等。PWA就是用混合式APP開發的理念來實現的，混合式APP，其實內容本質上還是網站內容，只是可以顯示在APP上，在快取、通知、後臺功能等方面表現更好。可以理解為打包成APP的網站，2018年將會有更多的網站向混合式APP轉型。

前端開發混合式APP優勢在於，開發門檻低，開發效率高，可以同時面向兩個平臺，快速完成開發。目前前端開發混合式APP有很多框架和平臺開發，其中，React Native是比較不錯的開發框架。對於我們前端開發上手APP非常有好處。

那麼多新技術，零基礎怎麼辦？

說到那麼多的新技術方向，很多小白可能會說，我現在零基礎學習，是不是要直接學這些東西呀，現在前端開發的內容那麼多，我應該怎麼學呀？表示很迷茫。

其實前端技術更新是挺快的，但是技術不管怎麼更新，怎麼發展，都離不開基礎的知識，把基礎的內容學好，面向多終端開發，響應式開發掌握好，基礎打牢了，在高深的內容都是可以迎刃而解的。

下面說一點零基礎學習前端開發的一些建議，希望對正在學習前端開發的你有用：

1.在學習之前搞清楚你要做什麼工作崗位，這些在招聘網站上都有，這些都是你學習的動力。

2.學習需要有規劃，每天定任務，學習新的知識不能太多，要用科學的方法學習，很多人根本不會學，一天都在看視訊，這根本不叫學習。

3.一個比較專業的學習路線，一天該學習什麼就學習什麼，貪多嚼不爛，很多人根本不知道每天應該學習什麼，學了知識點應該跟著什麼案例去練習。

4.系統的學習課程，很多東西已經不用了，要知道最新的學習方向是什麼。

5.很多專業問題根本解決不了，最好有專業人士帶你學習，事半功倍

6.掌握學習web前端的學習方法，這需要跟專業的人士請教，如果不懂可以隨時來問我。

5月21日前端開發工程師全新零基礎開班

點選放大檢視大綱內容