|
课程介绍： 本次课程涉及的知识点包括： 移动端H5、CSS3、JS、滑屏、HTTP协议、AJAX、跨域、前后端交互、PHP、mySql、jQuery……配合这些知识点，讲师写了一个H5播放器demo，用来演示一个H5播放器究竟如何运用这些技术。 课程案例： 以下演示仅展示了授课过程中“播放歌曲功能、歌词同步功能、拖拽播放进度功能、暂停播放功能、歌曲切换功能、留言功能”，而其他许多商业播放器的功能并未全部完成，毕竟此案例仅作教学之用，因此许多产品交互体验上的细节讲师并未开发，特此说明。 课程大纲： 第一课：* h0 L- W! l1 H3 Y* P, M. Z
传统交互与ajax对比3 u! v/ A9 @& l& m1 q+ @$ A
什么是ajax
) n, O# `8 Q/ J同步与异步
3 l- \# W* F% m) w搭建wamp环境& f1 L: n4 H* i
前后端交互原理0 B2 E! k, U, n5 U
PHP基础语法; N+ z& q6 }0 G# o2 J- a) k
MYSQL基础语法. W. |5 K) v; E* J6 e$ k* m
GET和POST1 e6 T' k3 R" j" s
XMLHttpRequest# \( U* |3 t, F/ n4 c
open5 s3 M4 l2 r4 b7 L
onreadystatechange
' Z1 n9 H2 u" U7 R$ O( n" tsend
5 r V$ j. W, `+ h! a- EHTTP协议
# s( q9 {+ V! M5 p- k3 V3 p% @readyState0 [* D0 \; U, K) P) _0 }+ W3 N
status$ @# S$ u2 I, k, K: A
statusText$ I2 B7 i$ e% b6 G/ y
responseText+ j, Y( q+ h, I& R" l
JSON.parse6 J- S* Z* ~5 c" b( F% }
setRequestHeader
; [! c: C% g1 k+ m( ^" ^+ mjquery中ajax使用方式
]) D C, ]' q/ g0 b( b% Z( T, ], Z第二课：
$ l! }1 X }8 m- V0 } MPHP与MYSQL深入
: ?+ O+ N, c; A; ~ M搭建项目初始数据
8 U7 ^ m2 u9 r1 \7 z/ g" v) U兼容PC与移动端% V+ B* X% J( C6 V5 z' ~# o
列表页制作2 j' Z2 _- P/ |5 q
ajax方式初始化列表
6 B# r+ G/ T* z; K第三课：5 _; F' f+ o% f& ~ y
模拟缓冲滑动( Y+ s6 k# z4 ^9 o
播放器制作% g, c% q% _7 X' u [3 W
播放时间与进度# L2 N8 U \3 I
ajax方式请求对应歌曲. y+ o$ i' g# N1 ^% V7 [- t9 n
第四课：
' m. p) j0 o4 w7 b同步歌词制作
+ E/ i6 \+ v6 ~" k! P+ e" i4 v4 V左右划屏制作
# M* x7 S4 _; y3 S# m留言板制作
6 ` Q/ L3 Y3 Q! [关联表创建
* j, }$ G+ f- D5 xajax方式初始化留言
5 N5 X: s2 b/ G/ A* Z6 hajax方式添加留言
6 J$ e; `' u, I; }第五课：4 K1 D9 M1 {- [; j- S8 G3 K9 y
完善项目和BUG修复
9 i4 P6 t; ]7 `3 AXMLHttpRequest2
4 b8 x6 N) a9 K7 G) Q" uonload
2 `. I6 ^6 `6 R8 n& C6 u! y7 Q( H- Ntimeout
( x1 b6 f4 H* D* E9 d! Kontimeout6 M& p, K/ n( x
responseType
: Y, E8 E, ]+ M( J- W8 X- v; ?response
6 |. j, E5 C( h+ n# E2 l+ V: @# RmimeType
' i. _; p' q& B3 o上传文件方式
; n" P( n5 w: Y0 d# A) c& HFormData2 ?; ?- }" i, L: G H' @2 ?
progress
, g. f/ t* h. T$ c3 b5 n跨域jsonp
& L% Q( Q z6 r0 u+ k/ V& q0 w跨域cors( f; g3 r6 B( {4 \, f1 e( G
复制代码 上课时间： 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元/人 1 l* M6 p# I6 C& u9 i7 z
| 
发表于 2018-7-24 15:24:17
发表于 2018-7-24 15:32:59