Web前后端开发快速上手指南

一、Web前端（Vue）

1. 前端架构设计图

2. 基本语言

（1）HTML

网页元素语言（网页布局、控件等）

学习参考：菜鸟教程-HTML教程

（2）CSS

网页样式语言（以后可以了解一下CSS扩展语言Sass）

学习参考：菜鸟教程-CSS教程

（3）JavaScript

网页脚本语言（网页DOM元素操作，业务逻辑，与后台交互等）

学习参考：菜鸟教程-JavaScript教程，《JavaScript高级程序设计》

（4）ECMAScript 6（ES6）

JavaScript 语言的下一代标准（很多新语法可以加快开发效率）

学习参考：ES6入门教程，菜鸟教程-ES6教程

3. 开发工具/环境

（1）NodeJS

JavaScript本地运行环境，很多工具都依赖该环境（暂时先把环境装好，node.js编程可以先不看）

学习参考：Node.js中文网

（2）npm

同NodeJS一起安装的包管理工具

学习参考：菜鸟教程-NPM使用介绍

（3）webpack

前端资源加载/打包工具（前端应用工程化开发解决方案，模块化开发工具）

学习参考：webpack中文文档

（4）VsCode

代码开发、调试工具（个人推荐使用VsCode进行Vue应用开发，当然配合Vue的开发需要下载一些插件。其他IDE还有WebStorm、HBuilder、Sublime啥的）

学习参考：vscode教程（基础篇）

4. 框架

（1）Vue

轻巧、高性能、可组件化的MVVM框架，前端三大框架之一（React、Vue、Angular）,中文文档完善上手简单（Vue国内公司用的比较多，React国际上用的较多），当然除了Vue框架本身，还可以配合使用其他组件，比如vuex，vue-router、axios、Vue-Cli脚手架等组件（Vue全家桶）

学习参考：Vue官网

（2）Element-UI

基于 Vue.js的UI组件库（其他的UI库还有iview等）,布局、表单、表格等常用控件基本都能满足

学习参考：Element-UI官网

（3）ECharts

使用 JavaScript 实现的开源可视化库，各种折线图、柱状图、路径图等酷炫的制图应有尽有（数据分析展示必备）

学习参考：ECharts官网

（4）其他

Bootstrap、Jquery等框架可以了解下，都是以前Web开发常用框架，现在使用Vue等框架的话很少使用了