|
课程介绍： 本次课程涉及的知识点包括： 移动端H5、CSS3、JS、滑屏、HTTP协议、AJAX、跨域、前后端交互、PHP、mySql、jQuery……配合这些知识点，讲师写了一个H5播放器demo，用来演示一个H5播放器究竟如何运用这些技术。 课程案例： 以下演示仅展示了授课过程中“播放歌曲功能、歌词同步功能、拖拽播放进度功能、暂停播放功能、歌曲切换功能、留言功能”，而其他许多商业播放器的功能并未全部完成，毕竟此案例仅作教学之用，因此许多产品交互体验上的细节讲师并未开发，特此说明。 课程大纲： 第一课：
3 y0 p: W, ?: l. E% y) U5 R* T- r) t传统交互与ajax对比% O3 Q! W& ?* F# S
什么是ajax
: e) i9 n9 Z+ s3 g1 Y0 ^同步与异步
7 A# Q8 ~$ B( L! B/ o搭建wamp环境
/ I% ?+ o5 W. Q2 S# l9 i l' o$ B前后端交互原理
" `; M5 x; i2 x. F; BPHP基础语法& }3 Z4 b4 K! L3 T/ \
MYSQL基础语法3 y6 f3 h. r5 k# d8 o' Y, R
GET和POST
( r9 ~+ a8 A* B9 o3 f6 XXMLHttpRequest8 J4 |( G$ C9 P3 Z$ ^3 _: W
open& P( ?( F- _9 W% ^2 V- F
onreadystatechange
3 B' f9 }: V& tsend" A! y8 G: n+ C6 }
HTTP协议4 H' g' a6 R! U2 U
readyState, x; K8 z: |* l9 U9 Q
status
5 j" K& e( @" K. TstatusText% Q1 [! j4 w e7 w7 W7 r2 }8 B
responseText# @0 p/ u/ y/ B. m+ M, X
JSON.parse! L+ `$ Y+ ^; Q
setRequestHeader
- @3 e* c2 n* ^. A0 D0 w# Xjquery中ajax使用方式$ ~8 `6 b- A/ b2 m; V: n, A {
第二课：
: |0 C8 A; Q" Q$ ZPHP与MYSQL深入 H. |- |$ q. O( U! S+ E" z% v3 ^
搭建项目初始数据
; a" [3 l* ]8 q+ F& E X1 X( n兼容PC与移动端
0 y! Y9 q7 Q6 `% v, C列表页制作
, [4 b- P, j1 F: T. ^/ Zajax方式初始化列表
' z7 T6 z/ I9 ?第三课：
7 _ C" O9 V; F, y$ w h模拟缓冲滑动
8 U! n; e6 ^6 V$ l. C! G9 V播放器制作
: r' E% ~& l) F( R" w |! u& ~播放时间与进度7 {* e" r/ W8 e: `* f/ e( J2 Q6 ]
ajax方式请求对应歌曲
, a4 Y- @" w" D1 g1 b* ^第四课：* u2 ]" `3 O6 t0 u; _" i
同步歌词制作! [$ O2 f8 D1 ]
左右划屏制作
& P1 D. C$ c6 w9 j+ T! B/ B/ A留言板制作
9 P# C# z% y& Q( A关联表创建$ R8 L& B7 K8 K: g O, \# t
ajax方式初始化留言' M& q/ U( x0 `# a4 @' E/ y
ajax方式添加留言3 h' E% @2 g* V, e5 @
第五课：# n% Y: |) S: y$ {
完善项目和BUG修复# h% g( T% ?! B% u+ J
XMLHttpRequest29 O* {& B4 ~/ I5 j% U/ f# z3 u
onload
, A! B; W z7 a m, N! r( \timeout
+ R X8 ^9 H) P- c wontimeout
( l) v6 ]6 G. y5 q) rresponseType
9 Z" }/ l* d3 M: `& }response* M f5 F' \2 G( c7 q; P. c
mimeType
K/ U# h. L$ U2 @5 F j: V- S上传文件方式! \2 g+ Q5 @* D
FormData4 R( x6 ^, w9 X+ `) v. z
progress
1 ~$ S2 G& l: m( @" R! h跨域jsonp
6 Q! f$ c. e, `6 F; a/ i跨域cors0 R0 o; o' M) l& [9 ~. N
复制代码 上课时间： 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 K% ]% Z% k& E" @, @3 h0 h | 
发表于 2018-7-24 15:24:17
发表于 2018-7-24 15:32:59