Web前端是干什么的？

Web前端開發(fā)工程師是一個(gè)比較新的職業(yè)，在國內(nèi)乃至國際上真正開始受到重視的時(shí)間不超過5年。Web前端開發(fā)是從網(wǎng)頁制作演變而來的，名稱上有很明顯的時(shí)代特征。在互聯(lián)網(wǎng)的演化進(jìn)程中，網(wǎng)頁制作是Web 1.0時(shí)代的產(chǎn)物，那時(shí)網(wǎng)站的主要內(nèi)容都是靜態(tài)的，用戶使用網(wǎng)站的行為也以瀏覽為主。

2005年以后，互聯(lián)網(wǎng)進(jìn)入Web 2.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)的。

web前端開發(fā)包含面很廣，要學(xué)的東西也很多。簡(jiǎn)單點(diǎn)說web前端開發(fā)就是做軟件開發(fā)、微信小程序 、網(wǎng)頁設(shè)計(jì)、網(wǎng)站建設(shè)、APP開發(fā)、游戲開發(fā)這塊的。

web前端包括哪些技術(shù)？

1 基礎(chǔ)技術(shù)

前端的三大基礎(chǔ)毫無疑問就是HTML、CSS和JS。我稱之為前端的骨、肉和魂。

先說“骨”——HTML。HTML,翻譯過來就是超文本標(biāo)記語言，而不是江湖上的HOW TO ML。方向不能搞錯(cuò)了，我們整的東西可是老少咸宜的。HTML學(xué)習(xí)最重要的標(biāo)簽的學(xué)習(xí)，div、h1-h6、p、ul-li、strong、圖片、字體等，什么內(nèi)容用什么框.

再說“肉”——CSS。CSS定義了HTML標(biāo)簽的顯示外觀，氣質(zhì)。主要掌握浮動(dòng)，寬高設(shè)置、顯示屬性等

最后“魂”——Javascript。這是運(yùn)行在瀏覽器上的腳本，但是現(xiàn)在javascript已經(jīng)遠(yuǎn)遠(yuǎn)不是當(dāng)年的那個(gè)js了，尤其Ecmascript6標(biāo)準(zhǔn)出來后，nodeJS 橫空出世，JS暴露出一統(tǒng)天下的野心，JS讓網(wǎng)頁變得靈活，其實(shí)現(xiàn)的每一個(gè)明里暗里的交互，其實(shí)是為了觸及您的靈魂，這也是其成為魂的原因。

而現(xiàn)在，CSS3和HTML5的發(fā)展，又將web推向下一個(gè)時(shí)代，一個(gè)更為豐富多彩的時(shí)代。

2 環(huán)境基礎(chǔ)

設(shè)備、瀏覽器以及工作原理

必須指出的是，html CSS JS都是運(yùn)行在瀏覽器的，是由瀏覽器負(fù)責(zé)編譯和呈現(xiàn)的。所以必須了解瀏覽器的工作原理。但是瀏覽器千千萬萬，也不是每個(gè)都要去解剖，主要的有Chrome, Firefox, IE，Safari,Opera,國內(nèi)的主瀏瀏覽器基本是基于chrome內(nèi)核開發(fā)，做了一些更為接地氣的功能，了解下就可以了，主要有QQ瀏覽器，UC，百度瀏覽器，360瀏覽器，搜狗瀏覽器，獵豹瀏覽器等。

3 計(jì)算機(jī)基礎(chǔ)

計(jì)算機(jī)網(wǎng)絡(luò)，http協(xié)議。既然是web必不可少需要知道計(jì)算機(jī)網(wǎng)絡(luò)的知識(shí)，這對(duì)于網(wǎng)頁的加載和速度優(yōu)化有很大的幫助，并且，我們做的不是靜態(tài)的頁面，而是動(dòng)態(tài)的，所以必然涉及到與后臺(tái)之間的數(shù)據(jù)的傳輸和存儲(chǔ)，這個(gè)是要掌握的。

必須懂：Ajax，必須會(huì)的工具：fiddler

4 流行框架

流行的前端UI框架：

Bootstrap、jQuery UI、Amaze UI

流行的前端框架：

jquery mobile

angular.Js

Vue.js

React.js

5 可視化組件

Echarts

tableau(收費(fèi))

6 新應(yīng)用

針對(duì)移動(dòng)化以及物聯(lián)網(wǎng)方向發(fā)展

7 錦上添花—

UI、 UX 、交互設(shè)計(jì)、 SEO（包括SEM） 、產(chǎn)品，更主要一個(gè)同理心。好的設(shè)計(jì)和交互才能帶來的好的體驗(yàn)，贏得用戶。

SEO則在推廣層面，好的SEO讓我們以最低的成本，借力搜索引擎，獲得更加跟多的曝光機(jī)會(huì)，畢竟這是個(gè)酒香也怕巷子深的時(shí)代。

最后是產(chǎn)品，站在產(chǎn)品角度，融合（前后端）技術(shù)和商業(yè)，讓產(chǎn)品產(chǎn)生價(jià)值，實(shí)現(xiàn)價(jià)值。

web前端零基礎(chǔ)到大牛

Web前端開發(fā)工程師既要與上游的交互設(shè)計(jì)師、視覺設(shè)計(jì)師和產(chǎn)品經(jīng)理溝通，又要與下游的服務(wù)器端工程師溝通，需要掌握的技能非常多。這就從知識(shí)的廣度上對(duì)Web前端開發(fā)工程師提出了要求。如果要精于前端開發(fā)這一行，也許要先精十行。然而，全才總是少有的。所以，對(duì)于不太重要的知識(shí)，我們只需要"通"即可。但"通"到什么程度才算夠用呢?對(duì)于很多初級(jí)前端開發(fā)工程師來說，這個(gè)問題是非常令人迷惑的。

前端開發(fā)的入門門檻其實(shí)非常低，與服務(wù)器端語言先慢后快的學(xué)習(xí)曲線相比，前端開發(fā)的學(xué)習(xí)曲線是先快后慢。所以，對(duì)于從事IT工作的人來說，前端開發(fā)是個(gè)不錯(cuò)的切入點(diǎn)。也正因?yàn)槿绱?，前端開發(fā)領(lǐng)域有很多自學(xué)成"才"的同行，但大多數(shù)人都停留在會(huì)用的階段，因?yàn)楹竺娴膶W(xué)習(xí)曲線越來越陡峭，每前進(jìn)一步都很難。另一方面，正如前面所說，前端開發(fā)是個(gè)非常新的職業(yè)，對(duì)一些規(guī)范和最佳實(shí)踐的研究都處于探索階段?？傆行碌撵`感和技術(shù)不時(shí)閃現(xiàn)出來，例如CSS sprite、負(fù)邊距布局、柵格布局等;各種JavaScript框架層出不窮，為整個(gè)前端開發(fā)領(lǐng)域注入了巨大的活力;瀏覽器大戰(zhàn)也越來越白熱化，跨瀏覽器兼容方案依然是五花八門。為了滿足"高可維護(hù)性"的需要，需要更深入、更系統(tǒng)地去掌握前端知識(shí)，這樣才可能創(chuàng)建一個(gè)好的前端架構(gòu)，保證代碼的質(zhì)量。

什么人群適合做web前端呢？

是不是什么人都可以做web前端開發(fā)，答案肯定是否定的。web前端開發(fā)跟傳統(tǒng)行業(yè)技術(shù)不一樣，對(duì)學(xué)歷和電腦操作這塊都有硬性要求。

對(duì)計(jì)算機(jī)技術(shù)感興趣，想學(xué)一門發(fā)展前景好的技術(shù)；

能吃苦，有一定的邏輯思維能力；

意志力堅(jiān)定，能夠一往如既的堅(jiān)持學(xué)習(xí)下去；