|
课程介绍： 本次课程涉及的知识点包括： 移动端H5、CSS3、JS、滑屏、HTTP协议、AJAX、跨域、前后端交互、PHP、mySql、jQuery……配合这些知识点，讲师写了一个H5播放器demo，用来演示一个H5播放器究竟如何运用这些技术。 课程案例： 以下演示仅展示了授课过程中“播放歌曲功能、歌词同步功能、拖拽播放进度功能、暂停播放功能、歌曲切换功能、留言功能”，而其他许多商业播放器的功能并未全部完成，毕竟此案例仅作教学之用，因此许多产品交互体验上的细节讲师并未开发，特此说明。 课程大纲： 第一课：
" V& Z; [' k$ G( G传统交互与ajax对比) e0 C0 V! g t/ C4 c7 K! C
什么是ajax
, [- y( \& g& w" f同步与异步
; G) `& k# |* X% a) ]搭建wamp环境/ I% @2 j$ I/ f5 |- d& m
前后端交互原理
9 {8 W9 ^! E7 J) qPHP基础语法
- f) g% f; B1 d1 _5 a, i2 ^9 dMYSQL基础语法
7 ]1 o' V3 x+ sGET和POST
6 t6 P. }: R ?2 D5 B; _( {- PXMLHttpRequest
; ^( p/ e9 F4 k( s$ O0 H) zopen7 R& q- D% o6 \9 T
onreadystatechange& H! B9 ?) q. ^0 K L0 Y/ A
send5 m: L) N" q5 b! W: ?" ~& u- X' l \* I
HTTP协议4 Q# A' [3 M _) h3 \
readyState: g& c# N R% Q( H/ B t
status
8 G* P# ~* c3 v! i; c1 ostatusText
7 S* x0 j$ E5 n+ d2 A! jresponseText
/ @- d* w- l" m s1 U& ?, {3 IJSON.parse
' R; }0 Y9 O- ?& t* J! f' S) X9 zsetRequestHeader% I) m2 }: L" X4 q$ v
jquery中ajax使用方式
& b- l: i0 `1 }2 d第二课：
8 R8 _8 h$ \& v: V. I p! pPHP与MYSQL深入
4 P6 v4 u# B4 J* C. c搭建项目初始数据
) N: _! M7 F: B% k兼容PC与移动端
: P0 G O( \# Y. A* @列表页制作4 f9 o* d1 j0 B
ajax方式初始化列表" g: a% V0 @) u! W3 S1 Z
第三课：
5 F& ~6 O5 j" g) e- ]# a模拟缓冲滑动
$ ?/ Z4 k/ c7 A6 J0 s( P. Q2 {) h8 D0 |播放器制作0 Z7 Q+ U8 h. C- a0 A
播放时间与进度8 h/ o$ u3 H n6 W. u5 f$ e3 O6 {+ T
ajax方式请求对应歌曲
- E3 N x _( `8 y) G! z第四课：
) G5 l. w, u: G& l同步歌词制作
8 L& B& }, S- z5 Z* g左右划屏制作( ^- j" D, j2 i& R- ?. L z
留言板制作: F* h" h% e. s9 F4 I% W+ |6 u
关联表创建
4 }1 g9 h1 A6 D. X1 `ajax方式初始化留言* V# \. `, g3 [1 e
ajax方式添加留言
* i, h2 V" M" s/ Y( y8 Y! Z, _第五课：$ c7 N+ ?4 I% C& {( Q' H
完善项目和BUG修复
2 R" t4 o0 q% k% ~7 X4 E, dXMLHttpRequest2. n$ x v2 U9 I* Q3 J4 Y/ h2 h* `3 l: V
onload' f$ z. e, N, B
timeout
2 I) Q6 e# m& Nontimeout7 h8 z8 E$ {1 \
responseType. v- N- a5 m9 |9 L% g& ~; g( h
response8 D5 f7 Z4 j+ H8 Y& y9 J
mimeType
* g0 H" N# N% r4 z: m/ U上传文件方式
9 K6 b5 E5 V4 v1 E. `; J/ WFormData, x } x2 ?) L8 ` d6 f
progress3 ~5 n" B5 o8 n+ j
跨域jsonp
% h8 `7 t: Q% ~" B* W: a跨域cors
5 ^* e) l4 `/ y5 s% z4 r' S4 ?- c0 C; E复制代码 上课时间： 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元/人
; A. ^8 k% F1 I | 
发表于 2018-7-24 15:24:17
发表于 2018-7-24 15:32:59