一，web前端到底是什么，很多初学者可能都在问？
百度百科里有这么一段解释：
前端开发是创建Web页面或app等前端界面呈现给用户的过程，通过HTML，CSS及JavaScript以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互[1]。它从网页制作演变而来，名称上有很明显的时代特征。在互联网的演化进程中，网页制作是Web1.0时代的产物，早期网站主要内容都是静态，以图片和文字为主，用户使用网站的行为也以浏览为主。随着互联网技术的发展和HTML5、CSS3的应用，现代网页更加美观，交互效果显著，功能更加强大。
![]()
其实说了这么多，直接通俗一点说，前端就是利用三大核心（html，css，JavaScript）技术，以及衍生技术开发出来的主要在浏览器上展示的页面，其成品可以为：
- 任何浏览器上看到的任何页面
- 官方网站
- 后台管理系统
- 微信小程序
- 公众号
- TML5 开发移动端 APP
- 跨平台的桌面端的应用程序
- 写 NodeJS 程序，部署服务器
- 当然还顺带要学会一点ps切图技术
所以你说前端是什么，能做什么，只是简单的给你说一下他是做网页开发的，但是高级的用法又可以做上面这么多东西，只能说前端太强大了。
二，前端要学习些什么呢？
- html+css+js：首先肯定是基础的html+css+js三剑客了，这是最基本的知识，所以基础阶段一定要打好。
- JQuery：很多人觉得JQ已经过时了，但是其实JQ的使用还是很广泛的，只是新项目很少使用JQ开发了。但是我们这么多庞大的老项目是不是需要维护，那不还得学习JQ吗？ 还有我们学习JQ也主要是学习他的前端开发思维，学习他处理更复杂的的逻辑思维方法。
- html5+css3：接着要学习的就是html5+css3，我们上面所学的html+css+js阶段中学习的是html4+css2，这是基础部分，学好了我们才学习新版本的html5+css3，学完以上3部分之后，我们就能开发完整的纯前端的任何页面了。
- 移动web端开发：这部分是衍生出来的新版块，因为移动端开发都是基于html+css+js+html5+css3开发的，那为什么要拿单独分成一个版块呢？ 就是因为移动端开发和pc端开发有很多新的知识，会开发pc端，不一定会移动端，而且今后的发展趋势是越来越像移动端靠拢的，所以移动端才作为一个版块分离出来，重点学习。
- es6+阶段：这是一个什么阶段呢？其实这就是javaScript阶段的升级阶段，我们上面所学的js全程是ECMAScript 5，是2009年发布的版本。 那es6全称是ECMAScript 6.0，是2015年发布的新版本，在es5之后的大版本的迭代，在es5的基础上增加了很多新api（也就是新的知识），所以当前我们的开发主要以es5+es6为主，一起开发的。 那为什么叫es6+呢，是因为现在已经发展到es6，es7，es8，es9阶段了，但是7，8,9阶段目前浏览器支持性还不好，还没有普及，以及7,8，9版本只是小版本的增加一些少量的api，所以不堪大用。
- 前后端交互阶段：这个阶段的知识也是很重要的，我们要学习的主要知识有，http+ajax+json+nodejs+mysql+mongoDB等等前后端交互的知识，是我们以后和后端配合开发的重要知识，没有了这个版块的学习，那前端将是毫无灵魂的。
- 框架阶段：框架其实就是一些利用html+css+js开发出来的一些简化项目开发工作的工具，也是目前前端的主流开发手段，常用的框架有vue，react，angular，以及小程序，app混合开发，echarts.js和D3.js图表等等已经成熟的框架体系。 学习这些框架，能大大缩短我们项目的开发周期，减少开发难度，是前端人员必不可少的开发技能。
- 其他：跟高级的知识板块还有什么web安全，数据可视化，算法以及算法处理等等这些高深的技术，当然这些知识百分之九十的前端开发不需要学习也不需要掌握，我们只要掌握上面7个板块的学习就OK了，基本上吃遍国内外。
最后，给大家附上2020最新版的前端开发学习路线，有需要的小伙伴可以去了解一下。
原创不易，望大家动动小手点点赞，支持原创！ |
|
转播
