|
课程介绍: 本次课程涉及的知识点包括: 移动端H5、CSS3、JS、滑屏、HTTP协议、AJAX、跨域、前后端交互、PHP、mySql、jQuery……配合这些知识点,讲师写了一个H5播放器demo,用来演示一个H5播放器究竟如何运用这些技术。 课程案例: 以下演示仅展示了授课过程中“播放歌曲功能、歌词同步功能、拖拽播放进度功能、暂停播放功能、歌曲切换功能、留言功能”,而其他许多商业播放器的功能并未全部完成,毕竟此案例仅作教学之用,因此许多产品交互体验上的细节讲师并未开发,特此说明。 课程大纲: 第一课:
, P f- \1 |2 ~' ^1 a$ k传统交互与ajax对比4 i2 d( I$ }" R( d, ?" l
什么是ajax
, X4 g B8 R$ g- h同步与异步
6 i6 J9 ?: X$ z4 u* i8 D/ c搭建wamp环境5 `# y+ s- q: A# J `
前后端交互原理
9 a# w# A" O8 C! T$ f5 {6 `PHP基础语法2 i3 q9 v" E. v+ }9 a; M: o
MYSQL基础语法
) |, Y) t/ @6 S3 \GET和POST
1 j9 n1 r: a& ?9 X) `, E- @. hXMLHttpRequest
3 \$ H1 ^) y% c+ N2 topen$ U9 n9 U- _5 Q0 q* y
onreadystatechange
3 |% E3 _3 ^9 X% ^+ usend, C6 l4 O4 z2 ]! F% x8 A! s
HTTP协议7 G' n! g) \& J w
readyState
! h) V( m# `- G/ Qstatus
4 E& I0 _% @" q6 H, N6 CstatusText# ` c# o: `' {, @/ n
responseText x0 S5 L% w& M% q! a! x) P7 l
JSON.parse6 @; m0 a: q- {6 h
setRequestHeader
0 y& k6 Q. I' Z/ I# ?jquery中ajax使用方式& D1 n5 `9 f6 R& i2 w% k3 p
第二课:# C8 _* K/ s/ X- Y% Q( |
PHP与MYSQL深入
1 B! S4 p5 M4 f6 L) _搭建项目初始数据
+ W0 C+ v m& P兼容PC与移动端1 i( |; G" c' l6 f4 ~6 C4 l
列表页制作
5 d; J1 v' `+ c+ x" v3 I9 f; kajax方式初始化列表% f& X# w8 u) X" z5 Y4 ]* z
第三课:
6 O1 Z4 w) N4 W( A8 M- @# y5 g* S模拟缓冲滑动
. u! u4 M' m/ H( R P# G* _播放器制作
% c- F! p6 Q" [& C* {! s+ n播放时间与进度
2 [; g1 E1 ]5 A9 W. X- [0 tajax方式请求对应歌曲& a5 l1 Z% P$ E
第四课:( r6 b. Q" e& k/ Q6 x$ q; ]! V
同步歌词制作/ @! g& r/ U; n1 N( X
左右划屏制作, _6 E% r: Y) G1 Z: c# k6 v! q
留言板制作
# _4 R" l: P6 i- x" o关联表创建9 H3 ]- m, l( ^
ajax方式初始化留言
2 P2 e+ E6 B7 p r/ `ajax方式添加留言
" b" Q" e% L6 l$ }4 k第五课:7 q5 H, A0 o7 a, Q
完善项目和BUG修复& I/ E3 h" b3 V7 q. D' M$ l
XMLHttpRequest26 M5 o6 R3 T( v) A
onload/ S( H5 R+ r* S+ y7 n
timeout
( X. A( y& d f. L4 ^0 c$ iontimeout; ]9 C6 a* D, P4 c
responseType g' E$ T5 ~. C2 S$ M: C! c7 |
response
& Q6 A/ `' W2 ~6 P8 V/ ymimeType* W+ }0 V" ^0 I: r1 ^4 b0 E1 `2 k
上传文件方式4 D: V7 [$ H5 g3 C2 z9 R* K
FormData
* X7 t: P8 Q" B6 F; G# U4 ^progress
+ ]+ V: f9 L5 n8 Z" X+ A) k9 y& ]跨域jsonp
& u9 \3 O$ Y7 z1 C9 `4 X$ t& Y, g跨域cors
( C1 ~" a, z! 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元/人 ; _. X& ^$ \/ w8 {0 u- X
|