|
课程介绍: 本次课程涉及的知识点包括: 移动端H5、CSS3、JS、滑屏、HTTP协议、AJAX、跨域、前后端交互、PHP、mySql、jQuery……配合这些知识点,讲师写了一个H5播放器demo,用来演示一个H5播放器究竟如何运用这些技术。 课程案例: 以下演示仅展示了授课过程中“播放歌曲功能、歌词同步功能、拖拽播放进度功能、暂停播放功能、歌曲切换功能、留言功能”,而其他许多商业播放器的功能并未全部完成,毕竟此案例仅作教学之用,因此许多产品交互体验上的细节讲师并未开发,特此说明。 课程大纲: 第一课:
, u, _) X* x& N传统交互与ajax对比
2 D: v& O# b8 J; O+ K什么是ajax
* ~- }. S- O3 h2 G* b& @同步与异步" q# @# `: J) m; S
搭建wamp环境
6 Q6 d/ w6 q8 k4 H前后端交互原理) y5 y& d1 N% S; d9 ?
PHP基础语法
$ _9 ]$ p2 ^8 Q& z3 [MYSQL基础语法
! g+ R: {% t" s9 `3 C: p1 HGET和POST
" O6 r# R; k7 EXMLHttpRequest
7 t3 d/ p' K; }0 n1 s! z/ a% E$ Vopen
3 ]4 H l3 T$ n5 Y- q) ^onreadystatechange
- ]9 P b" e% [5 q# Esend" T& a5 I: z% T
HTTP协议
# ?* ~: p9 \% W; [5 p' a: treadyState
3 i1 W* G" R" \! B/ Ustatus
, e4 o% d+ p- u- I; [9 g; xstatusText' f5 o0 v0 `$ g$ n. q8 p
responseText
8 u/ [# N5 X2 T" K& ZJSON.parse" ]7 n2 {" H8 x* t
setRequestHeader2 J6 o* E1 r$ \) W p
jquery中ajax使用方式
8 p6 M6 D% Y% y8 S/ L第二课:
, ?1 j, w A1 i6 F% yPHP与MYSQL深入
) v6 B9 i4 Z, k+ w搭建项目初始数据# @3 k3 w* R a# t6 B
兼容PC与移动端2 ^7 {" W: s; Z/ y
列表页制作
/ Q$ S3 e8 C, n8 O& Rajax方式初始化列表
4 \: V. h$ e" @5 W& Q: X第三课:2 N0 z4 i- b6 j' x! y: j+ _
模拟缓冲滑动$ g3 ]8 g; f4 |; m+ r
播放器制作$ Q; ]. v3 a& O* \7 g
播放时间与进度
$ a; m7 I* w. F: o3 oajax方式请求对应歌曲/ t D- c+ E& ^! ]; b# U7 D8 n
第四课:. k) M4 B7 Q! I8 H
同步歌词制作# h: `1 x1 C3 J, F0 M9 ^
左右划屏制作+ T U% ]* y0 f: ^. c
留言板制作3 d" R8 a0 y6 K+ E4 H# Y
关联表创建+ l' V+ ~* y; V9 n
ajax方式初始化留言& z: Q* M( a& e6 U0 v0 R
ajax方式添加留言
+ E- M( a V, { @4 \. W' ^第五课:
v) N! L. x* z& p8 W1 f完善项目和BUG修复
! G' c5 K5 C5 N' ~( Q/ u: h& LXMLHttpRequest2- L/ I" t0 @& p6 Y/ s
onload% p |/ F( u* k
timeout
2 `' p5 b* n- b* montimeout# f& t$ }7 R. `% Q9 B1 X- S2 N
responseType
! y* {- M0 ^; P. Vresponse
. j3 W8 Y/ {0 Q8 }, B7 p7 fmimeType. e5 ]- \; F9 |; K1 T0 f/ l9 f
上传文件方式
. i7 d- p1 P+ a7 b/ G, o7 a, g4 nFormData
% B& _& o( p4 ^progress
# H- `2 `% R4 F& A) g跨域jsonp
% `, i, Y" t# ^9 ^, M跨域cors' b2 Q a9 s' _3 {; v! q
复制代码 上课时间: 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元/人 7 b) D8 u( n9 O" F
|