|
课程介绍： 本次课程涉及的知识点包括： 移动端H5、CSS3、JS、滑屏、HTTP协议、AJAX、跨域、前后端交互、PHP、mySql、jQuery……配合这些知识点，讲师写了一个H5播放器demo，用来演示一个H5播放器究竟如何运用这些技术。 课程案例： 以下演示仅展示了授课过程中“播放歌曲功能、歌词同步功能、拖拽播放进度功能、暂停播放功能、歌曲切换功能、留言功能”，而其他许多商业播放器的功能并未全部完成，毕竟此案例仅作教学之用，因此许多产品交互体验上的细节讲师并未开发，特此说明。 课程大纲： 第一课：2 f1 U% B9 t# n: `
传统交互与ajax对比
/ U# j9 q" j1 r5 \" Y9 k- ~什么是ajax
9 Q/ M3 d4 v+ U; U8 V同步与异步
0 Y8 Q9 i$ W$ f, K% L& O3 D7 b搭建wamp环境! P! E9 A6 h, l' X5 ?% y) w
前后端交互原理
@: ?, a+ M- ^( aPHP基础语法6 z8 Y2 z; }; M# s; y
MYSQL基础语法
p" w, J$ H4 z/ [$ s5 B* mGET和POST5 |/ _7 E1 f+ L+ ]* r
XMLHttpRequest
! F8 v9 R- S+ ~! N" topen
5 w% d/ O) C& _# T5 z( }% u2 `onreadystatechange
' a8 q4 {- O% g3 T5 R- x3 t- Bsend7 ]- } x$ O; m9 B
HTTP协议
0 k, m. O+ N9 ?- dreadyState
1 d8 l3 x6 a* cstatus4 F$ ~ g+ r2 X% P7 J: f
statusText
+ |' z3 Y' J4 a4 O. |5 t9 Y" ]responseText$ ]6 k3 B; N0 s0 C3 x) |
JSON.parse" X+ v k" c. z% g7 r: {" K
setRequestHeader
: H& K2 |+ G$ |jquery中ajax使用方式
( d8 q q; }( U第二课：* w6 i- d, ]4 v5 Q, `2 Z1 X Z
PHP与MYSQL深入
* Q+ ~" O6 I5 [搭建项目初始数据5 U P8 ^* o2 X7 K. f0 M
兼容PC与移动端 I) o: D7 ~6 E% V
列表页制作9 v: m3 J T! M. @3 i* h
ajax方式初始化列表
6 y3 d+ E6 a h- T第三课：
# u% }- g( O% w- C模拟缓冲滑动3 v1 m" S* ?5 P. N
播放器制作" X, b1 {. N" O' B( Q8 I
播放时间与进度
) M1 u" f8 p6 l" Tajax方式请求对应歌曲
/ ^+ A% s! g4 v2 W: _8 T; C第四课：! x8 ?; m& R. j2 C W$ I* J
同步歌词制作
& X( Z& {4 J6 n) f( i左右划屏制作( }( |% S8 R. t/ m/ B
留言板制作
1 ]3 E3 {* a9 X关联表创建8 ]0 E, i' X& f
ajax方式初始化留言% E P6 W8 s9 D7 a
ajax方式添加留言. X' w( P' f* y
第五课：
) B& Q! ^0 C' t; _9 T' Y完善项目和BUG修复) X& ^8 E& i3 n) T
XMLHttpRequest2
$ e! I9 u8 h- k8 xonload* D% `9 d% {+ t, u# I( {+ u
timeout
/ x" U' B: V# G/ o) I1 J' @9 r4 s' Pontimeout
8 e! e: X0 L) f6 s5 H5 m+ c* z5 zresponseType. P6 x5 n9 J( g- [
response
- F9 `# L2 K' H' C9 kmimeType) y8 y% \4 r7 l# q3 S
上传文件方式' O2 Z$ ~ w# c3 c( z3 b4 K. q
FormData$ p3 u, c$ Z3 W) ` w
progress
9 {5 \- ^1 z& y( ~# U- d' R跨域jsonp3 P0 p5 u6 S8 k
跨域cors9 z1 |8 M, U' b: v6 S0 }+ 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元/人
& O5 ?( r; n5 c | 
发表于 2018-7-24 15:24:17
发表于 2018-7-24 15:32:59