其中CSS分为以下几个阶段：

① PC端：CSS基础没啥说的，必须会！

② 移动端：了解移动端常用布局，如：流式布局，flex布局，rem布局。

③ 响应式：能利用媒体查询进行响应式开发，响应式开发是根据用户屏幕尺寸的不同呈现不同的页面显示。

④ CSS3：会用CSS3动画，3D效果。

(3) Js基础：Js全称javascript，是一门脚本语言，是web前端开发的核心技能，重要性大于前面两个，难度也更高，只有掌握了js才能称得上是合格的前端开发。此语言和java没有半毛钱关系，只是名字像而已。

Js分为三个部分，包括：

① 基础语法

② Dom 文档对象模型，可以页面元素操作，比如删除页面上的一个标签，创建标签等。还能监听页面事件，比如按钮的点击，各种鼠标键盘事件，可以收到用户的行为并进行处理。

③ Bom 浏览器对象模型，主要用来控制浏览器的一系列交互，比如可以控制浏览器弹出警示框，监测浏览器的窗口大小变化等。

注意：学完此阶段，可开发简易难度的动态页面，但要求CSS和JS掌握熟练才有独立工作的能力！

JS是面试中HR最看重的技能，换句话说，学到这儿，你才初步具备了应聘资格，但仅仅学到这，工资不会高，这个阶段的程序员相当于后厨切菜小工，炒是不可能给你炒的。

这里给大家分享一份系统的前端学习教程，只需要关注我，私信“前端”二字即可获取，基本上跟着看完学完也就懂得差不多了。

2. 进阶阶段

(1) jQuery：JS的框架之一，也是前端必会的框架之一，因其操作简单，功能齐全而著称，座右铭：write less do more(写更少的代码做更多的事)。能大大简化JS操作。很多人都说jQuery已经被淘汰了，但我还是建议你可以学习一下，一来学习成本很低（JS基础扎实，jQuery花个三天的时间就能掌握），二来一些老项目的维护也会用上jQuery。

(2) Bootstrap:响应式框架，包含CSS组件，JS组件，可快速搭建响应式页面，复制粘贴即可，但需要根据实际需求改动，能快速生成页面轮播图，知名度较高。

(3) JS高级：JS内容极多，掌握基础阶段还不够，需要学习最新的JS技术，比如ES6大版本新增的各种API，语法，箭头函数，以及高级的变量声明方式。

(4) 前后端交互技术，前端页面一般是要搭配后端+数据库使用，所以如何与后端传输数据就变得极为重要，那么主要用到JS中的异步请求来实现，也就是ajax技术。全栈发展的前端工程师还需要掌握node.js来进行服务器开发也就是搭建后端，以及数据库的使用，简单说node.js就是运行在服务端的js，node是js的运行环境。

如果你是一个会搭建后端的前端，给了你offer就可以省去一个后端的工资，想想看HR会有多爱你。

3. 框架阶段

恭喜你来到高薪阶段，下面我们一起看看一个高薪程序员都必须会些什么。

(1) 团队协助：git和github或码云，代码管理仓库。

(2) Vue框架：Vue.js是一款流行的JavaScript前端框架，旨在更好地组织与简化Web开发。能方便地获取数据更新，并通过组件内部特定的方法实现视图与模型的交互。前端很火的框架，好用，上手容易精通难，要会使用vue全家桶进行项目开发。

(3) React：也是用来创建用户界面的js框架，vue和react至少要会一个，都是为了提高开发效率，简化js操作，并且工程化代码。

(4) 微信小程序：应对目前流行的微信小程序平台，掌握小程序的开发能为前端的加分项，底层技术和pc端差不多，但开发时要遵循微信小程序开发标准，在微信小程序中没有Dom的概念，所以一些操作Dom的框架不能用，比如jQuery。

目前，完整的web前端知识体系就是这些了，至于有同学问我web前端能不能自学，看到这里你心里应该已经有了答案，想学好web前端，必须有一个好的领路人，不要寄希望于学个一知半解蒙混到一份工作然后“勤工俭学”，这个行业没有老板会请“学徒工”。 在这里给大家分享帮助大家解决问题的web前端交流群，群里有很多前端从业者和初学者，大家都很乐意分享和答疑，在群里的每个人都收货颇丰，只需要私信我“前端”即可获取进群方法。

想找到工作，你就必须是一个合格的web前端结业生，想保住饭碗，你就必须一直是一个“学员”，现在版本升级太快，能持续拿高薪的程序员必须有自己的知识库与软件“同步更新”的能力。