前端开发新手基础知识（零基础小白想入门前端开发该经历哪些阶段呢）

最近有一个消息在网络上火了，“周星驰在社交媒体公开招聘web3.0的人才”，这足以看出前端开发还在蓬勃发展，前景一片光明，作为一名移动前端开发者，我在这里为想入门前端开发的同学总结一下需要经历的阶段。

阶段一 前端开发基础

在基础阶段，我们需要去学习和了解 Html 和 Css, Html 是前端网站的骨架，Css是前端网站的“修饰” ，当我们了解这两者之后，再配合一些静态图片，我们就可以制作出漂亮的静态网页了

阶段二 移动Web开发

我们日常了解到的前端大部分都是电脑端的前端，但是随着我们使用手机的频率越来越高，移动web作为一个专题被专门提了出来。

在这一阶段，我们会学习Html 和 Css 的 2D和3D的转换效果，还有适用于web前端的网页布局规则和响应式布局规则

阶段三 JavaScript网页编程

前端开发的三板斧： Html、Css、JavaScript , 他们分别负责网页的骨架、装饰、数据交互。

在这个阶段， 我们得先了解一下JavaScript的基础语法，然后还得去了解浏览器给我们暴露的WebAPI，最后再去了解一下JavaScript的高级语法。

等我们完全了解完“前端三件套”之后，我们就会接触前端开发的第一个框架 —— JQuery

JQuery在现实开发中使用频率不多，但是它对于深入了解JavaScript是有很大的帮助的，再加上一些企业的使用JQuery技术栈的老旧项目需要去维护，所以作为一名前端开发者是避不开JQuery这个框架的。

阶段四 前后端交互

没有数据交互的页面只能算是静态页面，我们可以使用JavaScript的原生Api进行前后端的数据交互，但是我们使用最多的还是使用Ajax等第三方网络库。

虽然是前端，但是我们还是要对后端有一些了解，比如说 NodeJS、ExpressJS等框架

在这个阶段我们还会去接触 Git和Github去做代码版本控制

阶段五 Vue.js 了解与深入

Vue.js 是 国内使用最广的JS框架了，在学习VueJS之前，我们还需要了解啥叫项目脚手架 比如 Webpack、VueCli。

在脚手架的帮助下，我们可以初始化一个完整的单页面应用， 接下来就需要去学习一个Vue的基础语法，主要包括 Vue2.0 和 Vue3.0

当我们完整学习完VueJS之后，我们就可以着手去做一个简单的前端项目，当然这时候也可以去往Vue的原理去深入。

阶段六 扩展：小程序 和 ReactJS

随着微信小程序的火爆， 基于其他平台的小程序也如雨后春笋般冒了出来， 对于前端开发者来讲，我们又有了一个新的选择。

微信小程序有自己的一套生态系统，但是也都是大同小异，在拥有前端基础前提下， 可以很快地上手开发，难度不是很大。

ReactJS也是构建单页面应用的另外的一个JavaScript框架，在国内使用率较低，大部分的中小企业都会选择VueJS, 但是作为前端开发者，也应该掌握这一个JS库。

结语

最近几年，前端发展迅猛，使用前端技术可以开发各种跨平台的应用，比如基于ReactJS的ReactNative可以编写跨Android和IOS的应用，还可以使用Electron开发桌面端应用,甚至我们还可以使用 Express 框架来开发后端接口Api。

前端发展越来越快，也意味着我们开发者需要学习的东西也越来越多，保持最新的技术体系，才能保证自己在互联网的大潮中不被淘汰。

生命不息，学习不止，共勉~

,