随着近年來(lái)前端的(de)一波又一波技術浪潮，前端早已經告别了(le／liǎo)切圖的(de)時(shí)代，迎來(lái)的(de)是(shì)規模化，工程化的(de)大(dà)路。但是(shì)在(zài)如此多變的(de)技術浪潮下，我們如果想成爲(wéi / wèi)成熟的(de)前端開發工程師，走上(shàng)專業化的(de)開發道(dào)路，我們都需要(yào / yāo)學會哪些技術呢？

首先我們來(lái)回顧一下 2017 年以(yǐ)來(lái)新的(de)前端技術和(hé / huò)新的(de)方向。

微信小程序，在(zài)2017年可以(yǐ)說(shuō)一出(chū)現就(jiù)影響了(le／liǎo)市場。一年後，小程序卻在(zài)不(bù)知不(bù)覺中變成了(le／liǎo)互聯網的(de)一種趨勢，不(bù)僅重新定義着互聯網，還在(zài)慢慢改變着我們的(de)生活。

小程序無需下載，上(shàng)手即用的(de)特點，成爲(wéi / wèi)互聯網新的(de)一種趨勢，成爲(wéi / wèi)各大(dà)商家争相争奪的(de)機遇。甚至有人(rén)說(shuō)，得小程序者得天下。特别是(shì)2018年微信推出(chū)的(de)小遊戲，跳一跳遊戲相信大(dà)家都有玩過，這(zhè)是(shì)一個(gè)用H5編寫的(de)小遊戲，一度刷爆朋友圈。這(zhè)雖然對前端開發來(lái)說(shuō)是(shì)一個(gè)簡單的(de)小遊戲開發，卻帶來(lái)了(le／liǎo)驚人(rén)的(de)效益。
所以(yǐ)，符合互聯網潮流的(de)小程序和(hé / huò)H5小遊戲會不(bù)會迎來(lái)它的(de)春天，入行前端開發，面臨前端開發的(de)技術爆發，我們是(shì)否應該掌握小程序開發這(zhè)個(gè)加分項呢?

說(shuō)到(dào)學習前端必須掌握的(de)，我們不(bù)得不(bù)提前端三駕馬車 React Angular Vue
2017年，React 繼續在(zài)前端領域占據主導地(dì / de)位，備受期待的(de) React 16 也(yě)正式發布。
這(zhè)種能減少代碼重寫易于(yú)重構的(de)框架還是(shì)很受開發者歡迎的(de)。
但它是(shì)否能在(zài) 2019 年坐穩“王位”，還需不(bù)斷完善整個(gè)框架的(de)功能才是(shì)。
Angular 也(yě)不(bù)甘落後，在(zài)用戶使用群體上(shàng)，它排名第二。并且也(yě)在(zài)2017年發布了(le／liǎo)兩個(gè)大(dà)版本，Angular 4 優化了(le／liǎo)視圖引擎、減少代碼體積；
Angular 5 中包含了(le／liǎo)像是(shì)編譯器的(de)改進，能更快的(de)構建/重建。
基本上(shàng)說(shuō)Angular這(zhè)個(gè)框架是(shì)比較完整的(de)，但是(shì)對于(yú)複雜的(de)界面開發就(jiù)不(bù)是(shì)那麽友好了(le／liǎo)。
所以(yǐ)他(tā)的(de)地(dì / de)位一直在(zài)遭受挑戰，而(ér)框架中的(de)黑馬 Vue 殺出(chū)重圍，大(dà)有替代Angular的(de)趨勢。

2018年，Vue 依然越來(lái)越受歡迎，該框架提供基于(yú)組件的(de)架構。
它已經被許多大(dà)型公司采用，在(zài) Stack Overflow 上(shàng)的(de)關注度居高不(bù)下。

所以(yǐ)會是(shì)Vue的(de)2019年嗎？

不(bù)過大(dà)家不(bù)要(yào / yāo)去猜測2019年學習哪個(gè)框架會更好，先打好學習框架的(de)前端基礎才是(shì)重點，學好了(le／liǎo)基礎，框架學習才能得心應手。

然後就(jiù)是(shì)現在(zài)很火的(de)一個(gè)混合式APP開發，在(zài)去年有一個(gè)熱詞PWA，PWA（Progressive Web App）是(shì) Google 于(yú) 2016 年提出(chū)的(de)概念，2017 年已被迅速采用。可顯著提高加載速度、可離線工作、可被添加至主屏、全屏執行、推送通知消息等等。國(guó)内有不(bù)少公司實踐了(le／liǎo)PWA，例如餓了(le／liǎo)麽、阿裏等。PWA就(jiù)是(shì)用混合式APP開發的(de)理念來(lái)實現的(de)，混合式APP，其實内容本質上(shàng)還是(shì)網站内容，隻是(shì)可以(yǐ)顯示在(zài)APP上(shàng)，在(zài)緩存、通知、後台功能等方面表現更好。可以(yǐ)理解爲(wéi / wèi)打包成APP的(de)網站，2019年将會有更多的(de)網站向混合式APP轉型。

前端開發混合式APP優勢在(zài)于(yú)，開發門檻低，開發效率高，可以(yǐ)同時(shí)面向兩個(gè)平台，快速完成開發。目前前端開發混合式APP有很多框架和(hé / huò)平台開發，其中，React Native是(shì)比較不(bù)錯的(de)開發框架。對于(yú)我們前端開發上(shàng)手APP非常有好處。

說(shuō)到(dào)那麽多的(de)新技術方向，很多小白可能會說(shuō)，我現在(zài)零基礎學習，是(shì)不(bù)是(shì)要(yào / yāo)直接學這(zhè)些東西呀，現在(zài)前端開發的(de)内容那麽多，我應該怎麽學呀？表示很迷茫。
其實前端技術更新是(shì)挺快的(de)，但是(shì)技術不(bù)管怎麽更新，怎麽發展，都離不(bù)開基礎的(de)知識，把基礎的(de)内容學好，面向多終端開發，響應式開發掌握好，基礎打牢了(le／liǎo)，在(zài)高深的(de)内容都是(shì)可以(yǐ)迎刃而(ér)解的(de)。

下面說(shuō)一點零基礎學習前端開發的(de)一些建議，希望對正在(zài)學習前端開發的(de)你有用：
1.在(zài)學習之(zhī)前搞清楚你要(yào / yāo)做什麽工作崗位，這(zhè)些在(zài)招聘網站上(shàng)都有，這(zhè)些都是(shì)你學習的(de)動力。
2.學習需要(yào / yāo)有規劃，每天定任務，學習新的(de)知識不(bù)能太多，要(yào / yāo)用科學的(de)方法學習，很多人(rén)根本不(bù)會學，一天都在(zài)看視頻，這(zhè)根本不(bù)叫學習。
3.一個(gè)比較專業的(de)學習路線，一天該學習什麽就(jiù)學習什麽，貪多嚼不(bù)爛，很多人(rén)根本不(bù)知道(dào)每天應該學習什麽，學了(le／liǎo)知識點應該跟着什麽案例去練習。
4.系統的(de)學習課程，很多東西已經不(bù)用了(le／liǎo)，要(yào / yāo)知道(dào)最新的(de)學習方向是(shì)什麽。
5.很多專業問題根本解決不(bù)了(le／liǎo)，最好有專業人(rén)士帶你學習，事半功倍
6.掌握學習web前端的(de)學習方法，這(zhè)需要(yào / yāo)跟專業的(de)人(rén)士請教，如果不(bù)懂可以(yǐ)随時(shí)來(lái)問我。

關注微信公衆号了(le／liǎo)解更多WEB前端，PHP開發熱點資訊