|
课程介绍： 本次课程涉及的知识点包括： 移动端H5、CSS3、JS、滑屏、HTTP协议、AJAX、跨域、前后端交互、PHP、mySql、jQuery……配合这些知识点，讲师写了一个H5播放器demo，用来演示一个H5播放器究竟如何运用这些技术。 课程案例： 以下演示仅展示了授课过程中“播放歌曲功能、歌词同步功能、拖拽播放进度功能、暂停播放功能、歌曲切换功能、留言功能”，而其他许多商业播放器的功能并未全部完成，毕竟此案例仅作教学之用，因此许多产品交互体验上的细节讲师并未开发，特此说明。 课程大纲： 第一课：
0 G, a! C0 R/ o, T6 A! Y9 l9 N+ x传统交互与ajax对比
$ Y* c" M. a1 l什么是ajax- J) k0 t9 ?6 ], W; o% N5 T
同步与异步' |' t) R5 E; W
搭建wamp环境
+ {0 r. ]8 v j& [ o% |# e前后端交互原理+ y8 M# W8 [* M, ~" R
PHP基础语法
6 Y; p* S- D6 pMYSQL基础语法
$ P6 y+ K7 g4 I' l) r* dGET和POST
* I# A1 s2 X0 C& }7 y4 BXMLHttpRequest( K, J# D1 S; z/ Q
open+ n$ `5 |; b9 [7 |
onreadystatechange0 `. Z3 l5 z0 p" b- U$ ?$ M& }# y
send
. s" {' p& X* d% k8 N* {- ?4 \HTTP协议8 h, z0 [2 ~2 l2 n
readyState2 t; ~9 B; _! ~7 j K# j7 R' G
status
% I) y5 z' v% ^9 LstatusText
i$ l2 H. Q4 S/ S8 Z9 _responseText
: }) Q7 U4 f/ Y- O+ c+ xJSON.parse
* N9 i6 G- L3 [% |4 \7 h; B, I* zsetRequestHeader
, Y' o2 [" h7 L/ X0 ~jquery中ajax使用方式$ x3 m$ h! e8 T5 R ~& n B7 \4 Q8 B
第二课：2 s1 V; p& K6 G$ q6 m
PHP与MYSQL深入
8 n+ \- ]: `5 a! [6 |/ e D搭建项目初始数据
- \; q& `8 r, v2 x8 a2 T兼容PC与移动端, u5 D" D7 y# O" b- _- n) N
列表页制作7 @% P. `. L% R/ |
ajax方式初始化列表0 j1 g8 ]0 Z& L& C6 L# q
第三课：
! F3 ~# r9 l4 j( R9 @模拟缓冲滑动! h3 j0 q( g5 z+ U0 ~
播放器制作
. S/ r; g& @9 o8 L2 z0 }播放时间与进度7 m# t: H; s. v7 {2 C9 d' X
ajax方式请求对应歌曲
1 Y9 v6 { {! w0 M. A5 }9 ?第四课：" F: E# t, O" M) I/ u+ O! R
同步歌词制作
; Z4 \+ x: P, V; I- c3 J5 |左右划屏制作
5 m [+ p7 C: B8 \) T4 ]: q. Z留言板制作
9 Q9 c( q. L% l. G5 A关联表创建& l- d1 _* y% W& O4 N' ^+ }( q; `
ajax方式初始化留言
6 |/ i: o4 m6 l+ Aajax方式添加留言
" Q# M6 P+ [- p V第五课：7 o2 ~4 V B$ k
完善项目和BUG修复& Z [6 h" _2 o: ?9 F, K8 J
XMLHttpRequest2
# e( y6 H" R9 R2 {onload4 h( h7 d* P2 S
timeout
1 ]; Y1 Z9 K2 c8 \$ ?- c1 A3 K9 Zontimeout" f" Z- x. Q2 N/ l$ K. L' w
responseType
0 C; c6 n) X$ y3 Z2 @response
! U: V8 m+ a/ ]5 g/ GmimeType. J3 x& q6 q9 G9 b1 d `
上传文件方式) c4 u8 R( u6 W- ?3 q
FormData
' j. x* p, |! B8 Sprogress0 C5 ? V( E# l; t- E
跨域jsonp* T" D/ T8 {; a/ b$ ]2 T
跨域cors" _* e/ K+ S# I7 |/ w( \9 V
复制代码 上课时间： 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元/人
& }" S. H4 h& d q | 
发表于 2018-7-24 15:24:17
发表于 2018-7-24 15:32:59