Web前端初学者需要学什么？以后的薪资待遇怎么样？
谢邀。初学者的话，一开始都从html，css，JavaScript开始的，然后再学习一些常用的框架，比如jq，vue，angular，bootstrap等等。不要求很精通，一些基本的属性，基本的api了解，会用，找一个初级前端的工作基本就没什么问提了，初级前端的话在深圳大概是5～8k的样子吧。但前端属于易懂难精，而且前端技术更新换代很快，所以基础知识一定要学扎实，并且要不停的学习，只有这样，不管框架怎么变，你都能很快的入手，万变不离其宗。如果想更进一步成为高级前端工程师，架构师的话，那就不能停留在api的使用阶段了，必须要深入底层，多看看设计模式，框架的源码，弄明白底层实现的原理，有必要的话，还可以接触一些后端语言，数据库的操作什么的，现在越来越多的公司要求的是web全栈工程师。当你能读懂源码，并且有一定的框架开发能力的时候，工资什么的就大胆地往高了开吧，多的是手里挥舞着大把钞票却招不到高精尖人才的公司。最后，祝前程似锦，钱程无量
经常会有许多小白问我，我想学web前端，我就问他，你能告诉我那些前端技术吗？结果往往是沉默不语。一个自己都不知道自己要学习的技术，怎么可能得到你自己想要的？下面小编就统一给大家讲一下前端初学者需要掌握的技术点。
HTML5和CSS3基础
随着时代的发展，移动互联网已经成为绝对的趋势，尤其是4G时代，目前HTML5+CSS3已成为新一代的web前端技术，所以学会h5和CSS3的重要性可想而知。
其次，为了能够深层次的学习Html，必需了解 HTML5发展历史，以及它与早期html的区别，以及他新增与废弃的元素要有大致的了解。当学到网页的外观，就需要学习 CSS 了，就像刚建好的房子一样， 通过装修将房子修饰的更加漂亮。同样CSS它可以帮你把网页做得更美观。
而后，当自己有一定基础后，可以试着通过所学的 HTML5 和 CSS3 模拟一些你网站的排版和布局(色彩，图片，文字样式等等)。
了解Javascript和DOM
Javascript是一种脚本语言。它可以使网页“动”起来，使得网页更加生动活泼。所以学习 Javascript的基本语法，试着用 Javascript操作网页中 DOM 元素也是不可或缺的技术。接着学习使用一些 Jquery库， Jquery 是大部分 Web开发人员都喜欢用的，通过 Jquery 可以有效的提高 Java 的开发效率，而且相对于javascript代码量会少的多，却能够达到同样的效果。Web前端核心
学习 完Jquery 之后，也正式入门了。要想进一步的提高 ，就涉及到 HTML5 高级阶段，这一阶段需要学习的技术有：HTML5 Canvas 绘图、HTML5 SVG、音频和视频处理、表单处理、表单验证....等等
学习到目前，那么你就可以完成较复杂的项目，比如留言系统，博客系统，心愿墙，以及商品展示添加，登入功能。
HTTP协议和PHP语言
学习到这一部分，也就意味离自己独立开发一个公司网站，系统，或者商场就不远了。
当然这一阶段主要是和数据库打交到。学习php也无非就是一个和数据库交往实现人机交互的过程。不要被传统的思想影响，后台没有你想的那么难。
服务器端脚本编程，也就是大家常听到的后台开发。也是Web开发人员的基本功之一。
要实现人机交互通常会使用到数据库，通常PHP使用MySQL数据库最为贴切，有“黄金搭档”之称。
同时会涉及到几种技术比如：Apache、php、数据库。下面我简单解释一下它们之间的关系。
1、Apache它是服务器基础，也可以理解为php运行的必要环境。php和数据库都需要Apache来协调工作
2、php是一种脚本型的解释语言，有了php，就可以使得网页由静态转为动态，也就是通常所说的人机交互，无非就是加入了一个数据库。
薪资问题
说到工资肯定很多人会问，我高中毕业会影响工资吗？那我问你，如果你是老板，你会花更多的钱雇一个学历较高，但能力不怎么突出还是选择花同样的钱找一个学历相当，工作能力突出，能为公司解决问题带来效益的人？每个人的能力不一，所以拿的工资也不一。
HTML, CSS, JS 还用说？
jQuery？抱歉，我实在不会让自己小伙伴花太多时间学这个。
当下，国内 Vue，国际 React。对应 Weex 与 React Native。
别搞那些花里胡哨，就两条线。
三件套 + Vue + Weex（可选）
三件套 + React + RN（可选）
可选因为存在 Cordova 与 HBuilder 神器。
以上够你吃两年，后面前端迭代太快，没法保证。
jQuery 用的时候去查 api 就够了！
有空花时间学 JQ，宁愿去学 Bash Shell。
第一阶段
- HTML+CSS核心基础
- HTML,CSS核心基础
- CSS过渡
- HTML5语义化标签
- 线性渐变，径向渐变
- HTML新增标签属性
- CSS动画Animation
- 表单项新增属性
- 弹性盒模型
- CSS选择器
- 经典布局练习(双飞翼，
- CSS3伪类 品字布局) + 案例
- CSS伪元素
- 响应式布局
第二阶段JavaScript
- JavaScript基础
- JavaScript操作DOM
- JavaScript面向对象(js高级)
第三阶段PC端整栈开发
- PC项目
- jQuery
- jQuery项目
- less
- bootStrap
第四阶段ES6+Node+工程化
- ES6/7/8
- promise
- npm常用命令
- git基础（常用操作）
- git高级
- Node.js基础
- git基础（常用操作）
- http协议 & cookie & session
- MongoDB
- Express框架
- ajax(原生，jQuery,axios,fetch)
- ajax库基本封装使用 promise封装
- 模块化
- 构建工具gulp，webpack4.0基础
第五阶段React技术栈
- React基础语法
- react-router
- React Antd使用
- Redux
- React移动端项目
第六阶段Vue技术栈
- Vue基础
- VueRouter
- Vuex
- Vue源码(v-model, 双向数据绑定)
- VuePC项目-电商
- Vue后台管理
第七阶段小程序
- 小程序
- UniApp
- TypeScript
第八阶段就业指导+面试精讲
- vue实战(移动端)
- 小程序实战
- 面试精讲
- 就业指导
推荐看B站全网最全Web前端学习路线：
薪资待遇建议看看所在城市的招聘信息，能很完美地体现出。
还没有评论，来说两句吧...