|
课程介绍: 本次课程涉及的知识点包括: 移动端H5、CSS3、JS、滑屏、HTTP协议、AJAX、跨域、前后端交互、PHP、mySql、jQuery……配合这些知识点,讲师写了一个H5播放器demo,用来演示一个H5播放器究竟如何运用这些技术。 课程案例: 以下演示仅展示了授课过程中“播放歌曲功能、歌词同步功能、拖拽播放进度功能、暂停播放功能、歌曲切换功能、留言功能”,而其他许多商业播放器的功能并未全部完成,毕竟此案例仅作教学之用,因此许多产品交互体验上的细节讲师并未开发,特此说明。 课程大纲: 第一课:- q' a0 O- y) s
传统交互与ajax对比
: W- \1 n% }; \. r7 C6 j什么是ajax
. @5 @8 s# g- l. B$ g$ _6 Z同步与异步
; m g0 k. M ~& ?3 e3 i2 ~5 F搭建wamp环境
6 Q' A. H/ E0 G/ F3 \前后端交互原理5 ]' c8 ]/ i4 G7 o
PHP基础语法
$ O2 X) ~/ ?) g- f8 I; ~, h' @0 yMYSQL基础语法
' Z* n2 k, N, |- TGET和POST( Z& t4 \! P) {0 ]
XMLHttpRequest4 i W4 n/ V! R& m& U
open* Q) T! H7 C2 k5 {/ }. g
onreadystatechange* f; Z$ p0 J: z. q5 [
send
! g5 f; t! B6 z0 e' c) gHTTP协议
9 V: R6 r- q6 h/ c" jreadyState; h- q" Z8 B$ E. J3 b. q/ `
status2 G& \7 Q' u7 [. D& |. M
statusText
9 Y; o$ A$ M4 b" W' wresponseText" A3 M& a5 U1 S* s* [2 S
JSON.parse. N: Y/ \- U a3 N6 K$ B
setRequestHeader4 J1 r/ c3 s; j* I
jquery中ajax使用方式
0 A5 f5 i1 m# |$ w第二课:" Z9 R8 f9 A% Q+ D
PHP与MYSQL深入
2 Z1 j2 \7 ?6 e. F1 W0 e( S搭建项目初始数据
$ u( h0 H8 J/ V兼容PC与移动端% `4 V" H5 H" {$ T/ S' i# Q
列表页制作( C! o" G# {* A- k
ajax方式初始化列表
: B: T0 q0 X$ B) r7 h- \6 o第三课:
5 c( N5 m- d. N模拟缓冲滑动
& g6 [" Z2 c- u% E) s0 y+ G- j播放器制作
$ O7 l, c O: ?# A- x$ `播放时间与进度# Z( n# G# v8 d! N) w1 S
ajax方式请求对应歌曲
9 z2 W* A" D6 ? l+ y第四课:' J0 h- j5 d! t# y; j
同步歌词制作5 Y5 S% T4 l4 g- K0 f, o7 t/ I
左右划屏制作
! s& N9 B' K$ b1 ]- W留言板制作0 ^( V& Z) o/ m4 z" m& F3 n# _
关联表创建
9 L/ U- S8 a/ j) _8 C* yajax方式初始化留言6 m; W) ^) @% ]& @
ajax方式添加留言
, Q6 G6 R# D6 f6 a% N0 n! X第五课:
; G# r2 Y) }/ Z* Y3 l, T完善项目和BUG修复6 o0 o9 C' E8 e
XMLHttpRequest2
( p3 b4 _( H) ]. zonload
* Y/ R& W4 p3 G9 E; z8 qtimeout
/ k' s' o/ I9 E# Gontimeout1 v: c; f/ H% z4 d! m
responseType
* w# Z3 Y' V4 U6 E- {0 {1 lresponse
7 o% {9 m2 _) KmimeType: y+ X) x3 o9 V/ o) A
上传文件方式
7 c/ y, H2 r- lFormData
' z: a4 g5 O" a+ m* S2 L& H) S1 K/ Pprogress8 y& j2 j6 E+ I: [) R
跨域jsonp( h# D, H5 c; j- |- T' a( ~
跨域cors& y: _) ], t- F8 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元/人 3 |# H% I$ h9 C
|