Web前端开发要学什么

随着web前端的快速发展，越来越多的人开始学习Web前端。移动互联网时代，我们相信我们每个人的手机上都安装了几十个应用，而这些应用的发展与web前端的流行发展息息相关。

事实上，超过一半的应用程序是以混合模式开发的，即结合安卓和网络技术。也有一些纯粹在网络上开发的应用，比如QQ空间，大家都知道，就是利用Web前端的React Native技术开发的。除了APP之外，我们经常在手机上看到的H5页面，主要是通过Web上的HTML5技术开发的。当然，Web前端不仅限于前端网页和应用，还涉及到服务器端、桌面级应用甚至VR。

1.HTML5+css3+JavaScript是web开发的基础。Html是网页结构的负责人，CSS是网页样式的负责人，JS是逻辑交互的负责人。前二者更像标记语言，没有逻辑，因此JS是前端的首要任务。HTML 5中的大多数新技术需要与JS结合使用。每一个人的学习进度都不同。这一阶段主要是多个模拟站，熟悉基础，尝试用CSS编写响应页面，深入了解JS，例如原型链，闭包，设计模式等等。要通过实践逐步了解和掌握，需要不断积累。

2.JQuery+BootStrapt+Ajax+JsonjQuery是JS的应用库，可以提高本地JS的开发效率。Bootstrap是响应框架，更简单地实现手机/平板/PC多个设备的页面支持。Ajax技术可以在不刷新页面的情况下更新数据。Json是一种数据形式，广泛应用于各种编程语言。

JQuery和bootstrap可以简化编写的代码量，使用起来非常愉快。但是对于基础不是很扎实的人建议少用。Ajax和json通常用于与后端交互，在实际业务中也经常用到。

3.Git/SVN。版本管理工具主要用于团队开发时避免文件冲突，也可以归档。前端建议学习Git。

4.Nodejs+Mysql/MongoDB(可选)。在服务器方面运行的JavaScript。Express是扩展MVC框架。其中nodejs最常用的是npm包管理器，不需要在各个网站下载资源包。数据库的学习可以选择MongoDB或MySQL，前者与Nodejs的适应性更好，但现在很多网站都是PPHP电脑+Mysql的组合，如果有学习PHP的计划的话，可以先学习Mysql。

5.ECMAScript 6。JavaScript的语言标准。ES6增加了很多新概念，弥补了以前版本JS的很多缺陷。越来越多的项目开始使用ES6进行开发。最好先了解ES5再学习。目前考虑到实际项目中的兼容性，ES6需要由Babel编译成ES5进行部署。

6.Angular/React/Vue。这三种框架，每个生态系统都有，根据自己的需要来选择学习。现在，Angular是企业最大的需求，但是从最近的趋势来看，react和vue更为流行。由于前端技术的飞速发展，工具和框架的更新比书本更新更快，因此推荐大家学习中的最佳文档。使用各种施工工具的次数在学习过程中经常发生。