|
课程介绍： 本次课程涉及的知识点包括： 移动端H5、CSS3、JS、滑屏、HTTP协议、AJAX、跨域、前后端交互、PHP、mySql、jQuery……配合这些知识点，讲师写了一个H5播放器demo，用来演示一个H5播放器究竟如何运用这些技术。 课程案例： 以下演示仅展示了授课过程中“播放歌曲功能、歌词同步功能、拖拽播放进度功能、暂停播放功能、歌曲切换功能、留言功能”，而其他许多商业播放器的功能并未全部完成，毕竟此案例仅作教学之用，因此许多产品交互体验上的细节讲师并未开发，特此说明。 课程大纲： 第一课：
/ O) w( @" m! E! [传统交互与ajax对比
; O( W: Q7 c' X N7 V什么是ajax8 m1 Z2 V0 D. `6 O. e
同步与异步
/ I5 o9 y1 {( H8 p$ f; p* `: [8 P搭建wamp环境
# `# K. x8 G1 g& Q% _& S, `( z前后端交互原理
0 Z8 N+ P0 Z. \4 KPHP基础语法
/ v+ r2 ]! p# A5 pMYSQL基础语法
. k8 A; ~) f9 M7 ZGET和POST9 Q- ?- U8 I0 Z; C0 L) @5 [' R# d/ z
XMLHttpRequest
$ v: y: U& A$ ~; zopen
* x: a) ?! L. X2 Konreadystatechange
, o* @. r2 N' ~7 c3 H$ Jsend
: L. Q v4 d% o9 }( GHTTP协议4 e5 Y! y$ R% D; I
readyState
% o, c" V9 ?5 q( B5 t& _" fstatus$ C$ Z4 [+ r2 n# s P8 z- W! z; ~* _8 i9 F* z
statusText
% ]9 k( {. p0 p. ~; M, P3 SresponseText
) D# G U. C" i* \6 A, A7 w& D W1 N4 EJSON.parse( Z' i" S" {% ~( z# z. H# ]
setRequestHeader
( n7 f2 V" S3 S* e% s+ c% f2 ]) Mjquery中ajax使用方式/ Q; N2 e, a3 ?1 k- @. ^) V$ d
第二课：! a# m) e( r- ~8 J- V
PHP与MYSQL深入
! x- ^$ `; f$ M搭建项目初始数据. g: s- r0 V7 H* v8 }
兼容PC与移动端
! y% b) r" V3 l" D0 T# V列表页制作
, ]- R' V# N; c& C2 h X' bajax方式初始化列表
% ~7 G3 Q/ \% a \! K6 g第三课：8 ^5 f8 I7 o' B$ H( b) b
模拟缓冲滑动
: [/ X) E! r$ Z; P播放器制作
" E( E# J j% Q播放时间与进度1 x) k3 E% o6 t1 f$ `1 Z
ajax方式请求对应歌曲% ~! ^- W& s* z
第四课：
9 q/ T0 N& H4 A8 Z" B同步歌词制作- x% @# `& j# f/ s3 p- h M
左右划屏制作
4 d; |* S) f3 G" u留言板制作
. I( d1 }! m2 ]关联表创建
- c' j7 L8 d, z( N/ e: z; iajax方式初始化留言
, r6 m8 a- b/ Q$ w2 g4 |4 d9 ^ajax方式添加留言
/ O5 [6 a+ w$ H+ G5 b% i c第五课：# P, ?3 v; P: B" _1 O
完善项目和BUG修复- q8 |: X' h& x& @
XMLHttpRequest2
" c$ {2 D9 W) v3 L: o" ]+ Gonload
# q9 e- b e+ z- ~timeout. E6 X, P5 ?3 c" `; m2 \; w" ^
ontimeout
! b) t5 A2 e" bresponseType7 N4 p) p$ q( @( H& h
response
' }/ V" X3 _. W7 g: W6 r pmimeType
3 ~: F6 X1 S" M! u% U7 \5 \上传文件方式# n- y$ J" S4 E7 `
FormData4 w$ \1 R r: J- p8 o
progress: b2 s, H9 V+ N0 L) Q
跨域jsonp' v& {6 _/ Y: o3 O
跨域cors- W# W, f: v: @1 p7 _
复制代码 上课时间： 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元/人
' U+ j1 X+ `* q | 
发表于 2018-7-24 15:24:17
发表于 2018-7-24 15:32:59