| 
 课程介绍: 本次课程涉及的知识点包括: 移动端H5、CSS3、JS、滑屏、HTTP协议、AJAX、跨域、前后端交互、PHP、mySql、jQuery……配合这些知识点,讲师写了一个H5播放器demo,用来演示一个H5播放器究竟如何运用这些技术。 课程案例: 以下演示仅展示了授课过程中“播放歌曲功能、歌词同步功能、拖拽播放进度功能、暂停播放功能、歌曲切换功能、留言功能”,而其他许多商业播放器的功能并未全部完成,毕竟此案例仅作教学之用,因此许多产品交互体验上的细节讲师并未开发,特此说明。 课程大纲: 第一课: 
1 s5 ]; ^! ~+ h% Y- ?! x传统交互与ajax对比 
% p; ]* s. F: ]- p8 u! m什么是ajax 
, D9 U3 W2 y' @5 D同步与异步4 m% j/ h% s. s. ?, t, k0 ]" b 
搭建wamp环境 
0 U% S) O% c( g9 I% F4 U前后端交互原理0 q" l: G% `- ]% i 
PHP基础语法 
/ a/ M1 y& j) JMYSQL基础语法 
5 _8 Z2 D% e( R3 d5 q' a+ TGET和POST 
  V: R) C' k6 J" I  k: u) QXMLHttpRequest$ b/ n5 i: f/ D% i 
open 
8 F9 l2 A9 U% k$ A, E$ ponreadystatechange 
3 O& e. F) P7 y7 _# vsend 
8 ?" a# y2 J1 F& Q- y" W' F' p2 gHTTP协议 
8 o  {6 z! x$ V, c! @/ a! B' xreadyState 
5 I; R% C5 i" b& G' t- E2 ~status+ G  f$ t( N$ d" o: t9 q 
statusText3 A8 `! C8 Q8 }1 \' q 
responseText9 z3 C# ^8 i4 F% p0 r 
JSON.parse9 J  {. T. _, U. h 
setRequestHeader, z6 T0 _# w1 Y) |: k0 C; A 
jquery中ajax使用方式 
; V/ {0 d3 A8 w! s第二课: 
0 i5 N. R; S0 {5 L! K' s; `1 {PHP与MYSQL深入 
  s- D) x7 \# x% x- t搭建项目初始数据 
. R, Q) B4 K4 l$ I$ _8 }7 i兼容PC与移动端; z- `3 H! R+ F 
列表页制作' d2 d7 ~) h" ?7 z: s 
ajax方式初始化列表 
7 g0 T+ g9 r3 t3 T第三课:4 `4 q# g: b! a 
模拟缓冲滑动# Z  ?# u) e3 i 
播放器制作5 t* l  Y6 h" p6 Z' \ 
播放时间与进度( V: L' ~: g0 A* b 
ajax方式请求对应歌曲0 v7 ~2 ^0 v$ x% A3 c0 ^( ~ 
第四课: 
( S$ r5 h6 i: n同步歌词制作  P% {# u/ J$ t 
左右划屏制作. a; z# m' h8 m+ g% V4 f" X7 R! Q* b 
留言板制作 
# \7 ?0 Z$ \, l7 Q( ]关联表创建 
! S/ X, z+ }  }# G* g4 L/ najax方式初始化留言 
6 \7 y1 H3 D! A* c6 ?8 R0 d1 `- {ajax方式添加留言& S+ k5 H' j. p2 U8 E, V' R. A 
第五课: 
4 j4 n8 R, L3 r  m! g& v完善项目和BUG修复9 r( {$ r0 A; [ 
XMLHttpRequest23 N& V6 l6 j7 m( l7 ^9 s 
onload+ ]( \8 |4 u  B0 l1 U 
timeout 
2 W, y: h- O$ V0 B0 R4 u8 v3 \8 montimeout6 P  W$ ?7 s- o. t# u* a  h8 ^$ v 
responseType( T1 C3 Z6 X+ U3 V 
response 
2 D! T" ~) v7 O! i$ T5 ?3 JmimeType$ f1 y4 `+ Y6 U7 f/ j6 g* ?1 T 
上传文件方式 
9 T1 \4 ~7 B2 g5 r- n6 CFormData. s! l% q/ ~7 a* I3 @( b 
progress2 @3 j! {4 D: _. A& m 
跨域jsonp# {' B- ^) G: F/ z0 U$ G$ \ 
跨域cors 
7 c2 g/ ~! }- D) a6 d( k复制代码 上课时间: 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元/人  
( x5 B8 C& p; w$ d8 b |