开课啦!小程序开发最佳实践系列课程【一期】(1)-阿里云开发者社区

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

开课啦!小程序开发最佳实践系列课程【一期】(1)

简介: 《前端基础-JS篇,变量、常量与解构赋值》,帮助您掌握JS中最基本的变量、常量的定义方式,并了解ES6中引入的解构赋值的使用方法。

小程序.jpg

首期小程序开发最佳实践系列课开课啦!

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

本期课程

课程主题:
《前端基础-JS篇,变量、常量与解构赋值》

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

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

话不多说,开始上课咯!
《前端基础-JS篇,变量、常量与解构赋值》( 视频点击:https://v.youku.com/v_show/id_XNDMzMjcyODQ0NA==.html?spm=a2hzp.8253869.0.0 )。

怎么样?
是不是满满干货?
是不是对接下来的课程充满期待?

接下来,本课堂都定期为开发者们奉上新鲜的教学视频,敬请关注,不容错过哟。

课程安排

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

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

课程目录【一期】

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

一、前端基础

HTML

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

CSS

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

JS

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

二、小程序基础
框架

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

常用组件

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

API

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

三、数据流
herculex

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

四、研发工具

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

生活号+钉钉群.png

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

分享:

支付宝开发者社区已全面迁移至https://forum.alipay.com/mini-app

官方博客
常用链接