首先了解web前端

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

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

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

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

前端要學習些什么呢?

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

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

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

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

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

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

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

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

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