|
课程介绍： 本次课程涉及的知识点包括： 移动端H5、CSS3、JS、滑屏、HTTP协议、AJAX、跨域、前后端交互、PHP、mySql、jQuery……配合这些知识点，讲师写了一个H5播放器demo，用来演示一个H5播放器究竟如何运用这些技术。 课程案例： 以下演示仅展示了授课过程中“播放歌曲功能、歌词同步功能、拖拽播放进度功能、暂停播放功能、歌曲切换功能、留言功能”，而其他许多商业播放器的功能并未全部完成，毕竟此案例仅作教学之用，因此许多产品交互体验上的细节讲师并未开发，特此说明。 课程大纲： 第一课：, n+ G& Z; S9 j9 c7 S( ^
传统交互与ajax对比+ ?2 K% ]: C! A- ~* m0 P3 y
什么是ajax3 y5 |( E. U2 y% U3 k
同步与异步4 [5 W/ e# |* @4 D N( ~ A; e: g2 O
搭建wamp环境5 Y& ^6 Y3 x2 L) y7 H
前后端交互原理
/ `% T+ o, u, N7 ` TPHP基础语法
: p0 J& C, p* [+ A3 T) {MYSQL基础语法$ a, T' D# A5 g: V6 W
GET和POST1 ~/ R+ Z1 [. u2 H: w
XMLHttpRequest6 ^$ j2 y! U0 f3 D% P' V7 t
open1 v: H' Z, B2 b# p2 \. ~" H
onreadystatechange: i1 i- ~4 D5 I. h! J5 k3 c& p' b
send
9 `: `7 J) K! w9 `2 x" t# WHTTP协议
8 S5 u; l9 Q1 n% `+ i) n4 N LreadyState
2 t! X* ~) U$ s* U# y: |" vstatus
9 c7 u0 r) }& L# m9 u5 o; i5 QstatusText/ [) b1 F4 e* F# b: m. v
responseText
( x; Y Z4 }7 `& MJSON.parse
6 F/ D. k/ M, c" i" R; qsetRequestHeader
, q' r9 S4 ]/ W' tjquery中ajax使用方式
% o6 A6 D; w' t: ?. U; a* N7 C. r第二课：# |" h. G7 o5 f) T. y
PHP与MYSQL深入( W$ i+ c8 X6 n9 I" z
搭建项目初始数据
. W7 J8 e- M' ?# ^) U) C1 Q兼容PC与移动端
9 G+ b& `, v3 [2 j* S, b列表页制作
) m \8 o4 J# o1 |ajax方式初始化列表$ s3 h+ c. Q4 i) P$ t
第三课：/ X( C' \# e* I5 Z4 U
模拟缓冲滑动" @4 M) K& w& n" m9 N2 x c8 m
播放器制作# k$ }+ ]8 R5 Q) L$ r3 Z
播放时间与进度
$ c l+ T5 D) u7 S. M3 |/ Lajax方式请求对应歌曲
4 K7 ~! W+ u$ G& e w' e第四课：
5 E, P. h; _, _% h& r% J同步歌词制作
/ B. T6 ?/ ~$ Y, g. {) p! v左右划屏制作
; p, r5 C3 {2 l" ^9 o4 d+ [- Q! I. H# R留言板制作+ o- R; n) r4 v# W; s7 @
关联表创建
* J5 k8 Q0 g5 |) g4 A5 L+ C/ ~$ Majax方式初始化留言
( I) L, Y0 @3 ~* o% Dajax方式添加留言9 m, @8 J* o+ ^) C. Y& Z
第五课：
8 S$ l) A" O& M$ O. T" A完善项目和BUG修复
- W6 | H* ?, J" y9 A7 {XMLHttpRequest2
: {$ A% V1 f3 N" D t- Nonload
0 k9 @5 s: M9 ]5 X" O. ptimeout
% y7 Q, M$ `# |5 ?+ pontimeout* n) ^& U& j1 E0 o
responseType+ M8 E4 }" J1 j6 u6 F
response
, b8 L/ y9 n, O$ H& {5 N) ?3 m# HmimeType+ y" o6 z B- X' x2 I) x8 A
上传文件方式
) b; Q, Z- o) H. \& l! M. o6 _( lFormData
" i X0 {7 I; z0 U5 Iprogress
0 s: o+ w( Y8 y+ g6 B' ]6 }4 A跨域jsonp3 H: z9 q8 [+ _+ P2 }- T7 \
跨域cors) H9 m- l3 K- I. U5 M3 n
复制代码 上课时间： 11月21日(20: 00 ~ 22 : 30) 11月22日(20: 00 ~ 22 : 30) 11月25日(20: 00 ~ 22 : 30) 11月28日(20: 00 ~ 22 : 30) 11月29日(20: 00 ~ 22 : 30) 学前要求： 熟练掌握PC端页面布局，有一定 JS\H5\CSS3 及后端基础知识储备； 上课形式： 使用YY远程授课，讲师现场讲解，课后2天发给报名学员现场讲解视频； 学习费用：760元/人 + ?0 o6 H" C# h' ]3 M" O, b( c5 M
| 
发表于 2018-7-24 15:24:17
发表于 2018-7-24 15:32:59