如何通过自学入门Web前端开发

1、第一步，我们首先得知道Web前端开发工程师是什么？工作内容有哪些？百度一下就可以知道，Web前端开发主要进行网站开发，优化，完善的工作，简单来讲就是做网站，每天跟浏览器、服务器打交道。

2、第二步，我们先来看一下Web前端开发的知识路径，可以看到Web前端开始需要学的知识是比较杂的，但并不是说难学。其实，Web前端最基本的就是Html+Css+JavaScript三个，其他的都是在这三个的基础上扩展延伸的。

3、第三步，先来了解一下HTML + CSS + JavaScript。Web开发基础中的基础，HTML是负责网页结构，CSS负责网页样式，JS则负责逻辑交互。前两者更像是标记语言，没有什么逻辑，JS才是前端的重中之重。

4、第四步，接着就需要学习一下JQuery + BootStrap + Ajax + Json。jQuer烤恤鹇灭y是JS的一个应用库，能够提升原生JS开发效率。Bootstrap则是响应式框架，更简单的实现手机/平板/PC多个设备的页面支持。Ajax技术用于异步交互，不刷新页面就能更新数据，比如 地图 应用等。Json是一种数据格式，被广泛应用在各大编程语言中。这些都是基于HTML + CSS + JavaScript扩展的库，掌握之后有助于我们快速开发网站应用。

5、第五步，Angular/React/Vue。经过前面的基础学习之后，相信你们肯定已经掌握了掳姗浚瑙Web前端开发的基础，接下来就需要学习一下JavaScript框架了。Angular/伊怕锱鳏React/Vue前端三大框架，各自也有着各自的生态系统，根据需求自行选择学习。目前企业需求量最大的仍然是Angular，但近期趋势来看react和vue则更受欢迎。个人建议先从Vue入手，轻量、高效并且Vue是中国人写的，便与学习。

6、第六步，Nodejs + Mysql /MongoDB(可选)。学习完JavaScript框架之后就可以从事一些Web前端开发了，但是如果想继续深入Web前端，那么就可以学习一种后台开发语言和数据库。这里推荐Nodejs，因为Nodejs是基于JavaScript开发的，对于web前端是很友好的；而数据库可以根据实际项目需要选择学习Mysql /MongoDB。

7、第七步，Git/SVN。到这一步就已经达到了一个中高级Web前端开发工程师的水准了，这时可以选择学习一下Git/SVN。Git/SVN是两种版本管理工具，主要用于团队开发时避免文件冲突，也可回档。前端推荐学习Git，简单容易学习。

8、第八步，以上经验只是个人见解，如果能帮助到你，记得点赞投票支持一下哦，么么~_~