移动WebApp开发学习曲线

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

能力评测

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

开发简单的APP

  • 掌握html(5)、javascript基础语法:
    • 掌握 html 标签用法,并能区分块框与行内框
    • 掌握 javascript 基础语法
  • 掌握css:
  • 掌握基本开发流程:
  • 掌握 vue框架 所有知识点
  • [实践]可完成简单html页面开发

开发常见APP

  • 掌握并能说明es6特性:
    • 变量声明let,const
    • 箭头函数
    • promise对象
    • import、export
    • 解构赋值
  • 进行前后台请求并熟悉跨域相关配置
  • 能熟悉调用本地API
  • 可以进行简单调试、错误定位
  • 独立完成一般组件开发
  • [实践]进行复杂页面布局(掌握flex布局)

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

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

评论 抢沙发

表情
  1. #1

    来自山东济南的用户 4天前
    感谢您的文章,又学到了不少东西

  2. #2

    来自天津南开的用户 6天前
    老哥,写得很不错

  3. #3

    来自河南郑州的用户 13天前
    学习了, 总结的很细很棒, 赞

  4. #4

    来自江苏玄武的用户 19天前
    小白我没有看懂hhh

  5. #5

    来自重庆万州的用户 26天前
    加油~付出就会有收获