|
课程介绍： 本次课程涉及的知识点包括： 移动端H5、CSS3、JS、滑屏、HTTP协议、AJAX、跨域、前后端交互、PHP、mySql、jQuery……配合这些知识点，讲师写了一个H5播放器demo，用来演示一个H5播放器究竟如何运用这些技术。 课程案例： 以下演示仅展示了授课过程中“播放歌曲功能、歌词同步功能、拖拽播放进度功能、暂停播放功能、歌曲切换功能、留言功能”，而其他许多商业播放器的功能并未全部完成，毕竟此案例仅作教学之用，因此许多产品交互体验上的细节讲师并未开发，特此说明。 课程大纲： 第一课：$ Z1 {' Q1 F' F$ c7 S+ W
传统交互与ajax对比
3 M6 J3 s; c8 ~( V% O/ l什么是ajax3 H! E1 p+ O3 Q2 Q
同步与异步
; k7 C. I* D. b: h. l' u! C/ m搭建wamp环境
' K( e. A. ~& Z& J前后端交互原理
$ S5 |' c$ q) u1 XPHP基础语法% _, S) D1 r% L' J' g; h! r# D9 z- W; p
MYSQL基础语法
* M0 c) x$ e7 t) [+ i. Q3 C5 u9 s; UGET和POST
3 U2 O* U, b3 |' c {6 _XMLHttpRequest
; ^" h2 N: `$ o% z; x+ r, \open+ I& d( c6 }# e$ A/ j- D H" w
onreadystatechange' n) m) {) b3 a* ]
send6 X8 ?' Y4 w0 {6 Z/ i3 A
HTTP协议
: L$ |5 j2 K* F0 n/ e3 IreadyState& X7 P' f9 F4 f. _; {" A" E" K. c
status" ~2 C Z" O$ o$ _& P
statusText) x+ a, w' L+ }
responseText
1 {) r/ |+ X2 K! VJSON.parse
9 w g: O- d7 ^7 V6 _" psetRequestHeader2 J% x, N) C" V ^; z0 a4 }& @
jquery中ajax使用方式
5 r) _2 F p2 g2 T6 O# m第二课：
. \7 ^" U1 q$ |PHP与MYSQL深入
4 ~+ Q, {! q, n. S) S搭建项目初始数据4 W# @# b, d, A5 e" v' K
兼容PC与移动端
6 x7 g! L) f1 [2 P* D列表页制作. H: a9 H- v9 `1 E: D7 U% v
ajax方式初始化列表 ~; J+ N8 X0 P) P
第三课：
1 X7 a) K# X- z6 V' O# ^" M模拟缓冲滑动1 x$ @. K, Z( h3 ]; Y) K
播放器制作
; | T; c5 k- w9 t9 R播放时间与进度7 K' ~" O- C- W6 M# ~# k% [1 E
ajax方式请求对应歌曲& p4 a1 X5 n6 K) D8 p. i: G- q9 T3 O
第四课：
( l6 p) N( \! E同步歌词制作* L$ u- l% X+ @: @ Q$ b: R
左右划屏制作
2 w5 o# K- [. [留言板制作
; s$ I. |- Y9 n. ]8 Y关联表创建7 U- A4 p: s' L! f1 q
ajax方式初始化留言
& K3 w6 g+ c& J% V, @ajax方式添加留言
! X8 p; L8 o$ l3 N6 `7 W/ V" q第五课：% N( U2 O: q8 O& p2 `, K
完善项目和BUG修复! Q! Q2 J2 c6 r4 I3 ]: g, z5 n
XMLHttpRequest2
% H l& [( u2 v! M e/ r+ O7 Conload
) l0 \: f3 Q, f' d; s$ [" q- etimeout; n0 w- Q( X1 c( t2 u6 B& ]/ e
ontimeout
. Q+ @( @2 h0 e0 d6 XresponseType
$ N3 ` @' K. a; n+ Cresponse6 @ n! ^7 B% t2 z: K* z9 ~$ J1 u. |6 D9 G
mimeType
6 N+ p6 A! r/ n. C- @上传文件方式! z2 O) P o+ G* P
FormData* R1 @5 C) ^9 D8 y
progress
# v! i0 C$ f" ] N跨域jsonp
) y/ s6 m: X/ N跨域cors
; O# a0 v7 J3 L! O0 p复制代码 上课时间： 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元/人
4 g0 H# e: h: R! H+ P, `" x | 
发表于 2018-7-24 15:24:17
发表于 2018-7-24 15:32:59