隨著近年來前端的一波又一波技術(shù)浪潮，前端早已經(jīng)告別了切圖的時代，迎來的是規(guī)模化，工程化的大路。但是在如此多變的技術(shù)浪潮下，我們?nèi)绻氤蔀槌墒斓那岸碎_發(fā)工程師，走上專業(yè)化的開發(fā)道路，我們都需要學(xué)會哪些技術(shù)呢？
首先我們來回顧一下 2017 年新的前端技術(shù)和新的方向。
微信小程序，在2017年可以說一出現(xiàn)就影響了市場。一年后，小程序卻在不知不覺中變成了互聯(lián)網(wǎng)的一種趨勢，不僅重新定義著互聯(lián)網(wǎng)，還在慢慢改變著我們的生活
小程序無需下載，上手即用的特點(diǎn)，成為互聯(lián)網(wǎng)新的一種趨勢，成為各大商家爭相爭奪的機(jī)遇。甚至有人說，得小程序者得天下。特別是今年微信推出小游戲，跳一跳游戲相信大家都有玩過，這是一個用H5編寫的小游戲，一度刷爆朋友圈。這雖然對前端開發(fā)來說是一個簡單的小游戲開發(fā)，卻帶來了驚人的效益。
所以，符合互聯(lián)網(wǎng)潮流的小程序和H5小游戲會不會迎來它的春天，入行前端開發(fā)，面臨前端開發(fā)的技術(shù)爆發(fā)，我們是否應(yīng)該掌握小程序開發(fā)這個加分項(xiàng)呢?
在這里我還是要推薦下我自己建的web前端開發(fā)學(xué)習(xí)群：731669587，群里都是學(xué)web前端開發(fā)的，如果你正在學(xué)習(xí)前端 ，小編歡迎你加入，今天分享的這個案例已經(jīng)上傳到群文件，大家都是軟件開發(fā)黨，不定期分享干貨（只有前端軟件開發(fā)相關(guān)的），包括我自己整理的一份2018最新的前端進(jìn)階資料和高級開發(fā)教程，歡迎進(jìn)階中和進(jìn)想深入前端的小伙伴。
說到學(xué)習(xí)前端必須掌握的，我們不得不提前端三駕馬車 React，Angular 和 Vue。
2017年，React 繼續(xù)在前端領(lǐng)域占據(jù)主導(dǎo)地位，備受期待的 React 16 也正式發(fā)布。
這種能減少代碼重寫易于重構(gòu)的框架還是很受開發(fā)者歡迎的。
但它是否能在 2018 年坐穩(wěn)“王位”，還需不斷完善整個框架的功能才是。
Angular 也不甘落后，在用戶使用群體上，它排名第二。并且也在2017年發(fā)布了兩個大版本，Angular 4 優(yōu)化了視圖引擎、減少代碼體積；
Angular 5 中包含了像是編譯器的改進(jìn)，能更快的構(gòu)建/重建。
基本上說Angular這個框架是比較完整的，但是對于復(fù)雜的界面開發(fā)就不是那么友好了。
所以他的地位一直在遭受挑戰(zhàn)，而框架中的黑馬 Vue 殺出重圍，大有替代Angular的趨勢。
你會選擇vue還是ng
2017年，Vue 依然越來越受歡迎，該框架提供基于組件的架構(gòu)。
它已經(jīng)被許多大型公司采用，在 Stack Overflow 上的關(guān)注度居高不下。
所以會是Vue的2018年嗎？
不過大家不要去猜測2018年學(xué)習(xí)哪個框架會更好，先打好學(xué)習(xí)框架的前端基礎(chǔ)才是重點(diǎn)，學(xué)好了基礎(chǔ)，框架學(xué)習(xí)才能得心應(yīng)手。
然后就是現(xiàn)在很火的一個混合式APP開發(fā)，在去年有一個熱詞PWA，PWA（Progressive Web App）是 Google 于 2016 年提出的概念，2017 年已被迅速采用。可顯著提高加載速度、可離線工作、可被添加至主屏、全屏執(zhí)行、推送通知消息等等。國內(nèi)有不少公司實(shí)踐了PWA，例如餓了么、阿里等。PWA就是用混合式APP開發(fā)的理念來實(shí)現(xiàn)的，混合式APP，其實(shí)內(nèi)容本質(zhì)上還是網(wǎng)站內(nèi)容，只是可以顯示在APP上，在緩存、通知、后臺功能等方面表現(xiàn)更好?？梢岳斫鉃榇虬葾PP的網(wǎng)站，2018年將會有更多的網(wǎng)站向混合式APP轉(zhuǎn)型。
前端開發(fā)混合式APP優(yōu)勢在于，開發(fā)門檻低，開發(fā)效率高，可以同時面向兩個平臺，快速完成開發(fā)。目前前端開發(fā)混合式APP有很多框架和平臺開發(fā)，其中，React Native是比較不錯的開發(fā)框架。對于我們前端開發(fā)上手APP非常有好處。
說到那么多的新技術(shù)方向，很多小白可能會說，我現(xiàn)在零基礎(chǔ)學(xué)習(xí)，是不是要直接學(xué)這些東西呀，現(xiàn)在前端開發(fā)的內(nèi)容那么多，我應(yīng)該怎么學(xué)呀？表示很迷茫。
其實(shí)前端技術(shù)更新是挺快的，但是技術(shù)不管怎么更新，怎么發(fā)展，都離不開基礎(chǔ)的知識，把基礎(chǔ)的內(nèi)容學(xué)好，面向多終端開發(fā)，響應(yīng)式開發(fā)掌握好，基礎(chǔ)打牢了，在高深的內(nèi)容都是可以迎刃而解的。
下面說一點(diǎn)零基礎(chǔ)學(xué)習(xí)前端開發(fā)的一些建議，希望對正在學(xué)習(xí)前端開發(fā)的你有用：
1.在學(xué)習(xí)之前搞清楚你要做什么工作崗位，這些在招聘網(wǎng)站上都有，這些都是你學(xué)習(xí)的動力。
2.學(xué)習(xí)需要有規(guī)劃，每天定任務(wù)，學(xué)習(xí)新的知識不能太多，要用科學(xué)的方法學(xué)習(xí)，很多人根本不會學(xué)，一天都在看視頻，這根本不叫學(xué)習(xí)。
3.一個比較專業(yè)的學(xué)習(xí)路線，一天該學(xué)習(xí)什么就學(xué)習(xí)什么，貪多嚼不爛，很多人根本不知道每天應(yīng)該學(xué)習(xí)什么，學(xué)了知識點(diǎn)應(yīng)該跟著什么案例去練習(xí)。
4.系統(tǒng)的學(xué)習(xí)課程，很多東西已經(jīng)不用了，要知道最新的學(xué)習(xí)方向是什么。
5.很多專業(yè)問題根本解決不了，最好有專業(yè)人士帶你學(xué)習(xí)，事半功倍
6.掌握學(xué)習(xí)web前端的學(xué)習(xí)方法，這需要跟專業(yè)的人士請教，如果不懂可以隨時來私聊我。
