课程介绍: 本次课程涉及的知识点包括: 移动端H5、CSS3、JS、滑屏、HTTP协议、AJAX、跨域、前后端交互、PHP、mySql、jQuery……配合这些知识点,讲师写了一个H5播放器demo,用来演示一个H5播放器究竟如何运用这些技术。 课程案例: 以下演示仅展示了授课过程中“播放歌曲功能、歌词同步功能、拖拽播放进度功能、暂停播放功能、歌曲切换功能、留言功能”,而其他许多商业播放器的功能并未全部完成,毕竟此案例仅作教学之用,因此许多产品交互体验上的细节讲师并未开发,特此说明。 课程大纲: 第一课:& A* n) w; S. {& {% ?
传统交互与ajax对比
& L7 n/ @ ` Q/ A6 V什么是ajax
) e% w" j2 u+ T6 h! V: L同步与异步3 e( P# [$ A s
搭建wamp环境
6 d; }) x( J$ ~前后端交互原理# c" |* C" m& K
PHP基础语法
- r4 N# ?6 B; H8 j: MMYSQL基础语法- S5 s% E8 ?* C
GET和POST
" w, Q% h7 A$ E8 e$ F3 _XMLHttpRequest
& O+ a N8 r! K# B. \! q+ W; u7 wopen6 Q. G2 E( p; o2 I0 j) r
onreadystatechange
/ J' B! ~- T* w8 R( psend- y* f6 u( k9 D: `' R6 m1 X( u4 R
HTTP协议
* G' M! ]# w9 }: j1 z. [! nreadyState
@$ j% x% |4 [) A4 b% h- g4 N4 Ystatus* P2 a! |+ y2 \& A( u
statusText
2 N! _7 y& F$ T$ MresponseText
/ U9 Y$ s% X& R$ r& RJSON.parse4 B% f5 a" z& U/ v/ q' n4 c
setRequestHeader! \- x) y8 u1 R8 b3 Q" ~# ^0 @
jquery中ajax使用方式
' }$ K; Y: I" c第二课:' v9 c k3 w2 h; ~$ ~5 F
PHP与MYSQL深入
5 ^ F, c8 s/ [搭建项目初始数据& J3 j- [) }& J" O* v7 B0 q
兼容PC与移动端
+ y: s( A0 k& z4 w列表页制作
8 S1 h) N- ]4 g, cajax方式初始化列表
' A2 ?( X+ o$ A6 n8 o+ k第三课:
- W4 }0 X! F! E8 s5 r0 |& s* ]模拟缓冲滑动: s0 S2 t3 X ~& ^/ X! i
播放器制作; R6 l; S9 C2 v7 X/ p
播放时间与进度
- r. {& G# x' n5 u; H1 sajax方式请求对应歌曲% o |, [# ?/ ] N% N$ {& v9 o
第四课:' W. r0 I" o, n* t) l8 p: f
同步歌词制作: E/ L% \+ W/ L! o/ c% u
左右划屏制作
: c, q7 x# t6 n3 E- m5 t/ m留言板制作/ s. q# J+ B6 I
关联表创建
4 n( F) }# N: ~8 fajax方式初始化留言
& |% L$ S1 u' ~: q3 ^. P7 |4 kajax方式添加留言
/ |; b( ^8 r2 N% ]! Y第五课:
$ k5 }, K9 |2 [! b完善项目和BUG修复0 e+ J. R6 C5 d5 ?/ @, ^
XMLHttpRequest24 b+ i/ j- M" \% U* e
onload
9 |% Z1 R: Z! w$ ?% `timeout3 }2 _- U$ W$ T
ontimeout2 Q& w1 D D7 j9 w7 \9 N
responseType
Z& f' q) O* M- g# }( Vresponse
, U& c# W2 O! E: W- G t! X* j' R+ omimeType+ L2 R9 z$ K( h/ J2 p6 A
上传文件方式! {( j# h" Y7 l
FormData
9 Y: m. R! l& @: y+ _/ X" L" B1 ]7 xprogress
: V+ s6 k9 `" d0 b+ S跨域jsonp# I/ a0 X% g3 b$ F) e1 j
跨域cors
, ^) X3 j$ r( `7 ~. ?复制代码 上课时间: 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元/人
6 B$ x6 ~8 K( S$ {1 R2 | |