|
课程介绍： 本次课程涉及的知识点包括： 移动端H5、CSS3、JS、滑屏、HTTP协议、AJAX、跨域、前后端交互、PHP、mySql、jQuery……配合这些知识点，讲师写了一个H5播放器demo，用来演示一个H5播放器究竟如何运用这些技术。 课程案例： 以下演示仅展示了授课过程中“播放歌曲功能、歌词同步功能、拖拽播放进度功能、暂停播放功能、歌曲切换功能、留言功能”，而其他许多商业播放器的功能并未全部完成，毕竟此案例仅作教学之用，因此许多产品交互体验上的细节讲师并未开发，特此说明。 课程大纲： 第一课：
e2 S) \, o C0 v& ?5 S传统交互与ajax对比4 h9 g- l# W/ |! S& K
什么是ajax! X( M; y# j. l2 ~) m* z
同步与异步
3 y$ u* L$ K3 V搭建wamp环境
3 J+ l$ J9 L; w- J前后端交互原理
% f+ y6 E" c. N: ]/ BPHP基础语法
0 j- P9 C+ U4 D6 rMYSQL基础语法
% c7 k1 h7 C8 T, ?GET和POST
/ X& @$ Y7 m1 A3 n EXMLHttpRequest
5 l% I- {% M& mopen
! }, ^4 [! h5 I; z" z( }onreadystatechange
7 b' U) d+ w( x; _5 w4 p( V2 x. Rsend, N, p6 u* a/ e' K4 K5 G7 v, y" I
HTTP协议8 u7 e( P9 X9 R% b+ o {+ E2 i
readyState7 M5 n. m& p: ?; P* n
status
n& C/ E1 R, ?& ystatusText" U( Y8 S& g) r* z
responseText- r1 m: o+ I1 i8 y
JSON.parse
+ ^% F; D$ d' X; v; r) x8 P nsetRequestHeader
6 V( h, x% h1 j5 cjquery中ajax使用方式
/ i: g7 p7 k4 u/ [第二课：0 i; E" t' h6 L. R
PHP与MYSQL深入+ Z A0 J" N5 \, K+ h c
搭建项目初始数据
; S0 m: v3 g4 K+ n+ h: f兼容PC与移动端: W: {& G, S. {% j3 ~% ?
列表页制作5 _ A$ O- a1 X- t6 `4 K W! _
ajax方式初始化列表
9 f5 v/ P O" o第三课：
" p9 T( k4 U- L+ P; m8 p模拟缓冲滑动
, |' K# o0 g% r5 v! {) Q( g播放器制作
# r8 {' x G+ }' u播放时间与进度
! J# [- t4 X: Z" C5 L- ]6 V& Iajax方式请求对应歌曲
9 M; Q/ N, g d; j" u9 N第四课：
7 `6 @& s7 B9 U同步歌词制作5 E, ?* c& d0 Y7 ]/ \
左右划屏制作' \& H- K& ^" d w
留言板制作
1 T, C9 r/ \2 W% B关联表创建
0 z+ v* v9 ~" \' Q" tajax方式初始化留言/ a; x% n6 ^( x. Y1 T0 T' E
ajax方式添加留言
7 B# f. M2 a) H- {4 z3 U$ y第五课：
/ f- ^7 m6 U7 s: ~( z/ x. S; d完善项目和BUG修复0 ^' u3 J9 t) j6 y% k: }/ Q6 O
XMLHttpRequest2' n& d. R2 m& [9 V
onload
) y- }! S. Y6 ptimeout
& K P% n! j. bontimeout
8 N8 z1 e0 `1 F6 \responseType
+ C! P1 \, b3 x2 G3 F) u3 yresponse( A: @! d: i0 M
mimeType. u% @" `5 b1 N) J
上传文件方式
, [7 q. q/ o3 z- yFormData
6 V' B& s% R- V9 ^6 W) g5 e. v4 |progress3 D, k3 `( e2 O ~+ M
跨域jsonp0 ?4 d) x' z& \0 h( G
跨域cors
( T- ~7 c- {, B1 E% V- c复制代码 上课时间： 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元/人 ( G' h; E$ {9 }0 r9 G
| 
发表于 2018-7-24 15:24:17
发表于 2018-7-24 15:32:59