前端門檻低,但是里面門道很多,要想成為一個(gè)好的前端一點(diǎn)都不簡(jiǎn)單。
概述

我相信想開始學(xué)習(xí)前端的小伙伴們都會(huì)聽說過html,css和js這三個(gè)大家伙。簡(jiǎn)單來說html就是一堆標(biāo)簽,然后可以在頁面顯示出一些控件,例如表格,輸入框,按鈕等。而css的作用在于控制html的標(biāo)簽位置,效果等,如果不是css的話,我們不會(huì)見到平時(shí)那些如此美觀的頁面。js的作用主要是提供運(yùn)算功能,動(dòng)態(tài)操作頁面的元素,還可以通過網(wǎng)絡(luò)與服務(wù)器通訊(傳說中的ajax),動(dòng)畫效果很多時(shí)候也是js弄出來的。
你說學(xué)習(xí)上面三種東西難不難呢?其實(shí)一點(diǎn)都不難,多寫寫頁面就會(huì)了。上面的圖上的東西基本了解之后其實(shí)做項(xiàng)目已經(jīng)沒有壓力了,當(dāng)然僅僅是實(shí)現(xiàn)功能沒有壓力,兼容性美觀那些還是得不斷進(jìn)修才可以。
前端進(jìn)階要學(xué)習(xí)什么知識(shí)呢,其實(shí)主要是學(xué)習(xí)一個(gè)兼容性處理,你看現(xiàn)在各種瀏覽器,各種尺寸的屏幕,適配絕對(duì)是一個(gè)技術(shù)活,弄得好就是一個(gè)核心竟增力來的。
另一個(gè)東西就是ajax和頁面元素操作了,現(xiàn)在一直都在推崇前后端分離,所以網(wǎng)絡(luò)請(qǐng)求必須得會(huì)。
最后呢,寫的代碼要有可維護(hù)性,并且現(xiàn)在都是追求效率的年代,所以效率也很重要。追求效率我們通常引入一些第三方框架,例如jquery,bootstrap等,這樣子我們的開發(fā)效率就可以大大提高。維護(hù)性來看,我們引入vue等mvc框架,開發(fā)模塊化,然后通過webpack等工具打包頁面,使用less預(yù)編譯css就可以很好的維護(hù)工程。
常用的js框架

前端框架多如牛毛,一般我們到需要的時(shí)候再邊學(xué)邊用,上圖是一些用得比較多的框架。個(gè)人建議學(xué)習(xí)一下,反正沒壞處。
技能

作為一個(gè)合格的前端,上面的基本技能怎么可以不了解一下呢?不過不要緊張,因?yàn)榍岸税l(fā)展了怎么多年,已經(jīng)有很多有用的第三方庫來簡(jiǎn)化我們的工作了,但是還是建議大家伙好好學(xué)習(xí)理論知識(shí),這樣子才可以以不變應(yīng)萬變。
前端相關(guān)書籍

上圖僅僅是推薦的一些書籍,當(dāng)然還有很多好的書籍。雖然說,平時(shí)應(yīng)該多看看技術(shù)書,提高自己的理論知識(shí)積累,但是呢,最重要的還是經(jīng)驗(yàn),這是書籍給予不了我們的。書籍的作用僅僅是讓我們?nèi)腴T而已。
前端社區(qū)

學(xué)習(xí)或者開發(fā)過程中,總有遇到問題的時(shí)候,社區(qū)就是一個(gè)很好的尋找答案的地方。而很多時(shí)候,我們想實(shí)現(xiàn)一個(gè)功能,說不準(zhǔn)別人已經(jīng)做過并且開源代碼了呢,我們可以偷懶的引用別人的代碼來加快我們的開發(fā)效率。新技術(shù)從哪里挖掘呢,看看牛人的博客和一些公司的技術(shù)博客可能有意想不到的收獲喔。