随着互联网的深入发展，前端开发工程师已成为市场上极具竞争力的人才。许多学生，包括以前的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。从这薪资可以看出，程序员的确是一个高薪行业啊，同其他行业同年限员工相比，薪资至少会高出四分之一。

web前端–工资收入水平

前端基础

一、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、大数据分析平台构建天眼系统

更多文章推荐阅读（学习资源）：

2020年Web前端开发工程师市场怎么样？学会什么技术才能拿到高薪

一线城市，前端工程师最低工资2K-3K，最高20K-30K 你怎么看？

分享七年职业生涯心得，认清自己是否真的适合转行前端开发工程师

前端的工作越来越难找，到底是不是前端领域已经饱和了？

全国程序员平均工资18153：凭啥前端工程师年薪能拿到30W？