首先了解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ái)管理系統(tǒng)

• 微信小程序

• 公眾號(hào)

• TML5 開發(fā)移動(dòng)端 app

• 跨平臺(tái)的桌面端的應(yīng)用程序

• 寫 NodeJS 程序，部署服務(wù)器

• 當(dāng)然還順帶要學(xué)會(huì)一點(diǎn)ps切圖技術(shù)

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

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

html+css+js：首先肯定是基礎(chǔ)的html+css+js三劍客了，這是最基本的知識(shí)，所以基礎(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ā)有很多新的知識(shí)，會(huì)開發(fā)pc端，不一定會(huì)移動(dòng)端，而且今后的發(fā)展趨勢(shì)是越來越像移動(dòng)端靠攏的，所以移動(dòng)端才作為一個(gè)版塊分離出來，重點(diǎn)學(xué)習(xí)。

es6+階段：這是一個(gè)什么階段呢？其實(shí)這就是javaScript階段的升級(jí)階段，我們上面所學(xué)的js全程是ECMAScript 5，是2009年發(fā)布的版本。那es6全稱是ECMAScript 6.0，是2015年發(fā)布的新版本，在es5之后的大版本的迭代，在es5的基礎(chǔ)上增加了很多新api（也就是新的知識(shí)），所以當(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è)階段的知識(shí)也是很重要的，我們要學(xué)習(xí)的主要知識(shí)有，http+ajax+json+nodejs+mysql+mongoDB等等前后端交互的知識(shí)，是我們以后和后端配合開發(fā)的重要知識(shí)，沒有了這個(gè)版塊的學(xué)習(xí)，那前端將是毫無靈魂的。

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

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

遇到很多想換行的朋友，第一句就問，這行賺錢嗎？我相信一句話，沒有付出，是沒有回報(bào)的！前面已經(jīng)說過了，這行門檻低，0基礎(chǔ)即可入行，但是薪資可觀，所以近年來越來越多的人選擇學(xué)習(xí)IT。

嘗試去改變自己，去好好提升自己，畢竟“逆水行舟，不進(jìn)則退”，如果你還在原地，那也只能在互聯(lián)網(wǎng)的大環(huán)境下被困。

以上就是本次分享的全部?jī)?nèi)容了，希望對(duì)你有所幫助，對(duì)編程感興趣的小伙伴們不妨前往六星云課堂看看哦~