|
课程介绍: 本次课程涉及的知识点包括: 移动端H5、CSS3、JS、滑屏、HTTP协议、AJAX、跨域、前后端交互、PHP、mySql、jQuery……配合这些知识点,讲师写了一个H5播放器demo,用来演示一个H5播放器究竟如何运用这些技术。 课程案例: 以下演示仅展示了授课过程中“播放歌曲功能、歌词同步功能、拖拽播放进度功能、暂停播放功能、歌曲切换功能、留言功能”,而其他许多商业播放器的功能并未全部完成,毕竟此案例仅作教学之用,因此许多产品交互体验上的细节讲师并未开发,特此说明。 课程大纲: 第一课:* L( G: Q) f& ~5 O5 {
传统交互与ajax对比, d" F8 X1 Y( l! G, }
什么是ajax
0 j9 s: z0 ]) t& t" {- i- s, B同步与异步! p. V8 f- z$ ^! d0 _2 C
搭建wamp环境/ e' ^: S1 v) Z5 d1 b
前后端交互原理
4 E" Q2 k! T1 F" SPHP基础语法! S( E$ y! p' [" j
MYSQL基础语法' A4 E2 o2 A' E% D: |" \' L
GET和POST
/ [3 S% ^( h" K' ~* f) S- vXMLHttpRequest( i' C4 W. [: b, \0 r
open
' m4 L$ v% U4 O+ T9 Z" o5 K) ^0 Lonreadystatechange' w7 V- p) h1 Z* s! }0 t: \5 P9 l- A
send
% J& I3 r$ r; r) tHTTP协议, D1 k8 V) q4 V" F2 L
readyState4 _' e& q9 m; Y
status
, b2 _6 u$ z* x3 r: VstatusText
8 i# n) b0 t/ a8 m/ }1 i4 oresponseText
; P$ c; {0 ~ [0 N* @+ [8 dJSON.parse9 k; q" I- k3 v, j8 c% X; }+ t
setRequestHeader4 K1 I: c0 X, V4 i* v$ `
jquery中ajax使用方式. C# {% U$ f+ `: p
第二课:
/ ~2 A. M9 g2 y+ P5 rPHP与MYSQL深入( a' n: t% r. Z: w0 O
搭建项目初始数据0 P" I0 Y, w# j u, l
兼容PC与移动端; U8 L8 q' x3 M
列表页制作0 Y: f7 H9 Y2 i0 r) |& P; K0 W
ajax方式初始化列表
, M3 A/ R/ O) p5 l) ]$ L" W9 ^第三课:, c; |0 Z4 C% \6 C* I# E
模拟缓冲滑动' W( }; F T/ q9 y! \; I
播放器制作
" u1 G) Z3 A y# c6 ^4 [; H0 z% h1 p6 Z播放时间与进度
/ @" x6 B- [' u+ u5 ~7 Pajax方式请求对应歌曲0 L) Q6 {# s( B; ]# m7 L' g" K
第四课:: F. q; x! K2 H1 I
同步歌词制作
. B0 @# \' s& g6 r左右划屏制作
. H$ u3 i# c& n+ x留言板制作5 |' `% a2 G% V! }
关联表创建4 D5 h2 g, f h. V4 A: X
ajax方式初始化留言, E; f7 Q- c7 O
ajax方式添加留言6 m9 z4 ?6 A& B3 }1 }6 f# `8 I1 p
第五课:
" I8 \ Q6 d. w, ^2 I1 f完善项目和BUG修复
% `6 ]6 u3 f$ ~* X2 ]6 @+ lXMLHttpRequest28 G+ _+ r/ Y1 [6 t
onload% b: R! _( H. D% L$ M. w; b* w
timeout
/ I! e0 w& Q7 X4 T- r2 montimeout
' M6 R: I$ v) k3 z8 u fresponseType, O" R7 o4 _6 v1 M6 G
response
. ]" ]4 C$ N$ O7 l, ~mimeType3 W9 s( I8 Y. O2 u$ P# ^
上传文件方式
! w" ]. S9 W6 kFormData$ ?7 D# M* g M" r
progress
, ~8 u- z7 }( ^4 H; O跨域jsonp7 @' r O# Z, v, i9 K, P5 n
跨域cors5 v. k2 n" N3 _9 S7 a$ Q. x- r! {( m
复制代码 上课时间: 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元/人 ; w' o% ?* _" j
|