前端学习计划(Vue方向)：

前端学习计划(Vue方向)：

学习路线：Html —Css—JavaScript—Vue—Uniapp

计划用时：8周

第一阶段（2周）

阶段目标：熟练掌握Html5/Css的常规操作，能开发静态页面无障碍。

第二阶段（2周）

阶段目标：熟练掌握JavaScript常规操作及原理分析，事件处理，DOM操作，Ajax操作以及ES6的基础语法。

第三阶段（2周）

阶段目标：熟悉Vue语法，能运用Vue制作App或后台系统，并实现前后端交互。

第四阶段（1周）

阶段目标：熟悉Uniapp，能使用Uniapp开发小程序项目。

第五阶段（1周）

阶段目标： 本阶段为前端的拓展学习，需要了解JQuery的基础知识点，以及ECharts的引入使用。

一.第1周 Html基础

• Html入门

• 常见标签

• 链接

• 表单

• 表格

  Html学习文档

二.第2周 Css基础

• Css/Css3入门

• 常见样式

• 浮动原理

• 定位原理

• Flex弹性布局，响应式布局

• Css3动画

  Css学习文档

  Css难点解析免费视频-慕课网

  Css3学习参考免费视频-慕课网

三.第3周 JavaScript基础,ES6基础

• 数据类型，变量，运算符

• 语句，条件查询，循环查询，流程语句

• 字符串方法，数组方法，对象方法

• 函数，事件

• ES6基础语法以及新特性

  Js学习文档

  Js基础学习免费视频-慕课网

四.第4周 JavaScript进阶

• Cookie操作本地存储

• 闭包，匿名函数，面向对象

• Dom操作

• Window对象

• Ajax原理

  Js进阶学习免费视频-慕课网

五.第5周Vue基础

• 语法基础，指令，过滤器

• 组件，事件，生命周期

• 路由操作

• Vue Cli

  Vue官网

  Vue2.5入门学习免费视频-慕课网

六.第6周Vue进阶

• Vuex的应用，Axios的导出

• Vant移动端组件库的使用

• 了解Element UI，以及Vue Element Admin后台模板的使用

  Vuex官网

  Axios官网

  Vant移动端组件库中文官网

  Element UI官网

  Vue Element Admin后台模板

七.第7周Uniapp开发

• HBuilder搭建uniapp项目

• Uniapp基础组件，插件

• 生命周期，事件

• 微信小程序开发流程

  Uniapp官网

  Uniapp插件市场

八.第8周JQery和ECharts的学习

• JQuery元素操作，选择器

• JQuery事件与动画

• JQuery回调函数

  JQuery语法手册

• ECharts的安装与引入

• ECharts的基础用法（饼图，折线图，柱状图，散点图）

  Apache ECharts官网

  Apache Echarts常用配置项总结