Web前端所需要的知识技能及学习路径

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

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

Web前端开发所需要的知识技能及学习路径

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更为流行。由于前端技术的飞速发展，工具和框架的更新比书本更新更快，因此推荐大家学习中的较佳文档。使用各种施工工具的次数在学习过程中经常发生。

7. 其他常用工具。

这也是根据需求自行选择学习的。常用的现在有Webpack，可以包装ES6/AMD/CMD等多种编程风格的文件，可以识别和编译成浏览器可以运行的文件。Sass/Less、CSS预编译框架可以通过逻辑编写CSS代码。Gulp/Grunt构建工具可以自动压缩代码等工作。

8. 其他后端编程语言。

目前对前端基本都要求是会一门后端语言， PHP / JAVA / Nodejs / Python 等。

学习编程重要的还是实践，多敲代码，多去尝试。独立解决问题的能力、探究钻研的精神是必不可少的。有兴趣的话也可以自己搭建一个技术 博客 ，往 github 上传几个 开源 项目，这些都是不错的点。

长春达内Web前端培训班受欢迎吗？
南通科迅Web前端培训班值得选择吗？
苏州达内有web前端培训课程吗
Web前端开发初学者要掌握哪些学习方法
南京哪家Web前端培训班比较专业？
Web前端开发需要考取相关证书吗？