webstorm学生版

一、了解完web前端之后能干什么？

掌握web前端技术后，你将具备开发各类网页、制作H5动画、设计移动端应用的能力。你可以创建自己的博客网站、微信公众号，开发小程序等。甚至可以利用NWjs技术，开发出电脑客户端软件，如微信的PC版、钉钉的PC版等。你的技术将服务于丰富多样的应用场景。

二、如何开始学习web前端？

主要有两条路：自学或参加培训班。在这里，我主要为你介绍自学的方式。你可以通过在线视频教程学习，如慕课网、麦子学院等平台上都有从入门到精通的前端课程。找到适合你的课程后，就可以开始学习了。

但自学过程中，可能会遇到学习思路混乱、心理迷茫等问题。为了更有效地学习，你可以寻找一位引路人，帮助你制定学习计划、把控学习质量、纠正错误的学习方向，并为你提供心理支持。我曾接触过许多自学的学生，发现很多放弃学习的同学都是因为在错误的学习思路上坚持，或者在心理迷茫期没有得到及时的指导。

三、前端学习大纲

1. 环境搭建

前端环境的搭建相对简单，只需要一款开发工具如webstorm、hbuilder、vscode或sublime等。初学者推荐使用sublime，无需安装插件，以便打好基础。

2. HTML基础

学习HTML的基础知识和标签用法，当你能够在浏览器中运行HTML页面时，会获得极大的成就感。

3. CSS基础

CSS为网页染色，学习基础的CSS后，你会有写页面的冲动。按照自己的想法去实践，这是你的第一个项目。

4. JavaScript基础

JavaScript是网页的逻辑核心。作为web前端工程师，需要花费更多时间和精力去学习JS。学习完一个星期的JS知识后，及时与引路人沟通，确保你的理解无误。

5. 纯JS操作DOM和jQuery

学习如何使用JS操作页面元素和编写DOM事件。之后，再引入jQuery来简化开发。

6. 开始UI框架之旅

推荐从bootstrap开始，学习其响应式栅格系统，并学会定制bootstrap，因为公司通常注重二次开发。

7. 深入CSS3

学习完基础CSS后，进一步深入学习CSS3，你将看到一个全新的世界。

8. 深入JS

学习原型链、原型替换、this指向、ES6和ES7的新语法等高级JS知识。

9. 学习主流MV框架

选择学习vue、react或angular2中的一种，并结合其他相关技术如vue-router、vuex等进行学习。

10. 升级后台语言nodejs（选学）

如果你在学习vue的过程中已经接触到了nodejs的一部分（如npm），这个阶段你可以进一步学习nodejs编程。虽然有一定难度，但只要你基础扎实，稍加指导就能上手。

四、项目实践

为了巩固所学知识，你需要完成两个项目：一个侧重于CSS特效，要求炫酷；另一个侧重于逻辑处理，以提升你的逻辑思维能力。你可以通过模仿一些网站如苹果、魅族等来实现这两个项目。

五、总结与鼓励

学习web前端最重要的是坚持。只要你能够坚持下去，梦想一定会实现！如果你在寻找web前端的学习资料或希望有一位老师引导你入门，那么关注我们的头条号并私信“前端”，即可免费领取一整套系统的web前端学习教程。让我们一起努力，成为优秀的web前端工程师！