|
课程介绍： 本次课程涉及的知识点包括： 移动端H5、CSS3、JS、滑屏、HTTP协议、AJAX、跨域、前后端交互、PHP、mySql、jQuery……配合这些知识点，讲师写了一个H5播放器demo，用来演示一个H5播放器究竟如何运用这些技术。 课程案例： 以下演示仅展示了授课过程中“播放歌曲功能、歌词同步功能、拖拽播放进度功能、暂停播放功能、歌曲切换功能、留言功能”，而其他许多商业播放器的功能并未全部完成，毕竟此案例仅作教学之用，因此许多产品交互体验上的细节讲师并未开发，特此说明。 课程大纲： 第一课：7 }8 ~5 n; P' H7 h; ]" k
传统交互与ajax对比
) j* j! }) s1 ]& B3 [: y6 t什么是ajax
9 d, U6 p) c0 q同步与异步5 |" U, O; ?" I' J
搭建wamp环境
( V* f* Q; {" i4 G前后端交互原理
$ D1 D0 [2 T9 U* ?2 O BPHP基础语法& P; x7 R' T" u* K
MYSQL基础语法
' t. Z) Z+ L: a' B6 w( m7 sGET和POST& K. B$ v+ U+ q1 ]
XMLHttpRequest
; ]3 a: i. q. Y3 kopen
' d0 y" n& U3 K! Ionreadystatechange
4 m8 H6 U8 I6 ]* H& T) Fsend- T0 x: W2 i L7 ]# h
HTTP协议- d* l8 m" L+ B- |' n! k3 ]
readyState
' @# c2 N0 a2 a) U/ S9 {( Q' }status
" l1 }" P: w9 c$ `& @statusText6 ~3 ]4 G6 r5 Q4 { X
responseText1 i8 Q6 P! P5 N2 f/ K; F, h
JSON.parse: u' \, y6 o, S5 y" x
setRequestHeader, t, J+ u! c- A+ |9 u. M/ ~( U/ H
jquery中ajax使用方式
W3 V! ]( Q8 d9 ]( d4 R第二课：) [' ?9 G! \3 ~* m& w3 w; U) X
PHP与MYSQL深入4 m* c3 O: G% K
搭建项目初始数据6 `' T% B% S9 Z
兼容PC与移动端
1 } W6 ^; V1 Y列表页制作8 T. t1 Y9 B5 }0 [0 E C/ y3 }
ajax方式初始化列表
: A3 u4 h* G- B( |* W& o& w5 h z第三课：
- b2 A! e$ e. r# Q( z模拟缓冲滑动
8 W3 ]# }; Q2 R# n播放器制作( @8 ]( x9 d* ~ `9 f! X
播放时间与进度
( J: y$ V) b e$ }* tajax方式请求对应歌曲# r* E* r( O% ] T6 C
第四课：$ n; Q3 q- S8 y" `0 w# t$ K
同步歌词制作+ a0 g5 b# |6 i( t2 i3 @
左右划屏制作
( U& C# Z, P5 P$ k) b6 ?留言板制作) \4 K! I2 Z( e8 |
关联表创建
7 M" p/ y9 \9 r' vajax方式初始化留言: G* q* c) [% y3 h# W0 {. ?* E6 l% W
ajax方式添加留言
0 h3 a6 U! s/ b2 G$ T第五课：( p9 w4 n' ], H4 L
完善项目和BUG修复* {( n# N1 L3 }1 T
XMLHttpRequest2' L3 f) H( e( c- Q1 E9 S
onload; ]& G5 ]! G! V" k5 k( d
timeout
! G1 _5 B7 Y7 H* L5 V) M% yontimeout6 V% i! T" H) e. { V
responseType& t6 P8 H3 ~+ G
response) v* w. w5 `4 b1 F
mimeType) F4 p2 u$ e/ U' t
上传文件方式! ^7 G3 @7 h! \( a" W, l! ]
FormData
8 J! e, B* f. Y" z |: M+ q, g8 ]progress+ i6 L% T. |4 O2 ~
跨域jsonp& q& A0 B+ u' i* d/ b- S
跨域cors( G3 {, s4 B7 ?! L
复制代码 上课时间： 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元/人 % V/ e3 Y: q" I
| 
发表于 2018-7-24 15:24:17
发表于 2018-7-24 15:32:59