随着互联网的深入发展，前端开发工程师已成为市场上极具竞争力的人才。许多学生，包括以前的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？

学完这些，面试叫价15K！最完整、最系统的前端学习路线相关推荐

让你见识一下什么叫最完整、最系统的前端学习路线
随着互联网的深入发展,前端开发工程师已成为市场上极具竞争力的人才.许多学生,包括以前的UI,java,或完全零基础,想学习的前端.那么话不多说,直接上干货,希望能帮助到大家. 前端开发受欢迎程度: 2 ...
如何高效率学Web前端怎么规划前端学习路线
如何高效率学Web前端?怎么规划前端学习路线?Web前端是随着移动互联网的高速发展而兴起的行业,入行门槛低.薪资待遇好.很多零基础的人想要学前端,但却不知道要学什么?如何高效率学习,接下来就给大家介绍 ...
web前端开发需要学什么（包含前端学习路线）
前端开发,做到后面,是可以走很多方向的: 但是要保证后期的平滑过度,前期还是要把一些必须的知识搞扎实的: web前端开发需要学什么环境搭建前端环境很好搭建,编辑器+浏览器即可. 浏览器推荐使用 C ...
WEB前端学习路线2023完整版（附视频教程+学习资料）
下面小编为web前端学习爱好者汇总了一条完整的自学线路,适合初学者的WEB前端学习路线汇总! 需要更多教程,文末扫码即可别忘了扫码领资料哦[高清Java学习路线图] 和[全套学习视频及配套资料] 1 ...
自学python到什么程度就可以工作-零基础学到什么程度可以找一份python工作？Python学习路线规划...
目前信息化产业发展势头很好,互联网就成为了很多普通人想要涉及的行业,因为相比于传统行业,互联网行业涨薪幅度大,机会也多,所以就会大批的人想要转行来学习Python开发.目前来讲市场上需要的Python ...
学完计算机系统结构后的收获,希赛系统架构设计师学员备考经验分享：分时段学习...
一.考试通过的因素外在的帮助:希赛带你提高考试通过率,所以紧跟老师节奏,信任这个领域头部平台的专业性. 正确的心态:不要把考试仅当作一次考试,这是一次自我提升的机会,构建及完善这个领域的知识体系. ...
自学web前端怎么学？web前端学习路线css属性
自学web前端技术,如果才能找到一份web前端的工作.按照现在的招聘标准来看,无论你去哪个公司面试,你只需要满足他们公司的需求就可以.找到一份web前端工作需要掌握的内容如下: 首先是html,css ...
前端H5怎么切换语言_「自学系列一」HTML5大前端学习路线+视频教程完整版
全新Java.HTML5前端.大数据.Python爬虫.全链UI设计.软件测试.Unity 3D.Go语言等多个技术方向的全套视频. 面对这么多的知识点,有的盆友就麻爪了-- 我是谁? 我该从哪里开始 ...
【自学系列一】HTML5大前端学习路线+视频教程（完整版）
今年,本公司全新发布了囊括Java.HTML5前端.大数据.Python爬虫.全链UI设计.软件测试.Unity 3D.Go语言等多个技术方向的全套视频. 面对这么多的知识点,有的盆友就麻爪了-- 我 ...

学完这些，面试叫价15K！最完整、最系统的前端学习路线