|
课程介绍： 本次课程涉及的知识点包括： 移动端H5、CSS3、JS、滑屏、HTTP协议、AJAX、跨域、前后端交互、PHP、mySql、jQuery……配合这些知识点，讲师写了一个H5播放器demo，用来演示一个H5播放器究竟如何运用这些技术。 课程案例： 以下演示仅展示了授课过程中“播放歌曲功能、歌词同步功能、拖拽播放进度功能、暂停播放功能、歌曲切换功能、留言功能”，而其他许多商业播放器的功能并未全部完成，毕竟此案例仅作教学之用，因此许多产品交互体验上的细节讲师并未开发，特此说明。 课程大纲： 第一课：8 @* X# L4 Q A ~/ f
传统交互与ajax对比
* U% R+ w2 T6 R. b" I什么是ajax2 U8 h( N' r- U: G9 j
同步与异步
5 ~9 L6 v5 v) y( [, s搭建wamp环境
( j4 ?5 ^+ [9 j( C, e' F前后端交互原理5 F: K* i% |& f7 {: L' L. L; U
PHP基础语法% K" k1 ~' w( i8 J, |
MYSQL基础语法0 f. g# g5 Y9 F
GET和POST
8 z: i* ^$ V7 \XMLHttpRequest
Y2 x4 E# w8 H7 s) S: Z+ s5 Yopen* Z! a* i# y- G
onreadystatechange
$ _$ y- T2 i* I; }: T* |4 E; Vsend
# O6 g; o d! s+ V6 O- i& r& CHTTP协议/ D$ T c( ]% B/ o1 f- y" I
readyState
# S. A, G5 B/ n) Nstatus
7 ^5 f$ P8 F* f3 H6 ~/ K( r0 C( EstatusText$ D7 _6 @4 c; B& c9 O
responseText8 C/ v' }& I% e) l2 I
JSON.parse
' t) X: `% ]* M' Z6 I4 HsetRequestHeader6 h5 F* e9 S E3 C* {+ }0 B
jquery中ajax使用方式
4 R0 ]8 U: e$ q# l3 n5 h$ ]第二课：
8 F& Z2 I6 t, ]* A; ]PHP与MYSQL深入
1 K/ X. H7 @6 j0 y搭建项目初始数据1 v2 q/ p$ c: O8 I$ I. H* h
兼容PC与移动端3 j! N7 }' b( N0 q6 H
列表页制作
+ x" H! e( @, {7 d0 qajax方式初始化列表
/ T7 V: K+ i% Z- i7 B, | Q, i第三课：
m0 r5 C# ]3 `; Z4 v模拟缓冲滑动
* R M) l/ R3 I* d* w) a& P播放器制作: F% ?" L4 ]/ o; V9 G# }5 Z6 t
播放时间与进度
1 Z3 B' s" n) K* bajax方式请求对应歌曲9 b& Y! s% G3 w: F s
第四课：
: S' `" ?7 |7 s, F同步歌词制作
1 K5 f9 u4 h- h左右划屏制作* }3 u6 i. l5 v4 B0 H& A
留言板制作
. J/ r* V9 X! c. m Z! S0 X关联表创建
7 |; e& k* Z+ t5 h) m+ _- Lajax方式初始化留言( q; N' z- x4 C0 `) A
ajax方式添加留言* h9 O |/ @ c+ O! S- X( O
第五课：
) o) D# _' y0 x! O1 P1 u3 B完善项目和BUG修复
" F; @) T( |7 K/ NXMLHttpRequest2 @8 r7 L& X9 }' Q5 y
onload
& B. D3 ?% ^7 f7 W1 Y7 B a. ?( Gtimeout
7 d, F7 Q# h1 p: [9 }ontimeout
+ H0 U: ]. X% Y5 wresponseType7 H8 y# Q+ J5 d+ z: [( r$ R
response
8 t: H) H0 O0 C* N& VmimeType) M$ t: Z% L" q ?$ x( k! b+ r3 }
上传文件方式
! f9 A8 P: ]* G1 i% x( H OFormData! e- m0 o3 v1 B5 K+ k
progress# i& P/ P+ m* e. {/ r \# e' t
跨域jsonp4 f) n. B d) Z/ v6 `3 {
跨域cors
5 L2 R$ i4 G; c- `. o复制代码 上课时间： 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元/人 ) i. x# I, a+ Q* p1 Z$ U; q' g
| 
发表于 2018-7-24 15:24:17
发表于 2018-7-24 15:32:59