首先了解web前端

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

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

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

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

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

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

JQuery:很多人覺得JQ已經(jīng)過時(shí)了,但是其實(shí)JQ的使用還是很廣泛的,只是新項(xiàng)目很少使用JQ開發(fā)了。但是我們這么多龐大的老項(xiàng)目是不是需要維護(hù),那不還得學(xué)習(xí)JQ嗎?還有我們學(xué)習(xí)JQ也主要是學(xué)習(xí)他的前端開發(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部分之后,我們就能開發(fā)完整的純前端的任何頁面了。

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

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

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

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

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

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