|
课程介绍： 本次课程涉及的知识点包括： 移动端H5、CSS3、JS、滑屏、HTTP协议、AJAX、跨域、前后端交互、PHP、mySql、jQuery……配合这些知识点，讲师写了一个H5播放器demo，用来演示一个H5播放器究竟如何运用这些技术。 课程案例： 以下演示仅展示了授课过程中“播放歌曲功能、歌词同步功能、拖拽播放进度功能、暂停播放功能、歌曲切换功能、留言功能”，而其他许多商业播放器的功能并未全部完成，毕竟此案例仅作教学之用，因此许多产品交互体验上的细节讲师并未开发，特此说明。 课程大纲： 第一课：
8 [/ y" G5 y8 ?2 M' u传统交互与ajax对比( y U+ u7 S1 u8 q; ]1 q$ L1 @
什么是ajax4 ?4 ]: S+ L' m8 l+ D
同步与异步
5 A, z- [- I" n; x% V; W搭建wamp环境$ \3 r. ~# e9 a, l- T- ?( t
前后端交互原理
+ I4 h7 E5 f2 mPHP基础语法' ?7 C5 ~" M0 F: R/ P: r
MYSQL基础语法
! F% x* A7 _2 ZGET和POST3 X# z; C* o8 I1 y/ O0 E
XMLHttpRequest
6 e: C5 Z a3 B7 w8 lopen
( R" j4 r' @5 M. ]$ }onreadystatechange) d5 ^! k% v) \
send
7 t# ^ a% E1 }- L i! u: A" [HTTP协议
! S: c( n4 I0 c# k- W ]readyState
. L0 k$ } n# v7 kstatus
1 m( F" Q" a; V0 Q3 P$ ~statusText
6 q# Z ^+ y$ M, @. T3 SresponseText
" z! y x+ ?0 N% h+ l4 UJSON.parse
& m& y: M# b" a p0 [! U8 E% lsetRequestHeader) u9 |8 J t: s* `4 A. ?1 X
jquery中ajax使用方式
$ ^& E: q7 L" E5 H第二课：/ t1 T# T7 I# D% L- e \
PHP与MYSQL深入
7 U0 J: ?$ j) G" G搭建项目初始数据0 P- f- r q" b$ r
兼容PC与移动端 c) d$ C5 ?0 f+ c
列表页制作& M9 r+ D/ V& r. k% ?# m5 j% _6 Z
ajax方式初始化列表+ ]+ K$ z/ f" u+ Y- L9 I
第三课：4 y7 @$ ~6 U5 C" F* z7 m o
模拟缓冲滑动* B9 P0 M" L6 k7 z- Z
播放器制作: |( o# f0 l0 k( N9 V
播放时间与进度
% ]$ w+ }4 x0 C% J! F+ j& \' C. Oajax方式请求对应歌曲, ?, d# H" `. `
第四课：
5 L2 m& {9 [# b) ?5 P同步歌词制作
( y Y5 ]( ^6 ]6 e$ p左右划屏制作& Y, r( Y$ Y2 U( Y: f; H9 ~
留言板制作
L% H* `! }; o# h- F1 W) k关联表创建9 }. n; l- X+ @0 e& S5 H
ajax方式初始化留言
0 X! i8 q2 C. ?$ v! Q7 Xajax方式添加留言& j4 T& `6 v3 g6 k& h( @
第五课：
5 [9 Q* v$ y, ?3 F& k7 k( i% i; D完善项目和BUG修复' J. ?" ` T! e. P$ y9 h$ O, `
XMLHttpRequest2
5 J5 G# a& }- R( Z, k) bonload
* O# w( `7 m7 N! I* B* ^7 |% P; ytimeout) Z9 k. v& X+ \: y
ontimeout
+ Y2 f, i5 m6 L0 y; WresponseType2 M w* B0 U( l5 @9 |! U7 I5 @
response
1 ?& ~; J) i# @4 ?# WmimeType
+ ` D, E+ m2 p% i上传文件方式
X' T, K4 [% t( o& p$ FFormData m5 ~" P& f$ Z. Q2 i
progress1 f# E- Y6 F) ^) z. E
跨域jsonp
( J8 x$ n7 A# Z: k# c% q跨域cors
/ |1 F& Z. s8 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元/人 ! V4 L6 {" u2 K) [: l+ ]7 [+ n4 c: Y
| 
发表于 2018-7-24 15:24:17
发表于 2018-7-24 15:32:59