下载APP

慕课网APP - 随时随地学编程

App Store下载 Android下载

扫描下载慕课网APP

/ 实战 / uni-app入门到实战以项目为导向掌握完整开发流程

uni-app 快速入门从零开始实现新闻资讯类跨端应用

从零开始实现IT资讯分享平台的跨端应用，带你高效开发，无缝衔接工作

难度入门时长 16小时学习人数 270 综合评分 10.00

立即购买加购物车

观看试看视频

uni-app入门到实战以项目为导向掌握完整开发流程

跨端框架uni-app作为新起之秀，在不到两年的时间内，迅速被广大开发者青睐和推崇，得益于它颠覆性的优势，——“快”，快到可以节省7套代码。本课程由uni-app开发者团队成员亲授，带领大家无障碍快速掌握完整的uni-app跨端应用流程。并且搭配最佳的生态工具，HBuilderX和uniCloud，体验高效全栈开发。并且，讲师全程传授当下主流的开发概念——敏捷开发思路与技巧，带你时刻走在技术前沿。

meHaoTian

web前端工程师

课程预览

检测到您还没有关注慕课网服务号，无法接收课程更新通知。请扫描二维码即可绑定

重新观看

月活8.4亿的uni-app为什么这么火看看它的特性就知道

一套代码横跨八个平台，uni-app在手开发进度不用愁

开发者/案例
体量巨大

几十万应用，月活
8.4亿，热度高

跨全端
解决方案

可发布到iOS、
Android、H5、以
及各种小程序等八
个平台，高效开发

学习门槛低

基于通用的前端技
术栈，采用vue语法
+微信小程序api，
无额外学习成本。

平台能力
不受限

通过条件编译+平台
特有API调用，可以
为某平台写个性代
码，支持原生代码
混写和原生sdk集成

周边生态
丰富

插件市场数千款插
件，支持NPM、支
持小程序组件和
SDK、兼容mpvue
组件和项目、兼容
weex组件

讲法独特同等时间内获得更完整的uni-app知识体系

以项目为导向浓缩为17小时课程在项目开发中学习uni-app开发

极速掌握精华知识

· 掌握uni-app 的核心必备知识点
· 完成各个平台的兼容和配置
· 完整体验项目从0到发布上线流程

快速实现由学到用

· 以项目为导向，专注实操技能
· 注重框架分析和引导，掌握学习方法
· 注重项目分析，掌握敏捷开发

HBuilderX与CLI
环境搭建

基础知识解析

浅析 uniCloud

实战项目开发

平台兼容适配

支付宝小程序
百度小程序
QQ小程序
头条小程序
微信小程序

项目打包发布

H5 打包发布
安卓 APP端上线前的准备
iOS APP端上线前的准备
小程序上线前的准备

敏捷开发贯穿项目全程在不同业务模块实战uni-app核心组件

对于非前端开发者，也能快速上手，一次搞定前后端，向全栈进击

主要业务模块

首页功能模块

搜索页功能模块

标签页功能模块

详情页功能模块

关注页功能模块

个人信息页功能模块

自定义导航栏

在不同页面引用导航栏
组件，掌握组件复用；
通过API和条件编译去
判断平台，兼容多平台
的导航栏差异化

选项卡组件

使用Srcoll-view组件，
实现横向滚动

卡片组件

将列表数据分为多个组
件，每个组件内实现不
同的展现样式，提高应
用性能，同时可以方便
与选项卡组件联动

收藏组件

将列表里常用的操作，
单独封装组件，提升渲
染性能

评论组件

通过组件递归实现评论
组件，可以双向回复，
完成复杂的交互逻辑

详情页

首页

搜索页

关注页

扫描二维码体验项目

学员专享增值服务

问答专区

学习疑惑在线提问，讲师亲自答疑解惑

源码开放

免费提供课程源码，源码长期更新维护

课后练习

课后练习随章布置，技能知识牢牢掌握

适合人群

①有一定前端基础的编程新手，获得技术优势并提高面试竞争力
②某一移动平台的开发者，需要同时负责多个移动平台的开发
③非前端开发者，需要完成开发前端的应用任务

技术储备要求

HTML/CSS基础、Javascript（ES6）基础，有vue基础最好

环境参数

编辑器 HbuilderX：2.6.4
node 12.10.0
npm 6.11.3

万事俱备只等你来

王独秀

好评

该课程对有一定vue和微信小程序功底的童鞋来说(比如我)十分适合，我花了一个多周时间跟着老师的视频手敲了一遍项目，收货满满。老师讲的特别好，对于提出的问题也及时回复。我给满分好评，同时希望老师出更多的实战课程，出必买！
学习来

好评

这个真是有点牛了，这是我看过的最好的全栈开发资料了。
boarking1519

好评

嗯内容比较容易上手，要配合uniapp官网的文档一起练习效果更好