|
课程介绍： 本次课程涉及的知识点包括： 移动端H5、CSS3、JS、滑屏、HTTP协议、AJAX、跨域、前后端交互、PHP、mySql、jQuery……配合这些知识点，讲师写了一个H5播放器demo，用来演示一个H5播放器究竟如何运用这些技术。 课程案例： 以下演示仅展示了授课过程中“播放歌曲功能、歌词同步功能、拖拽播放进度功能、暂停播放功能、歌曲切换功能、留言功能”，而其他许多商业播放器的功能并未全部完成，毕竟此案例仅作教学之用，因此许多产品交互体验上的细节讲师并未开发，特此说明。 课程大纲： 第一课：
4 S2 i4 k5 ?1 G8 |4 _7 |传统交互与ajax对比
$ a' L, t% F4 c# p+ O( _什么是ajax
; Z- a# m$ f$ O5 }/ I6 u* r1 }- f同步与异步! f0 I) f; K* O- a1 I
搭建wamp环境
' {/ u! ]8 @" g5 ?: C0 A3 ?前后端交互原理5 U# F, {8 o1 w- E" r
PHP基础语法" l; _ ~1 A4 Z6 V
MYSQL基础语法3 o# C& G9 @% d; n) l
GET和POST# q3 ~$ o0 W$ a- X w i- N. T
XMLHttpRequest
' @& v* c9 q- v2 T5 B Z. @' Mopen3 N, ]# n3 }2 a& n! y0 B
onreadystatechange
8 u: U2 U; }& asend
* @: a+ s4 u: u% b" tHTTP协议
- H1 U6 z+ _$ [$ TreadyState0 ^6 u4 N, n2 _3 C2 ?
status
9 r2 W) C- w& Q0 P V# @& astatusText
% w, s/ [+ w4 P) T; k5 _responseText
' H( j7 J, k2 a) y, ^JSON.parse$ h" x6 Z- L" }+ ^, \
setRequestHeader
& b4 k& ~/ N3 Rjquery中ajax使用方式
( S# `, Z( I5 Y第二课：
9 s2 ], d2 u* `4 }% y8 i- X1 aPHP与MYSQL深入6 x4 |" k% o4 R& n& Z
搭建项目初始数据
* }0 | ^ H; W5 i. B" S/ A兼容PC与移动端
5 U0 E1 i! ^$ H( Z9 w1 _3 {9 ]列表页制作 J" G& o$ P( K
ajax方式初始化列表
; I$ l2 \4 A5 ]第三课：
' H2 h' H6 _5 N' Y模拟缓冲滑动( m3 j k2 B5 B8 O4 M( ^; ]
播放器制作
9 q5 ^5 Y& k) i+ ~播放时间与进度
% m' z. D3 T! ~% x( [- T2 yajax方式请求对应歌曲
, F0 W+ v r+ |5 Y2 R第四课：" c: V. m% E( H
同步歌词制作
' z; b3 z' t, h4 U% l. u左右划屏制作8 ^, j6 J/ m& k' U7 x& _2 {
留言板制作
6 t+ V( ]* S6 f( }: F& C- v$ O关联表创建
3 w* b2 r4 L& fajax方式初始化留言
, \ d7 N4 \4 m* Y/ Wajax方式添加留言* x/ b1 j3 x& Y! p: K' d
第五课：
+ T( `+ L' i8 W1 ^完善项目和BUG修复
& \2 Q! L$ h2 R* I0 @XMLHttpRequest2
# R. ]- @( F* Y$ A4 k j8 Lonload
# ?- ]! s$ @: x: Ktimeout
5 i4 w. h% u6 p) J% G2 `4 i: lontimeout0 P( b2 Z2 F5 D* V7 f, G% A
responseType
8 h5 a1 R; s: v: A3 j; I2 h* `response
) F6 c" k- Y* E8 Q/ ~mimeType* G) H! z" n/ _' x9 d, E
上传文件方式
8 l: f6 C" R- N% h: q9 w/ r3 ZFormData* C8 c3 q/ l% s3 R% E
progress9 e$ E, Z7 Z! R; W" m% H4 f d: [
跨域jsonp
2 V" D4 F/ N) M跨域cors
# H* }( O9 X0 y8 n$ w复制代码 上课时间： 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元/人 # `! L& y( w, I- Y) I( n
| 
发表于 2018-7-24 15:24:17
发表于 2018-7-24 15:32:59