开发者社区 > 支付宝开发者社区 > 视频 > 正文

依赖引用|小程序研发最佳实践系列课程【一期】

发布者:开发者说 2019-09-02 11:27:23 1336
视频介绍

首期小程序研发最佳实践系列课开课啦!
本课堂由浅入深,从前端基础讲起,旨在帮助小程序开发者们解决开发中遇到的问题,为开发者们快速赋能,提高开发体验。

课程简介

通过本门课程的学习,你将掌握JS中最基本的变量、常量的定义方式,并了解ES6中引入的解构赋值的使用方法。

讲师介绍

雪庭,来自支付宝行业技术部,从零到一打造支付宝电子发票、信用卡还款小程序,千万级PV应用,在实际业务中提炼沉淀小程序研发最佳实践。

怎么样?
是不是满满干货?
是不是对接下来的课程充满期待?
接下来,本课堂都定期为开发者们奉上新鲜的教学视频,敬请关注,不容错过哟。

课程安排

本系列课程按照学习阶段分为三期:

一期 - 覆盖基础,面向支付宝小程序开发的新手(或有简单经验),帮助开发者独立完成基本小程序开发
二期 - 提供进阶内容,帮助开发者解决更复杂的业务场景
三期 - 高级课程,深入原理

课程目录【一期】

以下较多内容的话题,会拆分成更小的单元,保证单节视频时长在 15min 之内。
每两周更新1~2个单节。

一、前端基础

HTML

[ 页面搭建 ] - 页面结构划分,搭建
CSS

[ 盒模型 ] - margin, padding, border, content
[ css单位 ] - px, em, rem, rpx
[ 选择器 ] - id, class, 权重
[ 页面布局 ] - relative/absolute, flex
[ flex详解 ] - flex-direction, flex-grow, 水平垂直居中...
[ 动画 ] - transition,animation
[ 小技巧 ] - 画圆,画箭头,画对号...
JS

[ 变量常量 ] - var, let, const, 解构赋值 (本期)
[ 依赖引用 ] - import, export
[ 异步操作 ] - promise, async/await, setTimeout
[ 数组操作 ] - forEach, map, slice, splice, filter, find, includes
[ 对象操作 ] - 取值, Object.keys()
[ 字符串操作 ] - 拼接, 模板字符串, includes, split …
[ 数值操作 ] - parseInt, parseFloat, toFixed
[ 类型判断 ] - 判断数组,判断空对象,防空处理,null vs undefined
[ 事件机制 ] - 冒泡,捕获,事件代理

二、小程序基础框架

[ 全局配置 ] - 全局配置,全局样式,getApp()
[ 页面开发 ] - 数据绑定, 列表渲染, 条件渲染, 生命周期
[ 组件开发 ] - props, methods
[ 运行机制 ] - worker,message channel
常用组件

[ 基础组件 ] - view, text, button, input, image, picker
[ 扩展组件 ] - popover, pageResult, inputItem, swipeAction
API

[ 常用API ] - 页面跳转, 提示, 操作菜单, 选择城市, 滚动,用户授权, 唤起支付...

三、数据流

herculex

[ 数据流基础 ] - 基本概念
[ herculex基础 ] - 认识store结构(state, getters...),基本使用
[ herculex进阶 ] - 全局 store,组件 connect
[ 实战 ] - herculex 实战(基本版,进阶版)

四、研发工具

[ 小程序 IDE ] - 基本使用
[ anymock ] - 创建,使用
[ mas ] - 基本使用