Web前端初学者需要学什么？以后的薪资待遇怎么样？

第一阶段

1. HTML+CSS核心基础
2. HTML,CSS核心基础
3. CSS过渡
4. HTML5语义化标签
5. 线性渐变，径向渐变
6. HTML新增标签属性
7. CSS动画Animation
8. 表单项新增属性
9. 弹性盒模型
10. CSS选择器
11. 经典布局练习(双飞翼，
12. CSS3伪类 品字布局) + 案例
13. CSS伪元素
14. 响应式布局

第二阶段JavaScript

1. JavaScript基础
2. JavaScript操作DOM
3. JavaScript面向对象(js高级)

第三阶段PC端整栈开发

1. PC项目
2. jQuery
3. jQuery项目
4. less
5. bootStrap

第四阶段ES6+Node+工程化

1. ES6/7/8
2. promise
3. npm常用命令
4. git基础（常用操作）
5. git高级
6. Node.js基础
7. git基础（常用操作）
8. http协议 & cookie & session
9. MongoDB
10. Express框架
11. ajax(原生，jQuery,axios,fetch)
12. ajax库基本封装使用 promise封装
13. 模块化
14. 构建工具gulp，webpack4.0基础

第五阶段React技术栈

1. React基础语法
2. react-router
3. React Antd使用
4. Redux
5. React移动端项目

第六阶段Vue技术栈

1. Vue基础
2. VueRouter
3. Vuex
4. Vue源码(v-model, 双向数据绑定)
5. VuePC项目-电商
6. Vue后台管理

第七阶段小程序

1. 小程序
2. UniApp
3. TypeScript

第八阶段就业指导+面试精讲

1. vue实战(移动端)
2. 小程序实战
3. 面试精讲
4. 就业指导

推荐看B站全网最全Web前端学习路线：
https://www.bilibili.com/read/cv5650633?spm_id_from=333.788.b_636f6d6d656e74.7

薪资待遇建议看看所在城市的招聘信息，能很完美地体现出。

很高兴回答这个问题，本人做前端开发一年多的时间了。大学本科学习的是机械专业，后来想从事IT方向，因为没有计算机基础，觉得前端入门会简单些，因为编程语言相通的，所以工作之后在学习其他语言也会容易些。来到公司这么长时间，公司只有我一个前端小白，所以东西基本都是自己研究出来的。做过PC，app，h5，简单说下我的看法。

1.最简单前端开发需要用到的html+css+javascript。html就是页面都有哪些内容，有哪些标签，时输入框还是按钮这些；css就是为标签增加样式，为什么是橙色的，为什么这个在左侧不动，为什么字体有的粗，有的大；js就是增加他们之间的交互，为什么点击了会显示隐藏，为什么点击上去可以拖动，图片可以放大。现在必掌握的html5，css3，新增加了很多功能，不是说这个是新的，只是html的升级版本，功能更丰富了，有动画，canvas，音视频等等，使你的页面效果更好，体验更好。像易启秀那种效果，h5都可以实现。虽然说很多好用的js框架，但是掌握原生js的能力还是这里面最重要的。

2.学习框架，这里指的js框架。像jquery，vue，react，angular。虽然说这几年单页面应用很火热，不使用dom操作，性能更好。但是无法否认jquery的历史地位，还是建议第一个框架先学这个，学习的过程中，就会慢慢了解dom，知道dom操作，对原生的理解也会越来越好。我是做vue开发的，像这种基本就是框架都搭建好了，自己照着搬弄就好了，建议这些还是放在后面学习，否则你对原生的理解我感觉不会很深。会用容易，但是还是建议先把基础理解好。css方面的像sass，less这些与处理器也需要掌握下，也能使你的开发效率更高。

3.了解http协议。很多人都会碰到这个问题，网页输入完网址紧接着都发生了什么。感兴趣的小伙伴可以打开pc浏览器随便个网站，按下f12，重新刷新浏览器，在network里面，就会看到请求到的资源，点开就会看到请求头请求体这些。http协议只是OSI七层模型的应用层，小伙伴们可以多了解了解七层模型，像大家熟知的TCP/IP协议，三次握手，四次挥手，都在这里面，物理层链路层，路由器光猫这些都可以了解学习下，软硬件是不分家的。

4.开发app。今天的前端技术不仅仅能做页面，还可以实现app，像RN，weex，mui，uniapp。我现在就在使用uniapp开发，vue语法糖，一套代码可以运行多端。确实前端技术相对原生来讲是有差距的，但是现在开发，使用上都不会有太大的差距（项目不是很复杂）。最近很火热的谷歌推出的flutter，其实会js的小伙伴也可以尝试学习（小编也在爬坑中），国内的闲鱼团队一直在使用，boss直聘上已经有开始招聘的了。

5.懂了以上的东西基本就可以工作了，但是建议有余力可以学习学习linux知识，毕竟一个项目做完后，都是要上传到服务器的，学习下简单的shell脚本，linux简单操作，部署个nginx对你都会有大大的提升。

6.薪资问题也跟你的城市有关，也跟你的技术能力有关系。很多公司招聘就是本科生起步。所以如果你是刚学习完，刚开始，有机会实习的话，你都要珍惜，不要说上了包装自己几年工作经验，脚踏实地一步一个脚印，该有的都会有的。面试之前也要多准备好，留下好印象，薪资还会高一些。

希望看到这里的小伙伴找到心仪的好工作。努力，奋斗。谢谢阅读~！