|
课程介绍: 本次课程涉及的知识点包括: 移动端H5、CSS3、JS、滑屏、HTTP协议、AJAX、跨域、前后端交互、PHP、mySql、jQuery……配合这些知识点,讲师写了一个H5播放器demo,用来演示一个H5播放器究竟如何运用这些技术。 课程案例: 以下演示仅展示了授课过程中“播放歌曲功能、歌词同步功能、拖拽播放进度功能、暂停播放功能、歌曲切换功能、留言功能”,而其他许多商业播放器的功能并未全部完成,毕竟此案例仅作教学之用,因此许多产品交互体验上的细节讲师并未开发,特此说明。 课程大纲: 第一课:
5 s# o/ W! _+ N) U传统交互与ajax对比( C, ]3 o6 H6 u* s; P
什么是ajax9 l! B1 j a8 I d! d* x
同步与异步
0 s8 y7 Z$ L4 d# y: O3 x搭建wamp环境
# |) N% t$ }: _% R& {8 t; z$ x前后端交互原理 r) D6 m- V C
PHP基础语法" g4 V$ w8 p) t) l
MYSQL基础语法
5 q! m1 v- X) U4 g4 M) X8 S: wGET和POST3 Q3 `; Y: {- X9 n, C
XMLHttpRequest4 Z/ T; V0 e- P8 s+ L: Q! l
open9 H+ u' ~* _4 K; N
onreadystatechange
. ~! [! x! h7 \send9 X9 C0 p' T+ w) Y/ Z0 r% e
HTTP协议$ K# A3 g& o- p" W
readyState% \0 Y B0 q7 G* U) i4 U
status
& V8 Z) ?! i- DstatusText
r; l' ^, u% p8 Z: C$ |# i/ Q2 {responseText2 O1 n4 P+ O* f8 B' V
JSON.parse
6 L4 }6 l6 p% G5 S' \! p3 `7 L+ FsetRequestHeader/ n; B! s& `! z- R+ s1 w' L' `
jquery中ajax使用方式$ A( z: |5 X9 {1 \$ b- S, ?
第二课:* E4 M5 v( Z' F$ E6 n( Y5 [+ k
PHP与MYSQL深入4 Y2 c, \/ Z: c
搭建项目初始数据+ R5 a: \) P4 |* w# p% F* J
兼容PC与移动端% u$ V2 I! Z( n7 Q' B U
列表页制作
1 [# A4 a. y C5 G6 c! T' ?/ |/ C% Qajax方式初始化列表
; S# i8 n# o6 p$ \2 N第三课:, k: h: S" w9 }3 a% z/ n' o+ \8 K
模拟缓冲滑动. o* K, y) V2 e, y f
播放器制作0 ]$ J. [2 C# q
播放时间与进度
' P1 }8 O3 Q2 d, J1 Tajax方式请求对应歌曲
: W2 w5 N5 _1 {- ^ w第四课:6 k4 J/ {' {& S6 y+ p$ h, C# {4 k
同步歌词制作+ t0 S. {, y+ L1 p+ C8 @# J+ J
左右划屏制作
5 v2 z$ \, A/ b/ Z留言板制作' w. r) O( |4 B( n* Y" V5 ~5 [
关联表创建9 F% p& a! v+ t* O1 f& O5 q& K8 O4 N
ajax方式初始化留言4 ~( N- p4 }& S
ajax方式添加留言. p3 M1 p" i/ ^. C* S, X: y; s: J [
第五课:) u+ }! R% {9 i5 ?7 I
完善项目和BUG修复 y- f f9 |8 |7 n: k5 L
XMLHttpRequest29 H. u8 M3 m* x, q B6 o
onload3 c9 ^0 c+ k Y9 i
timeout- z" R% N4 p8 g' N8 i
ontimeout
4 i" ^9 M" Y0 f) g8 U; X1 eresponseType% }; }+ Q* _* f* r2 I
response2 V) X8 I7 e' D$ Z
mimeType
, X9 V% i/ F, z4 f4 ~上传文件方式& | q$ `! c. b, G4 A4 R
FormData
# w7 p* f6 k3 W* ~progress
6 t4 F% y, S6 W' B6 t: n: R跨域jsonp q9 s6 Z" a/ O$ y' B) c- m% ^ ^: V
跨域cors% Z) v1 p9 l0 h8 ]' u6 I
复制代码 上课时间: 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元/人 / @. Y+ {" `& m
|