隨着互聯網的深入發展，前端開發工程師已成爲市場上極具競爭力的人才。許多學生，包括以前的UI，java，或完全零基礎，想學習的前端。那麼話不多說，直接上乾貨，希望能幫助到大家。
前端開發受歡迎程度：
2019年，JetBrains 發起了其標準的年度調查項目，開發人員生態系統調查 (The Developer Ecosystem 2018）。該項調查不僅揭示了不同編程語言的流行趨勢，並且從開發人員的角度反映了他們的個人偏好。調查由淺入深，從一般性的問題開始，並逐漸延伸至各領域的科技趨勢。
回顧全球現狀，我們發現了一些有趣的現象：64% 的受訪者選擇 JavaScript 作爲他們最常用的編程語言。根據開發者生態系統 2018 的調查數據，排名前三的編程語言分別是：Java (72%)、JavaScript (41%)、Python (36%)
js是前端的核心，不會js更別說會前端，從2012年至今，“Web前端工程師”的需求持續走高，薪酬也是水漲船高，所以，有不少人立志要成爲前端開發工程師。
前端開發工程師人才缺口：
據統計，我國HTML5前端工程師人員的缺口將達到10多萬，因此，Web前端工程師是一個非常有“錢”途的職業，並且薪酬會根據技能的深入而有不同程度的增長，其中北京、上海、廣州、深圳等地前端工程師的薪資待遇更是一路飆升。
前端開發就業：
通過職友集對全國168117份樣本調研數據統計，web前端開發工程師平均月薪10400。按照工作經驗來統計的計算的話，應屆生工資¥4280，1-3年工資¥8770，3-5年工資¥12910，5-10年工資¥19730。從這薪資可以看出，程序員的確是一個高薪行業啊，同其他行業同年限員工相比，薪資至少會高出四分之一。
前端基礎
一、HTML基礎
1、HTML介紹
2、HTML全局架構標籤
3、HTML常用標籤
二、CSS基礎
1、css層疊樣式表介紹
2、css層疊樣式表選擇器
3、css層疊樣式表選擇器優先級問題
4、css層疊樣式表核心屬性
三、CSS高級
1、css層疊樣式表浮動
2、css層疊樣式表盒子模型
3、css層疊樣式表背景圖定位
4、css樣式重置
5、CSS項目實戰
四、元素類型
1、元素類型
2、錨點鏈接
3、圖片整合
4、定位錨點透明
五、PC端項目寬高自適應和瀏覽器兼容
1、寬度自適應
2、瀏覽器兼容
3、表單表格高級
4、PC端項目寬高自適應
5、表格表單的高級應用和瀏覽器兼容
六、HTML5+CSS3
1、HTML5新增標籤
2、CSS選擇器
3、服務器端字體
4、CSS新增屬性
七、JS基本語法
1、js歷史
2、script標籤
3、變量詳解
4、自動數據類型轉換
5、強制數據類型轉換
6、表達式和賦值運算符
7、一元運算符
8、關係運算符
9、邏輯運算符
10、進制轉換
八、jQuery
1、簡介
2、html_val
3、jQuery_全選框
4、動畫
5、節點遍歷
6、jQuery_ajax
7、jQuery_jsonp
8、jQuery_multiple
9、jQuery_plugin
10、jQuery_plugin_magnifier
九、PHP
1、PHP_環境安裝
2、IP和Port
3、helloworld
4、定義變量
5、變量類型
6、PHP_循環
7、ajax_json
劃重點啦，前端全棧來了，下面的都是精品乾貨！！！
十、H5+C3頁面重構
1、HTML+CSS基礎編程
2、京東商城網頁重構
3、HTML+CSS新特性解讀
4、京東商城H5+CSS3網頁重構
5、移動端佈局及自適應
6、騰訊新聞手機端佈局
十一、JS基礎編程實戰
1、JS基礎語法及案例
2、JS經典案例
3、H5新API及案例
4、C3動畫效果
5、騰訊視頻網站開發
6、Ajax編程
十二、JS高級編程實戰
1、JS面向對象編程及案例
2、JS設計模式
3、新浪微博網站
4、ES6高級編程
5、Ajax和Promise編程
十三、混合框架
1、jQuery基礎操作
2、jQuery高級操作
3、jQuery高手過招
4、BootStrap4
5、Less&Sass編程
6、Git及團隊項目開發流程
7、WebPack項目構建
8、模塊化開發
9、豆瓣項目實戰
10、前端項目安全專題解析
十四、流行高級框架
1、Vue基礎使用
2、Vue高級使用
3、Vuex狀態管理
4、拉勾網App項目實戰
5、React高級編程
6、Flux的概念及應用
7、Redux高級編程
8、Angular框架實戰
9、網易雲音樂App項目實戰
10、TypeScript高級編程
11、TypeScript構建
12、ReactNative構建微信App應用
十五、NodeJS全棧開發
1、Node基礎編程
2、Node高級編程
3、MySQL數據庫
4、Node+MySQL數據庫實戰
5、MongoDB數據庫
6、Node+MongoDB數據庫實戰
7、Express+EJS框架深入淺出
8、接口設計+網易雲音樂API設計
9、Koa2框架深入淺出
10、Addonis框架深入淺出
11、服務端同構技術
十六、跨平臺APP開發
1、Weex開發跨平臺應用
2、Flutter開發Android應用
3、Electron跨平臺開發
4、構建閒魚客戶端App+Node接口開發
十七、微信開發
1、微信公衆號開發
2、微信登錄、支付開發
3、微信小程序開發
4、Wepy小程序開發框架
5、打造拼多多小程序
十八、大數據可視化
1、Echarts
2、hightCharts
3、D3.js
4、大數據分析平臺構建天眼系統
從事前端6年，一個人學習會有迷茫，動力不足。這裏推薦一下我的前端學習交流qun：731771211 ，裏面都是學習前端的，如果你想製作酷炫的網頁，想學習編程。整理了一份最新最全面前端學習資料，從最基礎的HTML+CSS+JS【炫酷特效，遊戲，插件封裝，設計模式】到移動端HTML5的項目實戰的學習資料都有整理，送給每一位前端小夥伴，有想學習web前端的，或是轉行，或是大學生，還有工作中想提升自己能力的，正在學習的小夥伴歡迎加入學習。
點擊：加入