|
课程介绍: 本次课程涉及的知识点包括: 移动端H5、CSS3、JS、滑屏、HTTP协议、AJAX、跨域、前后端交互、PHP、mySql、jQuery……配合这些知识点,讲师写了一个H5播放器demo,用来演示一个H5播放器究竟如何运用这些技术。 课程案例: 以下演示仅展示了授课过程中“播放歌曲功能、歌词同步功能、拖拽播放进度功能、暂停播放功能、歌曲切换功能、留言功能”,而其他许多商业播放器的功能并未全部完成,毕竟此案例仅作教学之用,因此许多产品交互体验上的细节讲师并未开发,特此说明。 课程大纲: 第一课:2 m; v$ k8 B& |% ?$ @# S
传统交互与ajax对比
$ t% |% I: x* S5 i' M0 V什么是ajax
! A) z6 Z [% P9 j/ h4 P同步与异步 X- }% |, V7 O5 T9 q- S9 x
搭建wamp环境7 ^8 O% f6 C O" p& G
前后端交互原理/ N4 V/ Z! t9 {, e0 L3 Z
PHP基础语法$ c# S5 u1 [ G; O; }4 g
MYSQL基础语法) [. g8 K$ s2 p! V( k7 u( V. @
GET和POST
( { _" I! h2 \! S1 X* XXMLHttpRequest
* Z/ D: K$ q5 U! F' ]open
5 X( ^/ o) o4 T3 Z" z! |0 Q% f( A- Fonreadystatechange
- I/ N6 R: m* v9 ^send. N, ]0 {/ q8 }5 k9 ?
HTTP协议* M- S: A b: k
readyState
' r+ K6 c: E8 gstatus. S. I7 O4 n3 v7 a/ K
statusText
5 r" M& D7 _, R9 FresponseText8 a8 j# L5 d2 B; M4 M( k
JSON.parse
: i- e2 U' M0 osetRequestHeader
1 S# o( K0 L7 V8 N& ~5 g$ r/ x' Mjquery中ajax使用方式
, G2 D' }" }: ?) l第二课:" U1 o E- p+ p' Q( |
PHP与MYSQL深入
7 K6 W2 \7 y1 b0 S, a |搭建项目初始数据
8 D) k2 e% O. W! l兼容PC与移动端- v9 J. i/ `4 A9 H! d# O
列表页制作
: V! h" _4 B8 d! ^! J9 v/ Dajax方式初始化列表
( ~/ T! ]8 l+ R- @2 j( U) W第三课:
) s2 U* V1 h5 {5 d) j1 m模拟缓冲滑动$ I( w# J& l6 s
播放器制作
' I2 m/ m4 p G, T3 f" Q& X$ D播放时间与进度
X. N# `5 r* O! `! v7 q9 {ajax方式请求对应歌曲
( f) L: m3 {! \* p% T第四课:: s' t& H$ I( N& Y- C
同步歌词制作# h# o' ~, r/ ?7 q" R: |9 T
左右划屏制作( Q* o( i, k! z3 s- w9 I
留言板制作
_7 d- e! D7 W关联表创建7 k0 {( k$ Y( l4 U! c+ b, t/ E
ajax方式初始化留言
m0 ^% ?% k7 B& f1 a$ dajax方式添加留言! j9 {6 J8 E1 k* e
第五课:
$ n. h! L" Z/ T- m- A: ~3 l完善项目和BUG修复# k$ F& s2 z+ d" N$ Y
XMLHttpRequest26 J0 P# P D$ H/ \
onload+ y; t3 e0 w( C6 \5 w* s
timeout
, ~) f1 V7 R* W/ J( Nontimeout: A) ]+ _7 V( d/ G" a- t' h8 n: K
responseType
! f1 M! ?/ Q- \. d5 l$ Tresponse
/ L8 x' T7 y* @& B( KmimeType' ?0 @8 q' y. _' K
上传文件方式
6 G' _3 l* q! k7 `FormData
4 q$ T* ], u- \" Z. s9 nprogress
/ w0 [( d1 J. b S! e, x/ o跨域jsonp# z2 G0 h" w, T4 p6 a1 l8 b, b
跨域cors9 Y/ c5 E9 M0 q5 s6 Q9 p, O
复制代码 上课时间: 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元/人 : l# p6 d# Q K' O
|