|
课程介绍： 本次课程涉及的知识点包括： 移动端H5、CSS3、JS、滑屏、HTTP协议、AJAX、跨域、前后端交互、PHP、mySql、jQuery……配合这些知识点，讲师写了一个H5播放器demo，用来演示一个H5播放器究竟如何运用这些技术。 课程案例： 以下演示仅展示了授课过程中“播放歌曲功能、歌词同步功能、拖拽播放进度功能、暂停播放功能、歌曲切换功能、留言功能”，而其他许多商业播放器的功能并未全部完成，毕竟此案例仅作教学之用，因此许多产品交互体验上的细节讲师并未开发，特此说明。 课程大纲： 第一课：4 j: Z. z! {" R& }; G( `/ c) x! T
传统交互与ajax对比" f2 d/ ^8 }, [" t! }6 q
什么是ajax R& b) j# l ~ |+ U: @, ~6 F
同步与异步
$ a. u) `( u3 o搭建wamp环境
6 v. \) u0 |- A: v1 b前后端交互原理
7 J, \- O" f) N/ F0 yPHP基础语法
! v& W2 c3 v, x& ]1 G& M+ vMYSQL基础语法" ^! l$ x% M! I' n( X: B! z4 n) m6 Y5 Q
GET和POST2 i6 N+ w3 c* l
XMLHttpRequest
( F! E$ G/ k) D( x3 z3 ropen0 t( A, a) E# G* _' q. {
onreadystatechange
4 d/ l) {; \2 m" o8 `1 S, L+ usend
& E5 g5 G9 @8 V8 q/ D& O1 b7 `HTTP协议
4 x! F& G* N) F' Z' s( MreadyState, k" ]& Z9 S! r
status
n; v' d+ k8 MstatusText S& c9 h' T! u' q5 C) n
responseText
1 ~6 g; z W7 R5 a3 ^. P5 {& O PJSON.parse
: t' g( F$ G9 S/ e. _; OsetRequestHeader
# M% \8 [' u. x6 pjquery中ajax使用方式
+ h# X9 ^9 A2 C: Z) P第二课：
' L3 _; ?3 M, H9 RPHP与MYSQL深入4 ?. D8 t! }" w
搭建项目初始数据
4 s( d& _7 W( J兼容PC与移动端
" B9 l6 r3 G' y3 e& r, d8 Z列表页制作3 y$ Y2 G0 V1 s- c! ?" Y
ajax方式初始化列表 G! I2 s6 K/ {; N3 G" n8 L
第三课：+ P9 w6 Y' s3 l& s8 [3 I4 G" M. ~4 k
模拟缓冲滑动1 K8 ?* }$ E* h
播放器制作
- r. s: E0 R+ q播放时间与进度
8 s- N# d K! z4 [8 p7 N U, ~ajax方式请求对应歌曲
% M2 T. s5 l, r0 v2 m5 M第四课：
S2 p: o3 c) [% n1 o! b4 j# t同步歌词制作
+ b& ~% O$ d) ^/ ^左右划屏制作5 L. C- i, I* ?8 `5 q2 O$ u
留言板制作4 K. G% a8 d8 p! A' J- L9 L
关联表创建- u4 Q' ~2 ?5 [: w- S& G
ajax方式初始化留言6 C! ?% J* _7 s! M2 {
ajax方式添加留言
- b- }1 l2 ?. Y; J3 L+ J: Y( h第五课：
) A) M7 l+ C9 K" y1 {- {2 ?% I完善项目和BUG修复2 @0 K0 j0 u1 {7 f/ y
XMLHttpRequest2, O- d( |4 U% Y' V( j$ ]
onload
7 g9 X9 Q. u: N3 S; o* H0 \7 Y, qtimeout1 y" D* y+ C2 D8 v: a1 _+ E
ontimeout
6 m$ _ [/ a0 f$ q. U8 B% wresponseType
* D, v, W/ u; `. aresponse
! d4 _8 R+ ^* ^ XmimeType! y0 f3 R! `& \' ?* A& C* F
上传文件方式
' v3 @3 o K: C1 _9 P7 dFormData0 ^2 P' \1 B, y! Z
progress
$ i8 w* C( E1 y! l) r2 M- l# W跨域jsonp
) ?* s4 p! {7 s% C, W, `. a3 E, m G跨域cors8 ?& Q7 Y* G. c7 d3 Y
复制代码 上课时间： 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元/人
5 z, @0 Y) P# W: d/ U | 
发表于 2018-7-24 15:24:17
发表于 2018-7-24 15:32:59