漫潮者,私有云,NAS,新媒体电商.软件开发,商乾

标题: 微信小程序入门与实战 常用组件API开发技巧项目实战 [打印本页]
作者: 小神仙    时间: 2018-5-23 17:31
标题: 微信小程序入门与实战 常用组件API开发技巧项目实战
第1章：什么是微信小程序？
" I8 N& U. Q) p! Z  k  t        1 开篇及课程特色介绍
1 l+ V, C* Q( o& v( |) b$ e8 C, q        2 直观感受一下微信小程序" _8 N/ \+ O# M# G0 e  y6 _4 k
        3 小程序适合做什么样的应用! R! {9 l- ?. a* ~( c% y
        4 对开发者的影响* y' h- i& q1 p: Y
        5 学习基础0 U& R5 E5 F  W6 H9 l) T
        6 小作业& L9 e/ K. U0 d9 J
第2章：小程序环境大件与开发工具介绍
% C& y5 h5 F1 u4 ?! V7 b8 m+ \2 W        1 开篇介绍及下载工具
0 p) f% u4 o6 a0 C        2 小程序目前情况及限制. j1 ]1 i. U6 n5 P( R) F
        3 小程序开发工具介绍
3 p( @# \  z! d. I+ ~第3章：从一个简单的“欢迎”页面开始小程序之旅
9 j  M0 [9 v# n        1 本章内容简介
; q& _' D/ F" j0 h        2 官方种子项目介绍与小程序的文件结构& A4 C; C- R( Z3 e  I
        3 新建我们自己的项目：ReaderMovie& g' {: o1 B+ B) P
        4 开始制作项目启动页  G( N7 O; j- ]7 V1 {0 J/ A2 h  D
        5 制作项目启动页（上）之自适应单位：RPX
6 v( M. R+ p1 u& L3 U- s        6 制作项目启动页（中）之样式与弹性盒子模型
, M" d; K4 i* B" G! r+ r! b9 V( e        7 制作项目启动页（下）之小程序app.json基础配置# c  _5 l( r. b- o! p7 }
        8 9 10 扩展。有时间整理上传
3 b$ t: G% t( n第4章：第二个页面：新闻阅读列表4 m7 ^0 m* n) i' V4 ?
        1 第四章课程简介
+ Y' U; U" V1 M        2 真机运行小程序及小程序开发者后台简介
! U0 e: `6 M6 v: s) e! @) ^        3 使用Swiper组件构建轮播图
2 t, b$ `  _- \5 X$ o        4 构建新闻列表 上$ ?5 ?8 `) b# w+ G3 y+ K3 }
        5 构建新闻列表 下% s8 q+ z* D- \$ D4 K9 @
        6 js文件结构与Page页面的生命周期0 d2 ^) x) {/ h0 H& h
        7 ｛数据绑定｝基础
$ Q0 H# Q- I5 P6 I        8 ｛数据绑定｝扩展- I( s9 H9 f1 Z) Y+ d* I) u$ [
        9 使用列表渲染wx-for改写新闻列表$ p7 C% m5 Q6 H- W! Y; B% Q7 T) A
        10 小程序的事件机制（冒泡与非冒泡） 上
! K! q6 k# r( ]+ Y+ i; k        11 小程序的事件机制（冒泡与非冒泡） 下
  y9 v2 r& v% B% H第五章：小程序的模版化与模块儿化
$ f0 o2 x4 ]+ i5 d6 f        1 将业务中的数据分离到单独的数据文件中
1 Q8 U0 F$ e: o" T& J        2 使用require方法加载js模块儿文件2 _  N' V) M, @$ m
        3 template模块的使用9 s+ R8 j8 x) {5 p/ B; U3 S
第六章：构建新闻详情页面
( [( C( {% i3 T9 o. J        1 从文章列表跳转到新闻详情页面、: n( L7 g2 \- O4 b- v
        2 先静后动，构建新闻详情页面样式/ j2 B* C5 F9 S" H# A( f5 J2 R" n
        3 配置全局导航栏颜色% ]  V( c( J' i8 q3 {: i
        4 使用数据填充新闻详情页面2 j/ w1 v4 }4 Z) ]% Z3 F6 G9 o+ V4 _
        5 缓存Storage的基本用法/ f* ^; W2 |: H1 l
        6 使用缓存实现文章收藏功能
( \' a) {( @, K; K        7 交互反馈
+ f  X' s, s# D/ o/ Q        8 操作反馈
$ G" E& G& E6 M/ O        9 交互反馈
" ?  G, m5 {0 Q        10 同步异步方法对比5 E0 E  p: x4 m- A6 |
        11 palyBackgroundAudio音乐播放基本实现
9 K9 j' Y7 y: d6 d7 W; U        12 加入不同的音乐，个性化音乐播放  ?1 _4 {+ L5 ]3 O# @6 L
        13 监听播放事件完善音乐播放6 @+ r) r* N+ h- _' U
        14 应用程序生命周期% B" M5 X, J( ^& f. w4 w( Z: Q
        15 继续完善音乐播放& [- t/ n. c" a; K3 I
        16 音乐播放最终章+ R  x3 p5 I# N2 n8 C' V; d
        17 真机如何清楚缓存与template内路问题
: z! |! S/ Q5 W4 T& c第七章：开始制作电影资讯页面9 r( q) l( x/ s3 Y" `4 R
        1 Banner轮播图跳转文章详情
, w) m7 n1 L% h# I        2 补充内容：tap选项卡课前准备7 v! U1 |$ @9 @) [7 v$ s
        3 给项目加入tap选项卡
$ s: r# A$ r& ?' ~2 A2 x9 I3 H        4 完善tap选项卡
7 E3 A# u( Z: J2 v) F+ d. G* f+ h  O        5 补充：为什么redirectTo不出现选项卡
" l) @; d4 C8 h  _  ?        6 电影页面嵌套template分析
# _; A5 m8 M8 ~* {, q/ x' J8 ?        7 3个嵌套template标签实现
# x, C2 @6 J# H7 x2 h" h. h- R        8 stars template的样式实现5 e- q% U  c. P* h$ a4 X9 E% D- n
        9 movie template 的样式实现
. a& z$ e/ \% D3 F+ D        10 movie-list template的样式实现# q. l5 F3 u; Y' B; e. d
        11 RESTful API简介及调用豆瓣API
, {- H' B" V8 I- k1 d        12 获取正在热映、即将上映和top250的数据
$ m, m7 R7 _7 ~  U% S        13 电影页面数据绑定 上+ n8 Y! }* C5 A5 ?
        14 电影页面数据绑定 下
# a0 w" @, W6 h/ W6 v7 ^. p9 i        15 星星评分组件的实现! Z, L  ]) E/ t" D4 L
        16 更换电影分类标题8 Y5 e! L  e8 r0 Z( c$ I$ B
第八章：更多电影及电影搜索页面的实现+ }, ~, {" o, w: u( Q
        1 更多电影页面的编写思路
9 Q& v4 Q1 F( `4 b4 Z        2 动态设置导航栏标题$ g9 `1 l+ K/ l6 w  q1 t
        3 更多电影页面加载数据, G3 ]2 D1 N7 u, l0 |  p- \0 p
        4 实现movie-grid template3 b1 o1 e) F( F2 ?
        5 实现上滑加载更多数据" b( R; A' g1 i1 r1 U$ u
        6 设置loading状态
) u" X* U: f/ i        7 实现下拉刷新数据
' w$ K, j* s& z1 T        8 backgroundColor 1 f2 C* y7 r& j6 @; S  d% ^" F
第九章 构建电影详情页面1 W- `% t8 B0 x' [5 k0 z* l
        1 电影搜索页面构建 上
+ M6 R* D7 O  T" \4 m/ T/ J        2 电影搜索页面构建 下! g; O: i3 J2 P
        3 tabbar的图片路径不要使用绝对路径6 t" w. t3 L. G" z2 P" J
        4 修复音乐播放完成后图标状态
6 }( G+ f) X( h. R9 L. U        5 编写电影详情页面 上1 i1 N% [! Y1 `6 F
        6 编写电影详情页面 下
) H$ c5 X& f8 f2 @        7 图片的缩放与裁剪6 Z- D. c8 F4 K6 _6 H6 O, o& r* d1 C+ B- R
        8 新版本更新后的补充章节
) K# T+ H' X1 b  L% p! I% ]; K8 n        9 编写电影详情页面骨架
$ J! |, o* y+ n, E' K0 ~        10 完成电影详情页面 上
. a& e. i- P+ ]; ^% c        11 完成电影详情页面 下9 ?. e9 J3 [' S2 y* g$ I
        12 小程序Q&A# b: C& I$ h9 ^, L1 E- X
第十章： Form表单类组件与Map地图组件
4 T1 d: Z; t+ ]+ n) w2 h$ Z        1 form之switch组件5 J* k9 J9 A8 ^" V1 M
        2 form之slider组件/ Y, _0 h$ {  N) s! X5 I. o/ {5 K$ C: S9 N
        3 form之radio组件# m! ]$ o; j; E. T6 u" W
        4 form之checkbox组件
/ r, R5 ?  i# p" T8 n; X        5 form表单提交
+ R" W% k6 \4 j        6 map组件
- ^6 C9 w( P, F1 h

: C' h6 R0 ^$ i8 P( ?



欢迎光临 漫潮者,私有云,NAS,新媒体电商.软件开发,商乾 (https://www.aurrel.com/) Powered by Discuz! X3.4