|
课程介绍： 本次课程涉及的知识点包括： 移动端H5、CSS3、JS、滑屏、HTTP协议、AJAX、跨域、前后端交互、PHP、mySql、jQuery……配合这些知识点，讲师写了一个H5播放器demo，用来演示一个H5播放器究竟如何运用这些技术。 课程案例： 以下演示仅展示了授课过程中“播放歌曲功能、歌词同步功能、拖拽播放进度功能、暂停播放功能、歌曲切换功能、留言功能”，而其他许多商业播放器的功能并未全部完成，毕竟此案例仅作教学之用，因此许多产品交互体验上的细节讲师并未开发，特此说明。 课程大纲： 第一课：
& a& `" \$ I8 Q! U; Z+ y$ `5 V传统交互与ajax对比
, ~; {& _" v3 D* |0 r% f3 n什么是ajax
8 X7 G H/ U" P# I同步与异步) N' u4 g& N, Y `: B7 `
搭建wamp环境% A: M X) D* p. s2 c$ n
前后端交互原理
$ L; w1 @: F( CPHP基础语法
1 j r R4 D! d9 tMYSQL基础语法
! W, C6 ~$ x7 }GET和POST
9 m5 g* o: k/ R/ ]4 }XMLHttpRequest
. \, |( ]- M$ X) v/ ]open! j# z u4 ~9 \
onreadystatechange/ O& m) d# e! O2 ^2 @# x
send
B# H8 G6 q/ q' c* ]' {% Q- }HTTP协议
) V8 ^ E- v( C0 yreadyState% }1 Q; T6 o1 z' k; L) I
status
) W2 S0 H! y% m: SstatusText
+ B3 d; X* d! H' |( x6 w3 BresponseText
& {9 N2 G4 U. \0 TJSON.parse7 M6 D2 {4 y# U( V# e; j
setRequestHeader
4 ^: S8 E) z; |3 c6 M: Yjquery中ajax使用方式: @9 B8 q1 u+ Z0 w% g! L
第二课：
6 I3 F3 X, y# t i6 |7 N! wPHP与MYSQL深入
|; P; z' E% E' C搭建项目初始数据/ ?$ T6 ?1 u$ B
兼容PC与移动端8 t6 O) c' u5 P
列表页制作
7 a' A2 V- _/ I+ Oajax方式初始化列表
, u3 \9 f( A2 G# A8 K; I第三课：
7 \+ V1 s" M- Z7 }模拟缓冲滑动
: k( s7 L% a! L! F" Y, D$ F |# u播放器制作' c( e& u9 X; I* ?. c$ B( E; N7 \7 s w
播放时间与进度3 z5 N6 E/ G9 f6 v. R% M
ajax方式请求对应歌曲
0 Q- H3 D* s) y7 k# d第四课：
' U- Y/ F: t5 X* j同步歌词制作. H$ p' q6 R3 m
左右划屏制作7 \3 g3 C1 B! s0 V5 r
留言板制作5 A4 u% ]) O( c" y
关联表创建
, f; W2 K' Y* `& |( \ajax方式初始化留言0 K; [: S# ] V/ g/ R
ajax方式添加留言
0 L$ ?- j1 u0 O第五课：
2 x4 H7 y% P, @5 J8 W: }1 i完善项目和BUG修复- B/ h( D U2 z( z& c9 O
XMLHttpRequest2' J* w( l2 l g8 z& v. X
onload* I9 O; j: e b0 ^+ G
timeout
: C. G0 q$ z- Vontimeout/ J% g% f7 F r% W8 i9 _) ?
responseType
9 T) d8 h7 [$ tresponse6 H! i, S3 @5 f/ e0 n" X8 d: B& s6 t
mimeType& V/ M. Y2 a/ x E5 I
上传文件方式
$ d8 B3 j& p, V9 a' W4 _FormData: t7 W5 g% y s- n4 z) g; [0 q6 T
progress
4 e( i0 K9 ]7 r) s' \# |( y跨域jsonp3 S1 h& q5 s# p2 t; W) m% z
跨域cors2 e( m7 V1 K9 c
复制代码 上课时间： 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元/人
8 j6 e( E# _# S+ S4 ^% s | 
发表于 2018-7-24 15:24:17
发表于 2018-7-24 15:32:59