|
课程介绍： 本次课程涉及的知识点包括： 移动端H5、CSS3、JS、滑屏、HTTP协议、AJAX、跨域、前后端交互、PHP、mySql、jQuery……配合这些知识点，讲师写了一个H5播放器demo，用来演示一个H5播放器究竟如何运用这些技术。 课程案例： 以下演示仅展示了授课过程中“播放歌曲功能、歌词同步功能、拖拽播放进度功能、暂停播放功能、歌曲切换功能、留言功能”，而其他许多商业播放器的功能并未全部完成，毕竟此案例仅作教学之用，因此许多产品交互体验上的细节讲师并未开发，特此说明。 课程大纲： 第一课：! j. \9 _* i" Z
传统交互与ajax对比" P' {" A$ A4 Y$ J8 W. T+ Z
什么是ajax' @$ o3 W, ~7 L5 c4 ]3 X
同步与异步
' ]0 R8 J4 u. J! c. Q# k# {) }搭建wamp环境
" A2 w: `% }/ z前后端交互原理
) S" Q* S& ^) F! @9 MPHP基础语法4 ~- x5 Z: ]5 v* x- K7 p
MYSQL基础语法
5 w$ n/ d( Q: ^$ [" A |5 ZGET和POST, R* X! L: @0 n! z; S
XMLHttpRequest
% d ]( [3 y6 K7 nopen5 Q3 h: Q I1 K5 s' I, l
onreadystatechange
) r+ {* t5 P( j" Ssend, D) p0 {6 W% N$ ?; x
HTTP协议
7 v, ^. a2 I/ W) R4 B+ freadyState* t) J& r$ T/ H* j+ u' a% t
status
, r! h e4 u% m R, f8 ?: |statusText
. j: f0 ]3 ~, tresponseText$ n7 F7 R7 {1 v
JSON.parse/ f4 z2 Z7 e+ H1 s1 S5 F
setRequestHeader
' r: F/ ^( R# D) a$ A. Ujquery中ajax使用方式" U+ Q2 n3 |7 x4 ~5 O8 }
第二课： n. l2 ]4 L7 |0 D8 _8 [# a. c
PHP与MYSQL深入
: s" e: s4 A6 D' _- C搭建项目初始数据
& z3 p4 a J- {6 _6 b" P兼容PC与移动端
" w( f( I( B5 n5 e列表页制作
: l5 t1 }' d. U3 \ajax方式初始化列表0 `* G2 {% K% i) {( j
第三课：
: x: t U3 x2 e5 O: k$ d模拟缓冲滑动+ ^$ F8 p% O2 }% t' m$ j' N. ~
播放器制作
- v( Q U! _8 @& u; ?播放时间与进度9 P* }1 O2 h) _; \$ N" o
ajax方式请求对应歌曲' G$ s( @! G6 m; M& I: c
第四课：' |9 a7 J; R! h% q. q- p
同步歌词制作
/ }' F. G; l% D- ~6 r左右划屏制作& j3 H% i2 E% [& r* i5 t* |
留言板制作( m9 C; D3 N* z/ U, Z' x8 Y* a5 ?
关联表创建7 q$ B1 [8 |4 `
ajax方式初始化留言
, a5 |' D% ]6 q6 u* q0 \7 [ajax方式添加留言
' ^% w; r5 m5 F3 v第五课：$ d" K" }1 k* D* Z' z
完善项目和BUG修复/ [! Q- T) t* N+ G
XMLHttpRequest2/ |7 z( ] S8 p/ s
onload
1 _, s9 n& _) Mtimeout' F0 `% w, }( G' u( L3 f0 E2 f& N
ontimeout
0 H: t% W o4 aresponseType' R* A/ O- U/ G, [
response
1 z% z5 Z; g( k6 s' `mimeType. J0 t3 W& U; `- ?* o
上传文件方式
, T1 C$ P# p2 |9 S5 W0 SFormData
1 y0 D0 u1 P' u4 Y9 J2 Yprogress* e& C3 @+ S$ w5 @
跨域jsonp
7 o& v d# M. x- p& N4 }# `跨域cors5 ^( H7 u2 g: \# k5 c
复制代码 上课时间： 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元/人
4 Q5 q3 x* H# c) ] | 
发表于 2018-7-24 15:24:17
发表于 2018-7-24 15:32:59