|
课程介绍: 本次课程涉及的知识点包括: 移动端H5、CSS3、JS、滑屏、HTTP协议、AJAX、跨域、前后端交互、PHP、mySql、jQuery……配合这些知识点,讲师写了一个H5播放器demo,用来演示一个H5播放器究竟如何运用这些技术。 课程案例: 以下演示仅展示了授课过程中“播放歌曲功能、歌词同步功能、拖拽播放进度功能、暂停播放功能、歌曲切换功能、留言功能”,而其他许多商业播放器的功能并未全部完成,毕竟此案例仅作教学之用,因此许多产品交互体验上的细节讲师并未开发,特此说明。 课程大纲: 第一课:- I5 h: Y8 S( X
传统交互与ajax对比2 H, v7 h$ H; g {* M( a
什么是ajax
4 _: `- v: y$ L" S% H+ i! n同步与异步
% z; ? k. S9 J+ F6 B2 T; H搭建wamp环境
& f" O9 W- z$ d5 [前后端交互原理
7 h. p$ c, ^: SPHP基础语法$ k" E# k+ L3 C' x
MYSQL基础语法
2 `0 }0 [0 M) D0 }3 d7 h& nGET和POST
( J% N7 C2 |6 a# v) jXMLHttpRequest
$ q) V/ I2 X6 dopen
6 V7 r3 k C: X3 t) r( I# Monreadystatechange. R* N/ e& K' N ^- `
send, y& P& f3 X; X# ^; Y: C
HTTP协议% a- k% W5 I3 Q9 v* q c# x
readyState& W& k. T% t$ ]- n- g; f/ H
status, e j+ Q! H. X/ b
statusText
8 d) d8 H0 @. R0 @ OresponseText
, E3 {6 @4 h' r6 S& W5 h8 rJSON.parse
: f1 s$ X6 v. L5 ]6 l, A+ A, `setRequestHeader* t8 f. a; N0 f- O F4 @
jquery中ajax使用方式9 X$ F9 p* H% _# x- p) Y' ^% w' k. `
第二课:
- [; e2 e& _5 ~1 ~: V. k! hPHP与MYSQL深入
/ w' L# z4 @- L搭建项目初始数据8 {' v8 c; `! h% z% V5 D! S
兼容PC与移动端+ B" _! H5 h% C0 d+ p
列表页制作4 I$ F) m$ k f* e
ajax方式初始化列表
0 {5 w5 A& P% H- E# ]7 f1 B# E第三课:5 x" ?! V& ?$ b; B2 ^7 K% [
模拟缓冲滑动
. R6 n( _4 q. E5 c$ z/ W- ~6 O7 t播放器制作( }# Q! s2 j! |
播放时间与进度1 A( `! o9 s0 \' n) Z4 E, @ A, B3 |
ajax方式请求对应歌曲
" A5 C0 Q& ]) {: V( F- [0 J W, V第四课:
! ]9 {# y& R( u1 q6 w同步歌词制作) E& p: Z( r* c/ a& a; L
左右划屏制作3 k4 \& E1 O# _. X, }
留言板制作
( ]& h* N. w1 w关联表创建
. B$ b* z: [ Wajax方式初始化留言5 X3 E! J: g+ e) {; G* s) J
ajax方式添加留言1 P4 S: o3 R, x5 ?# g. y. B+ B& |
第五课:4 s7 a: c1 h0 k" I( L- |
完善项目和BUG修复( |# _* `" D4 L7 j/ I" x" r+ V
XMLHttpRequest26 q# i1 M) P! a6 o9 s s+ R2 x6 y; ~
onload
: |! c/ u* H3 E) v! f! `timeout
+ z' b) o/ i+ o2 u; j5 J2 Sontimeout
3 x5 P7 i* b2 C* TresponseType
7 c5 ?8 v" ^( F4 x; Nresponse7 w+ ?/ Q$ n: k. q2 z7 b" ]+ R
mimeType- v: ~3 P% v- @% y) f, e
上传文件方式9 Y n1 c2 g, V/ Q) S' Q
FormData/ t# K4 o( \& J) ]5 ] \, i7 q; c
progress
9 }8 |# S- R$ m. I2 Z跨域jsonp
' s0 k5 u9 y5 _跨域cors4 M3 W, E1 ]1 @9 d" d
复制代码 上课时间: 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元/人 ' E/ W4 t: [ o% W/ Y
|