|
课程介绍: 本次课程涉及的知识点包括: 移动端H5、CSS3、JS、滑屏、HTTP协议、AJAX、跨域、前后端交互、PHP、mySql、jQuery……配合这些知识点,讲师写了一个H5播放器demo,用来演示一个H5播放器究竟如何运用这些技术。 课程案例: 以下演示仅展示了授课过程中“播放歌曲功能、歌词同步功能、拖拽播放进度功能、暂停播放功能、歌曲切换功能、留言功能”,而其他许多商业播放器的功能并未全部完成,毕竟此案例仅作教学之用,因此许多产品交互体验上的细节讲师并未开发,特此说明。 课程大纲: 第一课:
: i2 e* C1 f5 c G {' Q/ |传统交互与ajax对比
, I/ {- w+ r- k. D8 _: T! U什么是ajax
/ H, o5 }& b2 |/ w) o4 E# d同步与异步. y/ K4 Z; Z* H+ [
搭建wamp环境9 L7 f8 Y; c) m5 r" I- [& R
前后端交互原理* T$ p2 C0 d! d* \2 Q
PHP基础语法4 S" q+ q3 T+ n% c4 K# o, O
MYSQL基础语法
; z* Q3 ]* ]: w! CGET和POST4 w1 ?( G/ K* b& d
XMLHttpRequest) t1 c- i% P, f7 U0 P
open
3 o( \$ j1 S8 Qonreadystatechange' `# X+ `! K7 C* T( K% L0 ~
send4 V# O/ Y3 h3 X+ d G# F6 w/ _
HTTP协议
4 K" X6 I5 W/ E. |1 Q" h6 xreadyState
. N2 @& d ?. r+ b6 h# Cstatus
( N+ B4 T9 r; G7 }statusText
& f( T* v \6 m R( _! MresponseText
3 B3 e7 B$ w3 Z r- }% \2 R' ?9 vJSON.parse
% B1 |( U9 a( ~setRequestHeader
- u; z4 }7 ]8 Z! `* v; Fjquery中ajax使用方式
) E1 ~0 ]+ Y' {, a" h4 c第二课:( w! ]1 }# [( P7 d# T
PHP与MYSQL深入: _7 @ _- e( B- K5 i' }; t
搭建项目初始数据8 Y7 @: f4 ~ z: _( G3 p- |
兼容PC与移动端& B7 a! e3 t- w. w7 w- y0 K# p
列表页制作
8 c" z _" I1 `! u2 p" Qajax方式初始化列表( g: g. d9 R+ u- q
第三课:) D) o' g; s+ |2 C% I
模拟缓冲滑动+ z* r0 W$ J, {4 [ l7 B
播放器制作! g% Q; }6 f% m
播放时间与进度
2 H& J8 I& W7 T1 R9 Wajax方式请求对应歌曲6 ]5 w! q5 L2 E0 U5 w
第四课:
- B J0 ~% Y: {- N- j& r同步歌词制作
/ H; a7 B$ }+ t& Z: [左右划屏制作8 a0 ^' E/ r7 e, I* R
留言板制作2 d O' ~ m3 b5 O$ ~/ O6 i
关联表创建
8 L( V3 `- y0 t# x7 u, L0 xajax方式初始化留言( N- i- x0 c6 f1 J0 r
ajax方式添加留言- M' v4 p5 ?( T+ w! \
第五课:5 w! S) X4 u x9 }
完善项目和BUG修复
, P" c. O0 W& A# P8 N, b1 a3 d4 yXMLHttpRequest2
+ W. g) H3 k0 Xonload
2 ~. Z' e7 H, b# g( x7 }3 Stimeout7 w! q% H" w6 u) L) A# S
ontimeout9 a' O+ Y3 e g
responseType/ V' Q. ~6 O0 }2 v$ t* a! B
response, B* i; T6 I( @$ W F
mimeType/ X/ }, W9 e2 X' x5 _9 c
上传文件方式
* ^! Y" j, V V5 d8 @ zFormData, [8 b6 v. z8 u
progress
5 @1 r4 f% T% ]! J4 V( u跨域jsonp3 j' x. }+ P0 F4 f& N" |* Z+ K9 j5 w
跨域cors
7 ~1 j8 M' Q+ \; B复制代码 上课时间: 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元/人
- ?1 ^: @7 H. I/ v |