|
课程介绍： 本次课程涉及的知识点包括： 移动端H5、CSS3、JS、滑屏、HTTP协议、AJAX、跨域、前后端交互、PHP、mySql、jQuery……配合这些知识点，讲师写了一个H5播放器demo，用来演示一个H5播放器究竟如何运用这些技术。 课程案例： 以下演示仅展示了授课过程中“播放歌曲功能、歌词同步功能、拖拽播放进度功能、暂停播放功能、歌曲切换功能、留言功能”，而其他许多商业播放器的功能并未全部完成，毕竟此案例仅作教学之用，因此许多产品交互体验上的细节讲师并未开发，特此说明。 课程大纲： 第一课：
8 M: f$ m4 X' r' |传统交互与ajax对比2 D. x6 H; V. D& |% F
什么是ajax
4 M1 z; k: u" t" {5 Y同步与异步/ N6 a+ n7 f$ e& r6 t
搭建wamp环境
7 D+ B. F4 Z, y% o前后端交互原理
( Q+ N3 U! ^- [PHP基础语法: v1 S5 J2 @ Y+ S
MYSQL基础语法1 p/ p) N1 X. l; L( w! z
GET和POST
$ C% I$ n" p/ RXMLHttpRequest
- l6 u# L2 r/ ] C3 R- _: R5 Yopen
* q9 w) Z9 s: ?4 T. conreadystatechange; }/ |+ r$ T6 Z+ C# s& Q
send
/ t; @1 `7 w2 s; O: {HTTP协议" g2 N" A2 j# B# ]0 q8 p8 C' |
readyState
1 w- P# N8 A$ i3 Y& f! m/ @" ]status
$ B& G y$ }: ystatusText' }# @ K8 y/ T8 S. K: m
responseText
% D3 _: t& c6 mJSON.parse
3 O3 L a. ]9 j* e- `6 I+ |/ p3 {3 g& OsetRequestHeader% K2 Z2 u1 \+ @6 h9 U- y
jquery中ajax使用方式3 G# M* n$ E, m$ X; a
第二课：' W# m; h1 T0 P. p$ V8 \2 k
PHP与MYSQL深入5 h7 j) `+ q; \: q4 a" U2 p4 q
搭建项目初始数据
+ m. G0 C/ }8 a9 E5 j$ ?7 V& [7 E兼容PC与移动端
% Q7 p b# N3 s# C列表页制作: Q( d6 O0 }) F
ajax方式初始化列表
$ z- D4 m/ l$ ^, i, X$ x, j/ C3 x e x第三课：
! s- V! _( l5 D- x模拟缓冲滑动
. b7 g3 n: F! G: v- b播放器制作* J! {' m! `; R! {/ i% i# Y+ k
播放时间与进度
7 G) y |0 Y e" F6 ?/ jajax方式请求对应歌曲, q" M2 l) B5 e1 s; o2 L. C2 r; }
第四课：) T# h, D% k+ _' G8 r
同步歌词制作( i+ ?* z4 u& ^; m( `
左右划屏制作
9 K3 A0 S8 x6 E% J) k& {留言板制作
$ N* n3 S8 d6 S关联表创建# j- ^4 V/ f# g3 U6 E+ j
ajax方式初始化留言4 ?2 _# l+ u' v
ajax方式添加留言- z, T# B6 F# C4 V6 b
第五课：6 T! h! b1 b5 n5 u5 t2 T j7 Z
完善项目和BUG修复
( J/ I$ t, {6 q) ]6 O& F3 b6 IXMLHttpRequest2+ a! X& z) ]- A+ M1 {; N
onload$ B+ v6 \/ o1 C8 H6 _' ~
timeout
( V6 U& \+ F5 I& }7 zontimeout
6 O H8 o- p* K$ `- N3 {; q$ j; [responseType: W6 v8 [; i: e* R6 x
response
& W H! X3 R0 u0 emimeType; t: e+ z1 k1 }/ V h! D
上传文件方式: S `5 |2 U2 Y4 d+ p$ `+ Z* ^
FormData* D" h+ j$ w- \, j2 \2 r
progress
, m4 [& M" k2 l9 s! H跨域jsonp4 `4 t( x; P& t, `
跨域cors; L) T5 B3 F4 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元/人 1 H, d8 T3 C. I1 |8 i: [( ~
| 
发表于 2018-7-24 15:24:17
发表于 2018-7-24 15:32:59