首先了解web前端

Web前端開(kāi)發(fā)是從網(wǎng)頁(yè)制作演變而來(lái)的,名稱(chēng)上有很明顯的時(shí)代特征。在互聯(lián)網(wǎng)的演化進(jìn)程中,網(wǎng)頁(yè)制作是Web1.0時(shí)代產(chǎn)物,那時(shí)網(wǎng)站的主要內(nèi)容是靜態(tài)的,用戶(hù)使用網(wǎng)站的行為也以瀏覽為主。

2005年以后,互聯(lián)網(wǎng)進(jìn)入Web2.0時(shí)代,各種類(lèi)似桌面軟件的Web應(yīng)用大量涌現(xiàn),網(wǎng)站的前端由此發(fā)生了翻天覆地的變化。網(wǎng)頁(yè)不再只是承載單一的文字和圖片,各種富媒體讓網(wǎng)頁(yè)的內(nèi)容更加生動(dòng),網(wǎng)頁(yè)上軟件化的交互形式為用戶(hù)提供了更好的使用體驗(yàn),這些都是基于前端技術(shù)實(shí)現(xiàn)的。

其實(shí)說(shuō)了這么多,直接通俗一點(diǎn)說(shuō),前端就是利用三大核心(html,css,Javascript)技術(shù),以及衍生技術(shù)開(kāi)發(fā)出來(lái)的主要在瀏覽器上展示的頁(yè)面,其成品可以為:任何瀏覽器上看到的任何頁(yè)面、官方網(wǎng)站、后臺(tái)管理系統(tǒng)、微信小程序、公眾號(hào)、TML5開(kāi)發(fā)移動(dòng)端APP、跨平臺(tái)的桌面端的應(yīng)用程序、寫(xiě)NodeJS程序、部署服務(wù)器,當(dāng)然還順帶要學(xué)會(huì)一點(diǎn)ps切圖技術(shù)

所以你說(shuō)前端是什么,能做什么,只是簡(jiǎn)單的給你說(shuō)一下他是做網(wǎng)頁(yè)開(kāi)發(fā)的,但是高級(jí)的用法又可以做上面這么多東西,只能說(shuō)前端太強(qiáng)大了。

前端要學(xué)習(xí)些什么呢?

html+css+js:首先肯定是基礎(chǔ)的html+css+js三劍客了,這是*基本的知識(shí),所以基礎(chǔ)階段一定要打好。

JQuery:很多人覺(jué)得JQ已經(jīng)過(guò)時(shí)了,但是其實(shí)JQ的使用還是很廣泛的,只是新項(xiàng)目很少使用JQ開(kāi)發(fā)了。但是我們這么多龐大的老項(xiàng)目是不是需要維護(hù),那不還得學(xué)習(xí)JQ嗎?還有我們學(xué)習(xí)JQ也主要是學(xué)習(xí)他的前端開(kāi)發(fā)思維,學(xué)習(xí)他處理更復(fù)雜的的邏輯思維方法。

html5+css3:接著要學(xué)習(xí)的就是html5+css3,我們上面所學(xué)的html+css+js階段中學(xué)習(xí)的是html4+css2,這是基礎(chǔ)部分,學(xué)好了我們才學(xué)習(xí)新版本的html5+css3,學(xué)完以上3部分之后,我們就能開(kāi)發(fā)完整的純前端的任何頁(yè)面了。

移動(dòng)web端開(kāi)發(fā):這部分是衍生出來(lái)的新版塊,因?yàn)橐苿?dòng)端開(kāi)發(fā)都是基于html+css+js+html5+css3開(kāi)發(fā)的,那為什么要拿單獨(dú)分成一個(gè)版塊呢?就是因?yàn)橐苿?dòng)端開(kāi)發(fā)和pc端開(kāi)發(fā)有很多新的知識(shí),會(huì)開(kāi)發(fā)pc端,不一定會(huì)移動(dòng)端,而且今后的發(fā)展趨勢(shì)是越來(lái)越像移動(dòng)端靠攏的,所以移動(dòng)端才作為一個(gè)版塊分離出來(lái),重點(diǎn)學(xué)習(xí)。

es6+階段:這是一個(gè)什么階段呢?其實(shí)這就是javascript階段的升級(jí)階段,我們上面所學(xué)的js全程是ECMAscript5,是2009年發(fā)布的版本。那es6全稱(chēng)是ECMAscript6.0,是2015年發(fā)布的新版本,在es5之后的大版本的迭代,在es5的基礎(chǔ)上增加了很多新api(也就是新的知識(shí)),所以當(dāng)前我們的開(kāi)發(fā)主要以es5+es6為主,一起開(kāi)發(fā)的。那為什么叫es6+呢,是因?yàn)楝F(xiàn)在已經(jīng)發(fā)展到es6,es7,es8,es9階段了,但是7,8,9階段目前瀏覽器支持性還不好,還沒(méi)有普及,以及7,8,9版本只是小版本的增加一些少量的api,所以不堪大用。

前后端交互階段:這個(gè)階段的知識(shí)也是很重要的,我們要學(xué)習(xí)的主要知識(shí)有,http+ajax+json+nodejs+mysql+mongoDB等等前后端交互的知識(shí),是我們以后和后端配合開(kāi)發(fā)的重要知識(shí),沒(méi)有了這個(gè)版塊的學(xué)習(xí),那前端將是毫無(wú)靈魂的。

框架階段:框架其實(shí)就是一些利用html+css+js開(kāi)發(fā)出來(lái)的一些簡(jiǎn)化項(xiàng)目開(kāi)發(fā)工作的工具,也是目前前端的主流開(kāi)發(fā)手段,常用的框架有vue,react,angular,以及小程序,app混合開(kāi)發(fā),echarts.js和D3.js圖表等等已經(jīng)成熟的框架體系。學(xué)習(xí)這些框架,能大大縮短我們項(xiàng)目的開(kāi)發(fā)周期,減少開(kāi)發(fā)難度,是前端人員必不可少的開(kāi)發(fā)技能。

其他:跟高級(jí)的知識(shí)板塊還有什么web安全,數(shù)據(jù)可視化,算法以及算法處理等等這些高深的技術(shù),當(dāng)然這些知識(shí)百分之九十的前端開(kāi)發(fā)不需要學(xué)習(xí)也不需要掌握,我們只要掌握上面7個(gè)板塊的學(xué)習(xí)就好了,基本上吃遍國(guó)內(nèi)外。

遇到很多想換行的朋友,*句就問(wèn),這行賺錢(qián)嗎?我相信一句話(huà),沒(méi)有付出,是沒(méi)有回報(bào)的!嘗試去改變自己,去好好提升自己,畢竟"逆水行舟,不進(jìn)則退",如果你還在原地,那也只能在互聯(lián)網(wǎng)的大環(huán)境下被困。