首页实战 uni-app实战以项目为导向掌握完整开发流程

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

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

已完结难度入门时长 19小时学习人数 1104 综合评分 9.97

报名人数已满该课程已出新版，查看新课 >>

本课程由uni-app开发者团队成员亲授，带领大家无障碍快速掌握完整的uni-app跨端应用流程。并且搭配最佳的生态工具，HBuilderX和uniCloud，体验高效全栈开发，敏捷开发思路与技巧，带你时刻走在技术前沿。

慕村6345035

讲师

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

万事俱备只等你来

杜杜呀

好评

看完基础教程又来学习实战课程，觉得老师讲的很详细，基础知识点基本都讲到了，对学习uniapp有很大的帮助。一直在跟着学习，希望通过整个教程学习下来早日把uniapp掌握，加油！！！
橙序员木木

好评

网易腾讯都买过看过很多个教程这是最详细有思路的一个不是托儿我是小白自学的教学好的真的少。希望老师能多出视频教程特别是云开发的能让大家能自己开发上线的课程
紘係1276

好评

首先课程的操作性、实用性等都很好肯定好评。再次就是老师上课内容逻辑清楚，由浅入深很好让我感觉这个课程不难，很容易学习，最后感觉老师经验十足，也很有耐心，求抱大腿。