|
课程介绍： 本次课程涉及的知识点包括： 移动端H5、CSS3、JS、滑屏、HTTP协议、AJAX、跨域、前后端交互、PHP、mySql、jQuery……配合这些知识点，讲师写了一个H5播放器demo，用来演示一个H5播放器究竟如何运用这些技术。 课程案例： 以下演示仅展示了授课过程中“播放歌曲功能、歌词同步功能、拖拽播放进度功能、暂停播放功能、歌曲切换功能、留言功能”，而其他许多商业播放器的功能并未全部完成，毕竟此案例仅作教学之用，因此许多产品交互体验上的细节讲师并未开发，特此说明。 课程大纲： 第一课：5 B, d# A1 _% I% |3 O
传统交互与ajax对比* ~6 h" |( O% Y! f! k7 ~( \
什么是ajax! V! u7 N% M3 s( R+ D: H7 ^8 ~& I
同步与异步) a" E$ \1 p0 M' L- B: k. [
搭建wamp环境& B2 R4 l2 C: W. C& T
前后端交互原理
$ R5 G8 p8 H v6 V$ a0 I- _. PPHP基础语法1 t: U9 o3 w8 ~9 r
MYSQL基础语法
. P1 S$ i3 A, y0 k% H, @1 QGET和POST
0 Z; r5 X) D6 L/ P4 C# M$ X, }+ dXMLHttpRequest; ?$ O; |; C, A# n
open
1 i0 C( |- V7 ~, a/ o; monreadystatechange
2 k# l' C! f' Z& ]) k u( z! Qsend
' w3 `1 [3 Q3 c" O- s8 JHTTP协议
' i6 b( N$ b2 `readyState
1 `6 S' w8 j% |% q# _status4 W6 }* }9 g0 _, L( ]. B, {
statusText# o8 `4 B- q. ~4 u$ e. F) }
responseText
# V6 ?& a# y( R1 hJSON.parse1 Y# ~& a- }. B) }% K1 p- S
setRequestHeader& T* Q3 X/ T4 e( m4 S% U- h6 O3 L8 {% x
jquery中ajax使用方式) y' a) D# U# _4 b4 o9 g. C- o; u' H
第二课：
5 S4 Z. G" U4 c. W: xPHP与MYSQL深入
$ K8 L1 {4 a) i" l; h" M搭建项目初始数据
; u2 w. c' X6 A6 [兼容PC与移动端( q! b7 _2 y" W
列表页制作4 l& }# T: i& k9 h
ajax方式初始化列表8 T+ }4 |' G+ P {$ ]' H
第三课：- L7 p! r3 [% H/ E+ ?- ]
模拟缓冲滑动 P7 \$ H0 T8 A( o' o5 }8 y
播放器制作) j0 a9 o" H( X& p/ L
播放时间与进度
8 o3 o" n6 K% _: n* y) s% S+ a+ T& |ajax方式请求对应歌曲
* \# T( |8 q, |9 l/ \0 F第四课：
6 Z4 Z8 n" U( q, t& ]同步歌词制作6 \) C O/ J# A9 V6 Y" H
左右划屏制作" h' O; y: v: B3 G2 O( ]1 k
留言板制作3 F$ w: S+ B* ^ {3 M
关联表创建
; @1 V- D! E, l% Wajax方式初始化留言0 x0 h9 Q8 t7 H7 L. z
ajax方式添加留言9 p8 c3 I1 j( V5 _9 X
第五课：7 ^+ t' @0 `/ |; U, v
完善项目和BUG修复
% D) @8 k5 y+ y: p, s/ W2 y( n3 Y; qXMLHttpRequest2
9 B8 a3 g& K% g. M; vonload; ~4 c. J2 X c. g9 E! @6 Z
timeout
" [1 k" `6 [+ s, N% xontimeout
$ w2 Y( m. ^$ O$ ?responseType1 {& h% i# v3 {) N
response$ Z! b, m+ u" V* ^" j' ^& W2 ~
mimeType5 U7 b% m$ _" O9 [0 ]5 c
上传文件方式% o( z. h7 n# {7 y! a0 F
FormData$ K" i2 d9 V4 h) e7 S5 K; Q/ C& v3 a
progress9 D1 Y( g# z. n9 f# L# i
跨域jsonp4 c" p" y1 V+ y' ~
跨域cors
* x/ m! V) `. P- f" C, s" V+ \# s1 u复制代码 上课时间： 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元/人 0 \+ V3 D ]' l _0 r; q
| 
发表于 2018-7-24 15:24:17
发表于 2018-7-24 15:32:59