|
课程介绍： 本次课程涉及的知识点包括： 移动端H5、CSS3、JS、滑屏、HTTP协议、AJAX、跨域、前后端交互、PHP、mySql、jQuery……配合这些知识点，讲师写了一个H5播放器demo，用来演示一个H5播放器究竟如何运用这些技术。 课程案例： 以下演示仅展示了授课过程中“播放歌曲功能、歌词同步功能、拖拽播放进度功能、暂停播放功能、歌曲切换功能、留言功能”，而其他许多商业播放器的功能并未全部完成，毕竟此案例仅作教学之用，因此许多产品交互体验上的细节讲师并未开发，特此说明。 课程大纲： 第一课：
% i. |3 ^* K/ f( a) \传统交互与ajax对比! B( ~8 f( g4 R! J& q$ H
什么是ajax
( ~" A: W& ]: ?1 Y8 K9 G8 ~同步与异步
8 \& J9 {4 x, g$ s9 t7 [搭建wamp环境
* m" @: L! C( I p' ]" A前后端交互原理
, Q' }5 ?& h! i( F$ YPHP基础语法
. z/ G# I, I1 h7 q( IMYSQL基础语法
9 V5 j( k* n6 AGET和POST
$ y1 I) e! e" I- k! vXMLHttpRequest
! Q9 ^; N7 I. X7 Jopen% {+ w, Y% D, P2 |. m+ e
onreadystatechange
% p! {9 v7 x1 L' a, T/ b& h, Osend
; a, f9 u/ ^+ Z! V w& l) [% e$ bHTTP协议
) x: [' O3 x. A$ ~+ V. S' mreadyState
/ @. O5 u0 y4 S! [9 \status1 b7 ?6 u2 q, V/ B& f3 \$ n2 k j
statusText: o- [) W3 a% Y. H! O2 m# e1 n
responseText, d8 m5 z0 X2 B7 K2 F, ^
JSON.parse: X( r% F5 F" \! |
setRequestHeader
7 U# S( m4 u( K9 t6 jjquery中ajax使用方式3 ]3 O; c! u' f& q6 f( [; K
第二课：0 o6 s" v1 s- A$ F4 H
PHP与MYSQL深入
4 a# |2 Q+ G! ~/ T# r, ]6 u" ~搭建项目初始数据
( `1 ^) E/ o9 C: a兼容PC与移动端
9 ~- A# q# o! j7 j列表页制作 V( C5 G/ g6 G* u' z3 O+ j
ajax方式初始化列表) B5 Q; p6 e% G6 R! Y2 o7 t$ x: e
第三课：
4 o+ Q6 Q' |" z2 ~) y模拟缓冲滑动
" k: {5 m+ m7 [( ?/ E播放器制作( }# B$ |) ?0 u3 l! Y% b
播放时间与进度# q( g; l5 o/ [9 k2 }2 ~
ajax方式请求对应歌曲8 a* H0 V0 M$ `) f* w& V
第四课：) h1 U- f6 D7 @
同步歌词制作4 \ L) \. {0 Z! }/ F
左右划屏制作
& n( ?/ } m1 Z+ w; M& w留言板制作# Z! C0 ^9 [, p! x# q' b
关联表创建
/ X) ^6 y8 u9 E3 M0 T5 }ajax方式初始化留言+ `) V; x" t4 I* Y% C/ o
ajax方式添加留言9 W: r# ~4 f' O7 |2 d
第五课：9 G. v( v2 Q; Z: Q
完善项目和BUG修复) G) @5 R4 Y- K+ g. M" Q
XMLHttpRequest2
" x$ L$ X8 ?! J+ X1 z8 U5 T' v5 `onload
# w( W- r8 y& T1 W3 ztimeout
, p! R; p b3 _9 D; B8 [! kontimeout. m* i _0 J& W! {6 R3 G9 c
responseType$ E( ~; t& c& E% d% C. `" x
response4 j3 |; Y1 s$ G1 G
mimeType9 d$ Z, f. S' l4 \: C" v
上传文件方式
6 Q# O, ]) j4 v) u$ z5 B% fFormData2 P4 k' ]7 E1 L) _
progress
, D* I m2 `0 k' u4 P( K跨域jsonp
2 c: {) D# I1 n3 [' h跨域cors
, m- W6 ^3 g U$ ]复制代码 上课时间： 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元/人 : y8 {3 X) c- J! I+ h; i
| 
发表于 2018-7-24 15:24:17
发表于 2018-7-24 15:32:59