同学你好！今天要和大家分享的文章小编是关于前端小白如何从零基础学习web前端技术的?随着web前端的快速发展，学习web的前端人员也越来越多。在移动互联网时代，相信我们每个人的手机上都安装了几十个APP。这些APP的开发，其实和当下流行的web前端开发息息相关。

　　零基础学习怎么样web前端?

　　事实上，当今超过一半的应用程序都是以混合模式开发的，即 Android 和 web 端技术的结合。而纯粹由web开发的APP也不在少数。比如我们大名鼎鼎的QQ空间就是在web的前端使用React Native技术开发的。除了APP，我们在手机上经常看到的H5页面，主要是在web端使用HTML5技术开发的。当然，web前端不仅限于前端网页和APP，还涉及到服务器端、桌面级应用甚至VR。

　　一、web前端开发所需的知识技能和学习路径

　　1.HTML5 + CSS3 + JavaScript

　　web开发基础的基础，HTML负责网页的结构，CSS负责网页的样式，JS负责逻辑交互。前两种更像是标记语言，没有任何逻辑，而JS是前端的重中之重。 HTML5中的大部分新技术都需要结合JS来学习。

　　每个人的学习进度可能不同。这个阶段主要是模仿多个网站，熟悉基础，尝试用CSS写响应式页面，深入了解JS的知识，比如原型链、闭包、设计模式等。需要更多的积累，逐渐理解和练习掌握。

　　2.JQuery + BootStrap + Ajax + Json

　　jQuery是一个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，但大多数网站都是 PHP + Mysql 的组合。如果你打算学PHP，可以先学Mysql。

　　5.ECMAScript 6

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

　　6.Angular/React/Vue

　　三个前端框架各有自己的生态，大家可以根据需要选择学习。目前，Angular 仍然是企业最需要的，但 React 和 vue 在最近的趋势中更受欢迎。由于前端技术发展太快，工具和框架的更新比翻书还快，建议阅读文档进行学习。在学习的过程中，你也会遇到很多次使用各种搭建工具。

　　7. 其他常用工具

　　这与根据需要选择学习相同。现在比较常用的是web包，可以打包多个不同编程风格的文件。例如，ES6/AMD/CMD等模块可以被识别并编译成浏览器可以运行的文件。 Sass/Less，CSS 预编译框架，可以用合乎逻辑的方式编写 CSS 代码。自动压缩和合并代码的 Gulp/Grunt 构建工具。

　　8.其他后端编程语言

　　目前市场上基本都需要前端一种后端语言，如PHP/JAVA/Nodejs/Python等。

　　前端小白如何从零基础学习web前端技术的?学习编程最重要的是练习，输入更多代码并尝试更多。独立解决问题的能力和探究学习的精神是必不可少的。如果有兴趣，也可以自己建个技术博客，上传几个开源项目到github。这些都是很好的奖励积分。更多关于“web前端培训”的问题，欢迎咨询千锋教育在线名师。千锋教育多年办学，课程大纲紧跟企业需求，更科学更严谨，每年培养泛IT人才近2万人。不论你是零基础还是想提升，都可以找到适合的班型，千锋教育随时欢迎你来试听。