|
课程介绍： 本次课程涉及的知识点包括： 移动端H5、CSS3、JS、滑屏、HTTP协议、AJAX、跨域、前后端交互、PHP、mySql、jQuery……配合这些知识点，讲师写了一个H5播放器demo，用来演示一个H5播放器究竟如何运用这些技术。 课程案例： 以下演示仅展示了授课过程中“播放歌曲功能、歌词同步功能、拖拽播放进度功能、暂停播放功能、歌曲切换功能、留言功能”，而其他许多商业播放器的功能并未全部完成，毕竟此案例仅作教学之用，因此许多产品交互体验上的细节讲师并未开发，特此说明。 课程大纲： 第一课：7 J/ i. j& ~; @4 A4 o5 e! z
传统交互与ajax对比6 a- `. ~8 B" M
什么是ajax
6 w0 D, Y5 G; e7 ?! O同步与异步# N% M+ `$ z- |- X$ [) w% N# Y
搭建wamp环境. P6 T$ N+ n- p* a/ S _1 ]+ ~
前后端交互原理& X* ^/ x, x6 \3 ~8 I
PHP基础语法* j* A7 _- h$ n+ }
MYSQL基础语法
4 A+ U; d1 k% O% o: @$ g; NGET和POST
1 K7 s9 }/ i7 I) P2 hXMLHttpRequest
- Q- |5 ^& x$ kopen
6 O% X: ?9 D) L' N% jonreadystatechange9 q" f+ `$ H2 h% i7 B
send
8 X( w( j/ l; I$ p$ v7 jHTTP协议
. n$ D6 e- c8 R+ DreadyState
8 Y) u! G# h8 a) gstatus5 i+ c+ ^1 X, E3 l1 `7 J
statusText& ?1 V) v: v6 o# @+ D! |* u. D
responseText2 ?% D1 M" M5 b* F! Y
JSON.parse* _! y8 ] }0 a9 a' d$ ^1 ~7 f9 L% V
setRequestHeader" @- r, G- }+ l3 C7 Q8 ^
jquery中ajax使用方式
; ^5 ]' x3 |2 `$ B9 b/ ]第二课：
: k# q$ P9 A" A' J5 X. JPHP与MYSQL深入) k% z8 R9 _" `) K
搭建项目初始数据0 _2 l$ v( {& ^5 E; u
兼容PC与移动端
# P. N/ W; i. L Q- ]4 R列表页制作, G1 X9 d# j- T# }
ajax方式初始化列表
& I. F+ N! k: N/ l! V; ]第三课：
8 H& z- V+ j' @模拟缓冲滑动
* y: ?: j( z9 q6 h, e播放器制作2 r( K# n2 m1 M
播放时间与进度2 C+ _: U; {/ V. L" e
ajax方式请求对应歌曲% N$ @2 G8 J9 y7 p) [
第四课：3 c+ b- E% S9 ]( B" }
同步歌词制作 x5 r. i' u2 o/ ]# B E1 }4 H; J0 l
左右划屏制作* i F2 q U! Y. ^8 [% p
留言板制作- @, u7 K) p/ O% w" j) O
关联表创建$ \+ |; N. ^" z( M
ajax方式初始化留言3 o8 s: {. C! p1 f- B
ajax方式添加留言/ n* Y+ t, d8 D( ?
第五课：
6 c6 }4 g, o. r7 m1 g H完善项目和BUG修复
& f0 X" F4 |& L& J' [XMLHttpRequest29 C x9 {$ @; n
onload
& j7 f- f; T2 f# q" s5 a. Jtimeout
2 w& g6 R6 r8 K' K: }9 bontimeout2 V' _ G9 j t6 s4 L, t- c- @4 h5 u
responseType
2 b3 P# F% c3 q: p. d' mresponse
! @- `# {& v0 [8 jmimeType
2 }' p* Z) b9 t$ X上传文件方式' q6 F3 x; ], U4 C
FormData/ X( n, P7 N5 t: T
progress
. L5 ~1 {$ v5 W4 k! K跨域jsonp
7 W8 T: H5 X; k$ z+ i. p$ u4 f跨域cors
- M# M9 |" ^/ P4 P& V复制代码 上课时间： 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元/人
# b. i( B, N# a. X7 Q( P | 
发表于 2018-7-24 15:24:17
发表于 2018-7-24 15:32:59