随着Web前端的飞速发展，学习Web前端的人员也是越来越多，在移动互联网时代，相信我们每个人的手机上都装有数十个APP，这些APP的开发其实也和当下热门的 Web 前端开发息息相关。今天小编要跟大家分享的前端小白如何零基础学习Web前端技术?

一、APP与HTML是如何做的?

APP前端:事实上，如今一半以上的APP都是采用Hybrid混合模式开发，即结合安卓和Web端技术开发。而纯 Web开发 的APP也不在少数，比如我们众所周知的 QQ 空间就是使用 Web前端 的React Native技术开发。

Html:我们在手机端常看到的H5页面，也是主要运用了Web端的 HTML5 技术开发。当然，Web前端现在也不仅仅局限于前端网页和APP，服务器端、桌面级应用甚至是VR都有涉及。

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

1. HTML5 + CSS3 + JavaScript

Web开发基础中的基础，HTML是负责网页结构，CSS负责网页样式，JS则负责逻辑交互。前两者更像是标记语言，没有什么逻辑，JS才是前端的重中之重。HTML5 新增的技术大部分需要结合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. 其他后端编程语言

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

想要了解更多Web前端知识欢迎同学直接咨询人工客服，真人在线答疑方便又快捷。或者可以来广州北大青鸟五山校区现场咨询。

来北大青鸟，北大青鸟帮你快速实现从小白到入门的蜕变，从此不为赚钱找工作发愁！

【免责声明：本文图片及文字信息均由小编转载自网络，旨在分享提供阅读，版权归原作者所有，如有侵权请联系我们进行删除。】