本人小白：自学web前端，都要掌握，哪些内容？

（1） html + css。
（2）JavaScript。不是所有的网页都必须有js，但是要想实现一些超酷的功能和界面的时候，就需要涉及到js。如果没有其他编程语言的基础的话，学起来可能要费些力。
（3）Photoshop、flash。熟悉会一点儿就行了，没必要全部都学得精通，当然如果你在学习的过程中，发现你ps或者flash比较感兴趣的话，也可以尝试做美工这一行。
（4）html5和css3。可以先了解一下，然后再入手。毕竟IE的浏览器大多还不支持。
（5）浏览器兼容。懂web标准，熟练手写 xhtml css3 并符合 符合w3c标准。代码能兼容主流浏览器Firfox，Chrome、Safari、IE、Opera。虽然IE6很多都不兼容，但现在还使用的人还是有的。
（6）熟悉一门后台编程语言 asp、php、jsp等

根据市面上企业需求和大部分学员的基础，Web前端主要学习以下内容：
1、前端页面重构。主要内容为PC端网站布局、HTML5+CSS3基础、WebApp页面布局。学习目标是完成PC端网站布局，WebApp页面布局，还要可以通过HTML5+CSS3的2D、3D等属性实现一些精美的动画效果。
2、JavaScript高级课程、PC端全栈项目开发。主要内容为原生JavaScript、面向对象进阶与ES5/ES6应用、JavaScript工具库自主研发、JQuery经典交互特效开发、HTTP协议、Ajax进阶与后端开发、前端工程化与模块化应用以及AngularJS等。学习目标是可以通过原生JavaScript开发交互功能，实现网站上的交互效果，以及模块化应用等，实现完整的前端工程。
3、Web前端框架、混合开发(Hybrid，RN)、大数据可视化。主要内容为Node.js后端开发、Vue.js前端框架、React前端框架、混合开发(Hybrid，RN)、Angular前端框架、大数据可视化等。学习目标是可以独立完成相应的项目，如应用Vue.js/Ionic/React.js等框架开发WebApp，小程序项目开发，以及各类混合应用项目开发等。
随着移动互联网热潮的到来，移动开发越来越受到大家的追捧，前端开发人员也会成为互联网企业必备的人才之一，对于想要学习Web前端进入前端领域的人来说这是一个非常好的机会。

1、H5标签
2、CSS基础&高阶
3、JavaScript基础
4、JavaScript高阶
5、ES6扩展
6、框架与服务器
7、React与组件化开发

小白自学web前端要先从基础的Html+Css+JavaScript开始学起。等基础部分学完，继续学ES6、Ajax、React.js、Vue.js、Sass，如果想学全栈还要学Node.js、MongoDB数据库等等。总的来说需要学习的知识点很多，但如果找到了正确的学习路线和方法，效率会大提升。不过对于小白来说，自己制定学习计划不太现实，建议去慕课网看看前端工程师体系课，你就会对自己应该学什么，从哪里学有更清晰的了解。

1.html5 和css3
2.js原生加jquery(推荐红宝书)
3.js框架(最近就vue，react，小程序，uniapp,rn,flutter等)，主要是前两个
4.ui框架,bootstrap,element-ui,mint-ui,antd等，
5.代码打包webpack
6.了解浏览器兼容hack
7.代码编辑工具vscode，webstorm
8.多看文档与后端调试请求工具postman
9，最好会一点node