移动WebApp开发学习曲线

开发资料

入门

html - html是一种用于创建网页的标准标记语言，在本教程中，你将学习如何使用html来创建网页。

html5 - html5是新一代的html，本教程向您讲解 html5 中的新特性。

css - css用于控制网页的样式和布局，在本教程中，您会学到如何使用css控制多种网页的样式和布局。

css3 - css3是最新的css标准，本教程向您讲解 css3 中的新特性。

javascript - javascript是属于网络的脚本语言，本教程将详细讲解javascript的标准语法和应用。

vue框架 - vue聚焦视图层，是一个构建数据驱动的Web界面的库，本教程出自官方文档，将循序渐进的带你学会vue。

实战

router - vue官方维护的一套配合vue.js的路由插件。

axios - axios是一个基于promise的HTTP库，可以工作于浏览器中，也可以在node.js中使用，提供了一个API用来处理XMLHttpRequests和node的http接口。

vuex - vue官方维护的一套控制vue数据流的插件。

调试 - chrome开发工具就是一个工具，它允许Web开发人员可以通过浏览器应用程序干预和操作Web页面，也可以通过这个工具调试和测试Web页面或Web应用程序。

vux - 基于vue框架和微信WeUI样式库的一套第三方vue组件库，可以满足大多数基本的应用场景。

高级

• es6 - ECMAScript 6.0（简称 es6）是 javascript 语言的下一代标准，已经在2015年6月正式发布了。

内部课程

入门

vue基础入门 - 介绍vue基础语法，通过课后作业，您将完成整个基础知识练习。

vue组件入门 - 介绍vue组件的基本创建方式以及组件间的数据传递方式，通过课后作业，可以对组件的应用有一个最基本的掌握和认识。

基础应用

vue组件应用实践（上） 、 vue组件应用实践（下） - 介绍实际项目应用中的项目构建方式，以及在模块化开发中的vue单文件组件格式，并通过对 典型UI 页面的代码剖析来讲解 VUX 组件库的应用方式，通过本次课后作业，您可以基本掌握实际项目的一个完整流程，并了解单文件组件的用法。

vue移动交付之vue-router 、 vue移动交付之axios 、 vue移动交付之vuex - 简单讲解了vue全家桶的其他成员，掌握这三次课程的内容之后就能独立完成一个完整的移动端vue项目了，并且在课程学习的过程中，还能够了解基本的第三方组件使用方式，在之后的独立开发过程中也能够自行扩展项目组件。

能力评测

能力评测为一个小工具帮你评估开发一个APP前需要掌握的技能，通过学习对于的级别资料。相信很快就能上手拉~

开发简单的APP

掌握html(5)、javascript基础语法：

• 掌握 html 标签用法，并能区分块框与行内框

• 掌握 javascript 基础语法

掌握css：

• 基础语法

• 选择器

• css定位

• 盒子模型

掌握基本开发流程：

• nodejs、npm环境搭建&运行

• 明源项目脚手架 使用

• 掌握 vue框架 所有知识点

• [实践]可完成简单html页面开发

开发常见APP

掌握并能说明es6特性：

• 变量声明let,const

• 箭头函数

• promise对象

• import、export

• 解构赋值

• 进行前后台请求并熟悉跨域相关配置

• 能熟悉调用本地API

• 可以进行简单调试、错误定位

• 独立完成一般组件开发

• [实践]进行复杂页面布局(掌握flex布局)

开发出性能、交互较高的APP

• 在社群基础上进行组件扩展
• 评估、引入第三方开源类库
• 案例解析与典型功能沉淀