隨著互聯(lián)網(wǎng)的深入發(fā)展，前端開發(fā)工程師已成為市場上極具競爭力的人才。許多學(xué)生，包括以前的UI，java，或完全零基礎(chǔ)，想學(xué)習(xí)的前端。那么話不多說，直接上干貨，希望能幫助到大家。

前端開發(fā)受歡迎程度：

2018年，JetBrains發(fā)起了其標(biāo)準(zhǔn)的年度調(diào)查項(xiàng)目，開發(fā)人員生態(tài)系統(tǒng)調(diào)查 (The Developer Ecosystem 2018）。該項(xiàng)調(diào)查不僅揭示了不同編程語言的流行趨勢，并且從開發(fā)人員的角度反映了他們的個(gè)人偏好。調(diào)查由淺入深，從一般性的問題開始，并逐漸延伸至各領(lǐng)域的科技趨勢。

回顧全球現(xiàn)狀，我們發(fā)現(xiàn)了一些有趣的現(xiàn)象：64% 的受訪者選擇 JavaScript 作為他們最常用的編程語言。根據(jù)開發(fā)者生態(tài)系統(tǒng) 2018 的調(diào)查數(shù)據(jù)，排名前三的編程語言分別是：Java (72%)、JavaScript (41%)、Python (36%)

js是前端的核心，不會js更別說會前端，從2012年至今，“Web前端工程師”的需求持續(xù)走高，薪酬也是水漲船高，所以，有不少人立志要成為前端開發(fā)工程師。

前端開發(fā)工程師人才缺口：

據(jù)統(tǒng)計(jì)，我國HTML5前端工程師人員的缺口將達(dá)到10多萬，因此，Web前端工程師是一個(gè)非常有“錢”途的職業(yè)，并且薪酬會根據(jù)技能的深入而有不同程度的增長，其中北京、上海、廣州、深圳等地前端工程師的薪資待遇更是一路飆升。

前端開發(fā)就業(yè)：

通過職友集對全國168117份樣本調(diào)研數(shù)據(jù)統(tǒng)計(jì)，web前端開發(fā)工程師平均月薪10400。按照工作經(jīng)驗(yàn)來統(tǒng)計(jì)的計(jì)算的話，應(yīng)屆生工資￥4280，1-3年工資￥8770，3-5年工資￥12910，5-10年工資￥19730。從這薪資可以看出，程序員的確是一個(gè)高薪行業(yè)啊，同其他行業(yè)同年限員工相比，薪資至少會高出四分之一。

初學(xué)者對web前端開發(fā)的概念都是模糊不清的，web前端開發(fā)能做什么，學(xué)的時(shí)候該按照什么線路去學(xué)習(xí)，學(xué)完往哪方面發(fā)展？想深入系統(tǒng)了解前端可以復(fù)制有道云鏈接學(xué)習(xí)：http://note.youdao.com/noteshare?id=6783004b67a28122498f277ca9e000f4

開發(fā)工具、學(xué)習(xí)資料等都有分享，還有專業(yè)的老師在線免費(fèi)直播分享答疑！

前端基礎(chǔ)

一、HTML基礎(chǔ)

1、HTML介紹

2、HTML全局架構(gòu)標(biāo)簽

3、HTML常用標(biāo)簽

二、CSS基礎(chǔ)

1、css層疊樣式表介紹

2、css層疊樣式表選擇器

3、css層疊樣式表選擇器優(yōu)先級問題

4、css層疊樣式表核心屬性

三、CSS高級

1、css層疊樣式表浮動

2、css層疊樣式表盒子模型

3、css層疊樣式表背景圖定位

4、css樣式重置

5、CSS項(xiàng)目實(shí)戰(zhàn)

四、元素類型

1、元素類型

2、錨點(diǎn)鏈接

3、圖片整合

4、定位錨點(diǎn)透明

五、PC端項(xiàng)目寬高自適應(yīng)和瀏覽器兼容

1、寬度自適應(yīng)

2、瀏覽器兼容

3、表單表格高級

4、PC端項(xiàng)目寬高自適應(yīng)

5、表格表單的高級應(yīng)用和瀏覽器兼容

六、HTML5+CSS3

1、HTML5新增標(biāo)簽

2、CSS選擇器

3、服務(wù)器端字體

4、CSS新增屬性

七、JS基本語法

1、js歷史

2、script標(biāo)簽

3、變量詳解

4、自動數(shù)據(jù)類型轉(zhuǎn)換

5、強(qiáng)制數(shù)據(jù)類型轉(zhuǎn)換

6、表達(dá)式和賦值運(yùn)算符

7、一元運(yùn)算符

8、關(guān)系運(yùn)算符

9、邏輯運(yùn)算符

10、進(jìn)制轉(zhuǎn)換

八、jQuery

1、簡介

2、html_val

3、jQuery_全選框

4、動畫

5、節(jié)點(diǎn)遍歷

6、jQuery_ajax

7、jQuery_jsonp

8、jQuery_multiple

9、jQuery_plugin

10、jQuery_plugin_magnifier

九、PHP

1、PHP_環(huán)境安裝

2、IP和Port

3、helloworld

4、定義變量

5、變量類型

6、PHP_循環(huán)

7、ajax_json

劃重點(diǎn)啦，前端全棧來了，下面的都是精品干貨?。?！

十、H5+C3頁面重構(gòu)

1、HTML+CSS基礎(chǔ)編程

2、京東商城網(wǎng)頁重構(gòu)

3、HTML+CSS新特性解讀

4、京東商城H5+CSS3網(wǎng)頁重構(gòu)

5、移動端布局及自適應(yīng)

6、騰訊新聞手機(jī)端布局

十一、JS基礎(chǔ)編程實(shí)戰(zhàn)

1、JS基礎(chǔ)語法及案例

2、JS經(jīng)典案例

3、H5新API及案例

4、C3動畫效果

5、騰訊視頻網(wǎng)站開發(fā)

6、Ajax編程

十二、JS高級編程實(shí)戰(zhàn)

1、JS面向?qū)ο缶幊碳鞍咐?/p>

2、JS設(shè)計(jì)模式

3、新浪微博網(wǎng)站

4、ES6高級編程

5、Ajax和Promise編程

十三、混合框架

1、jQuery基礎(chǔ)操作

2、jQuery高級操作

3、jQuery高手過招

4、BootStrap4

5、Less&Sass編程

6、Git及團(tuán)隊(duì)項(xiàng)目開發(fā)流程

7、WebPack項(xiàng)目構(gòu)建

8、模塊化開發(fā)

9、豆瓣項(xiàng)目實(shí)戰(zhàn)

10、前端項(xiàng)目安全專題解析

十四、流行高級框架

1、Vue基礎(chǔ)使用

2、Vue高級使用

3、Vuex狀態(tài)管理

4、拉勾網(wǎng)App項(xiàng)目實(shí)戰(zhàn)

5、React高級編程

6、Flux的概念及應(yīng)用

7、Redux高級編程

8、Angular框架實(shí)戰(zhàn)

9、網(wǎng)易云音樂App項(xiàng)目實(shí)戰(zhàn)

10、TypeScript高級編程

11、TypeScript構(gòu)建

12、ReactNative構(gòu)建微信App應(yīng)用

十五、NodeJS全棧開發(fā)

1、Node基礎(chǔ)編程

2、Node高級編程

3、MySQL數(shù)據(jù)庫

4、Node+MySQL數(shù)據(jù)庫實(shí)戰(zhàn)

5、MongoDB數(shù)據(jù)庫

6、Node+MongoDB數(shù)據(jù)庫實(shí)戰(zhàn)

7、Express+EJS框架深入淺出

8、接口設(shè)計(jì)+網(wǎng)易云音樂API設(shè)計(jì)

9、Koa2框架深入淺出

10、Addonis框架深入淺出

11、服務(wù)端同構(gòu)技術(shù)

十六、跨平臺APP開發(fā)

1、Weex開發(fā)跨平臺應(yīng)用

2、Flutter開發(fā)Android應(yīng)用

3、Electron跨平臺開發(fā)

4、構(gòu)建閑魚客戶端App+Node接口開發(fā)

十七、微信開發(fā)

1、微信公眾號開發(fā)

2、微信登錄、支付開發(fā)

3、微信小程序開發(fā)

4、Wepy小程序開發(fā)框架

5、打造拼多多小程序

十八、大數(shù)據(jù)可視化

1、Echarts

2、hightCharts

3、D3.js

4、大數(shù)據(jù)分析平臺構(gòu)建天眼系統(tǒng)