建议第一步,看完uni-app官网的首页介绍。
建议第二步,通过快速上手,亲身体验下uni-app。
建议第三步,看完《uni-app官方教程》,出品人:DCloud,课时:共3节。
如果你熟悉h5,但不熟悉vue和小程序
- 看完这篇白话uni-app
- 看这个培训视频,从vue到uni-app全部讲了。《uni-app 商业级应用实战》,出品人:腾讯课堂NEXT学院
- 如果不愿意付费看视频,可以去vue官网自学。注意vuejs可以在html中使用,而uni-app里没有HTML,直接就是vue文件。另外vue的路由、npm可以不学
- 不太需要专门去学习小程序开发,只看uni-app官网即可
如果你使用过mpvue
几乎不用学习,看完这篇即可mpvue转uni-app指南
不管怎么样,迟早需要把uni-app官网文档从左到右挨着过一遍。
三方培训机构视频
如下是三方专业培训机构的视频教程,对于想节省时间快速入门的、或习惯看视频听老师讲课的开发者,可从中挑选合适的视频学习
- 《uni-app 商业级应用实战》,出品人:腾讯课堂NEXT学院。亮点:腾讯课堂官方出品;不懂 vue 的工程师也可快速学习;从入门到实战都包括。
- 《uni-app 跨平台应用开发教程》,出品人:hcoder 刘海君,课时:共25节。亮点:讲师经验丰富,也是graceui框架作者。
- 《uni-app 实战教程 - “悦读”项目实战》,出品人:hcoder 刘海君,点击领取专享优惠劵
- 《uni-app实战仿糗事百科app开发》,出品人:帝莎IT学院。适用人群:具备Html+Css+Javascript基础知识。
-
《跟枫桥一起开发App》,出品人:唐枫桥,来源:源码商城(注:源码商城App、小程序本身就是基于
uni-app
开发的) - 《广州番禺职业技术学院 uni-app课程》,出品人:曾教授,网盘密码:qf0i
如果你是线下培训机构,想开课合作,联系bd@dcloud.io
网友学习笔记分享
- WordPress搭配uni-app开发app和小程序的教程:https://ask.dcloud.net.cn/article/35704
- uni-app官方教程学习手记:https://segmentfault.com/a/1190000017020710
欢迎更多人分享学习经验,可转载到社区,优秀的文章我们会收录在本文中。
题外话:关于各端的管理规则需要耐心学习
uni-app并不难学,但我们注意到很多新人在适应各个平台的规则限制时很焦躁。
uni-app跨了很多端,虽然代码层面可以开发一次,生成多端。但注意每个端,有每个端的管理规则,这与开发无关,但每个开发者仍然要耐心掌握这些规则限制。
- 比如H5端的浏览器有跨域限制;
- 比如微信小程序会强制要求https链接,并且所有要联网的服务器域名都要配到微信的白名单中;
- 比如App端,iOS对隐私控制和虚拟支付控制非常严格;
- 比如App端,Android、国产rom各种兼容性差异,尤其是因为谷歌服务被墙,导致的push、定位等开发混乱的坑;
- 如果你的App要使用三方sdk,比如定位、地图、支付、推送...还要遵循他们的规则和限制;
这些坑并不是uni-app造成的,网上搜下会有很多答案。
大家既然做开发,就要做好趟这些坑的准备,遇到问题莫急躁,有经验的人更有价值,趟坑,就是在为自己积累价值。