Uni-app前端开发框架教程-我要自学网

课程目录课程详情课程素材

本次课程是为了初学者、"0基础用户"服务，带大家入门掌握uniapp技术，
并能自己动手做出课程类似的uniapp项目，让大家对开发APP产生兴趣，
能够用自己的手机去运行自己开发的app或者小程序，使得开发更具趣味
性，边玩边学，迅速让大家胜任uniapp项目技术。

uniapp 是一个使用 Vue.js 开发跨平台应用的前端框架，在实际开发中，
同一个项目可能需要分别在H5端，小程序端，app 端有相同的表现，我
们就需要开发和维护多端不同代码，工作量是非常巨大的。Uniapp技术
会让开发者只编写一套代码，可编译到iOS、Android、H5、小程序等多
个平台去运行。

uni-app是一套可以适用多端的开源框架，一套代码可以同时生成ios，
Android，H5，微信小程序，支付宝小程序，百度小程序等。

uni-app对前端开发人员比较友好，学习成本比较低，首先uni-app是基
于vue.js的。其次封装的组件和微信小程序的组件一毛一样，所以对于现
在的主流前端人员来说学习几乎0成本。

uni-app使用HBuilderX进行开发，HBuilderX对于vue语法等支持可以说
是比较完备了。使用HBuilderX进行开发可以说是速度杠杠的，开发速度
比较快。多种组件库支持，uni-app支持多种UI组件库，包括Vant、Mint
UI、uView等，开发者可以根据自己的需求选择适合的组件库，快速构建
应用程序。

uni-app拓展能力强，封装了H5+,支持nvue，也支持原生Android，ios
开发。可以将原有的移动应用和H5应用改成uni-app应用。

对于"0基础"的此类人群，我们采用"拿来主义"来学习本次课程，用组
件化、代码模块化的形式来拷贝代码完成课程项目，以后想开发新的
项目可以直接"组装"新项目。

对于"有一些语言基础"的此类人群，我们采用"跟随作业"来学习本次课
程，跟着课程进度细细琢磨组件代码、代码模块的意义，完成认识及使
用更多组件、插件、常用代码的能力训练，并能熟练借鉴课程项目源码
开展新项目，真正内化成属于自己的技术。

本课程带大家入门uniapp技术、安装软件，布置开发环境、生成安卓证
书等内容初步入门做uniapp项目，后期会加讲数据获取方法包括API、
自己的数据库及后端逻辑代码的课程。

答：通过此课程可以做课程项目类似以的app、微信小程序、H5网页
页面等项目，在此基础上，会教大家可以官方平台或者网站下载漂亮
页面模板样式进行加速开发，并趋于专业页面。

答：uni-app 是一个使用 Vue.js 开发跨平台应用的前端框架，具备
"编写一次代码可发布到多个平台"的特点，大大的节省了开发成本，
提升了开发效率。前面写了这么多，其实uni-app有利有弊，主要看
你的需求。如果你的想要一个能成本低、时间快，还能多平台覆盖的
软件，那uni-app是一个比较好的选择，如果你想做功能酷炫、有时
间和预算的，那还是建议选择原生开发。

答：在大前端时代背景下，前端开发人员掌握单一的 Web端开发能
力已经远远不够了，各种跨平台开发解决方案层出不穷，比较有代表
性的就是uni-app等，我们平时可以开发一些辅助生活的小程序或者
app，比如订饭统计小程序，疫情防控小app啥的，都是可以快速反
应的，不需要太好可以粗糙一些，功能能满足要求就行，这种uniapp
是首选之选。

新课推荐

授课讲师

王正

Uniapp讲师

TA的课程

课程简介

大家学习完毕该课程，可以做出以上类似以下的app（安卓）、微信小程序、H5网页页面等项目，在此基础上，会教大家可以官方平台或者网站下载漂亮页面模板样式进行加速开发，并趋于专业页面。我们开始会展示两个uniapp项目及uniapp官方模板样例看看效果，然后课程中我们会讲到项目常用的几个组件技术细节，带大家敲代码，做登录页、注册页、各类列表页、详情页等页面的开发，教会大家uniapp开发技术，包括学生怎样做课设、毕设，非学生人员怎样入门学习并掌握uniapp技术等内容，来更快更简单方便的入门uniapp。

查看课程目录课程素材下载