# 课程介绍
> 如果你熟悉:CSS,HTML,Javascript,Es2015,MySQL,Nodejs,Vuejs规范能够帮助你快速掌握课程教学内容
**本课程是跨平台应用开发全栈教程,内容涵括前端和后端开发的基础知识**
1. Javascript基础
2. Vuejs入门
3. uni-app开发入门
4. Koa基础
5. Thinkjs基础
> 本教程出于教学目的编写,使用了大量的网络资源,如果有侵犯您的权利,请联系我们,及时处理。[Email:qingsongzeng@163.com](mailto:qingsongzeng@163.com)
## uni-app
[uni-app](https://uniapp.dcloud.io/)是一个使用[Vue.js](https://vuejs.org/)开发**跨平台**应用的前端框架,开发者编写一套代码,可编译到iOS、Android、H5、小程序等多个平台。
## Thinkjs
ThinkJS 是一款面向未来开发的 Node.js 框架,整合了大量的项目最佳实践,让企业级开发变得如此简单、高效。
**Thinkjs特性**
* 基于 Koa 2.x,兼容 middleware
* 内核小巧,支持 Extend、Adapter 等插件方式
* 性能优异,单元测试覆盖程度高
* 内置自动编译、自动更新机制,方便快速开发
* 使用更优雅的`async/await`处理异步问题
> 如果你熟悉ThinkPHP,你会发现Thinkjs的设计有很多类似的地方。
# 课程教学
曾青松 教授 博士
[Email:qingsongzeng@163.com](mailto:qingsongzeng@163.com)
个人网站:[http://www.zengqs.com](http://www.zengqs.com)
[广州番禺职业技术学院](http://www.gzpyp.edu.cn)
# 实验代码
实验代码:
https://gitee.com/zengqs/uni-app-course-2019/
# 课程资源
## 教学资源
* 本课程的在线教程 https://www.kancloud.cn/zengqs1976/uni-app/
* ~~腾讯课堂视频教程:https://zengqs.ke.qq.com/
(目前没有上传课程视频)~~
* 课堂录像及演示代码:
* [ ] 链接:https://pan.baidu.com/s/1Dvfl3f0oCNr2BjilR5bi_w
* [ ] 提取码:yrdi
* uni-app应用开发交流QQ群:631951344
* Teaset组件库地址:https://gitee.com/zengqs/teaset
* 快速应用开发集成方案: https://gitee.com/gzpyp/thinkjs-uniapp-framework.git
## 相关链接及教程
vue 教程(视频):[https://ke.qq.com/course/248507?tuin=4f8da6](https://ke.qq.com/course/248507?tuin=4f8da6)
uni-app 官网 :[http://uniapp.dcloud.io/](http://uniapp.dcloud.io/)
uni-app从入门到精通 https://www.kancloud.cn/guobaoguo/uni-app/821776
uni-app 跨平台应用开发教程 https://www.kancloud.cn/guobaoguo/uniapp/820863
uni-app 跨平台应用开发教程(视频) https://ke.qq.com/course/323825?tuin=3d0e3efb
# 基本开发工具
## HbuilderX
下载地址:http://www.dcloud.io/hbuilderx.html
> 使用HbuilderX开发移动端跨平台应用程序。请下载APP开发版,该版本集成了开发用到的大部分的插件
## 微信开发者工具
下载地址:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
## VSCode 万能编辑器
下载地址:https://code.visualstudio.com/
> 选择与操作系统匹配的版本,选择32位还是64位
# 常见问题
## HbuilderX如何设置微信开发者工具
需要在HbuilderX中设置微信开发者工具所在的安装路径,一般为:
```
C:\Program Files (x86)\Tencent\微信web开发者工具
```
并且请在微信开发者工具中打开端口,否则HbuilderX不能主动调起微信开发者工具。
```
设置\安全设置:开启服务端口
```
![](https://box.kancloud.cn/e96809be96f900d43a08288bb08526d3_440x340.png)
- 内容介绍
- EcmaScript基础
- 快速入门
- 常量与变量
- 字符串
- 函数的基本概念
- 条件判断
- 数组
- 循环
- while循环
- for循环
- 函数基础
- 对象
- 对象的方法
- 函数
- 变量作用域
- 箭头函数
- 闭包
- 高阶函数
- map/reduce
- filter
- sort
- Promise
- 基本对象
- Arguments 对象
- 剩余参数
- Map和Set
- Json基础
- RegExp
- Date
- async
- callback
- promise基础
- promise-api
- promise链
- async-await
- 项目实践
- 标签系统
- 远程API请求
- 面向对象编程
- 创建对象
- 原型继承
- 项目实践
- Classes
- 构造函数
- extends
- static
- 项目实践
- 模块
- import
- export
- 项目实践
- 第三方扩展库
- immutable
- Vue快速入门
- 理解MVVM
- Vue中的MVVM模型
- Webpack+Vue快速入门
- 模板语法
- 计算属性和侦听器
- Class 与 Style 绑定
- 条件渲染
- 列表渲染
- 事件处理
- 表单输入绑定
- 组件基础
- 组件注册
- Prop
- 自定义事件
- 插槽
- 混入
- 过滤器
- 项目实践
- 标签编辑
- 移动客户端开发
- uni-app基础
- 快速入门程序
- 单页程序
- 底部Tab导航
- Vue语法基础
- 模版语法
- 计算属性与侦听器
- Class与Style绑定
- 样式与布局
- Box模型
- Flex布局
- 内置指令
- 基本指令
- v-model与表单
- 条件渲染指令
- 列表渲染指令v-for
- 事件与自定义属性
- 生命周期
- 项目实践
- 学生实验
- 贝店商品列表
- 加载更多数据
- 详情页面
- 自定义组件
- 内置组件
- 表单组件
- 技术专题
- 状态管理vuex
- Flyio
- Mockjs
- SCSS
- 条件编译
- 常用功能实现
- 上拉加载更多数据
- 数据加载综合案例
- Teaset UI组件库
- Teaset设计
- Teaset使用基础
- ts-tag
- ts-badge
- ts-button
- ta-banner
- ts-list
- ts-icon
- ts-load-more
- ts-segmented-control
- 代码模版
- 项目实践
- 标签组件
- 失物招领客户端原型
- 发布页面
- 检索页面
- 详情页面
- 服务端开发技术
- 服务端开发环境配置
- Koajs快速入门
- 快速入门
- 常用Koa中间件介绍
- 文件上传
- RestfulApi
- 一个复杂的RESTful例子
- 使用Mockjs生成模拟数据
- Thinkjs快速入门
- MVC模式
- Thinkjs介绍
- 快速入门
- RESTful服务
- RBAC案例
- 关联模型
- 应用开发框架
- 服务端开发
- PC端管理界面开发
- 移动端开发
- 项目实践
- 失物招领项目
- 移动客户端UI设计
- 服务端设计
- 数据库设计
- Event(事件)
- 客户端设计
- 事件列表页面
- 发布页面
- 事件详情页面
- API设计
- image
- event
- 微信公众号开发
- ui设计规范