|
课程介绍： 本次课程涉及的知识点包括： 移动端H5、CSS3、JS、滑屏、HTTP协议、AJAX、跨域、前后端交互、PHP、mySql、jQuery……配合这些知识点，讲师写了一个H5播放器demo，用来演示一个H5播放器究竟如何运用这些技术。 课程案例： 以下演示仅展示了授课过程中“播放歌曲功能、歌词同步功能、拖拽播放进度功能、暂停播放功能、歌曲切换功能、留言功能”，而其他许多商业播放器的功能并未全部完成，毕竟此案例仅作教学之用，因此许多产品交互体验上的细节讲师并未开发，特此说明。 课程大纲： 第一课：
% |$ Q/ q& a: |传统交互与ajax对比, P. {* ]/ J' M, t" o
什么是ajax: k; D: l+ G2 @7 w# R8 o" i! X
同步与异步
4 i# R+ x% Z1 {9 C5 X0 j搭建wamp环境 J* ~7 \* S B& T3 b# r2 d! Q4 M( S) T
前后端交互原理
* l) P! v e! M7 ?! k* M/ mPHP基础语法
' q, a/ U1 e8 Q' j4 I1 `7 q$ A" zMYSQL基础语法
- n$ }% ^7 ~3 W% H6 l7 j( U2 Y+ fGET和POST2 i& b7 U7 _% @ p0 A b
XMLHttpRequest% X1 N1 C2 |8 x! l
open) m% _2 ^ X. d) D& ]
onreadystatechange
9 }0 [5 @3 T! m( `send
' o+ x% K6 l3 w- f; gHTTP协议8 r9 q5 |; o" `( I7 [' n
readyState! M/ {6 K) ~# {/ h2 o9 r0 ]4 V
status
* k8 j% i; v2 j# P) \' _& Y: Z7 l3 TstatusText
! o6 V# D! s8 [$ I% NresponseText0 w& k2 P, s# l0 V
JSON.parse
4 h C1 y, W: F: E( jsetRequestHeader- G# k* P9 S' d7 Q4 g9 P
jquery中ajax使用方式% c: w E( [: q0 w8 M
第二课：$ a6 X4 |: ^+ p. c, v$ j6 M% p F9 |
PHP与MYSQL深入1 i$ v6 B9 q! B) u- D) [2 s
搭建项目初始数据
' ~- I. Q8 K1 ]. M* V$ Q) q7 g兼容PC与移动端9 o5 `' X( p3 T$ }6 K/ x5 H) @
列表页制作 n; m$ P/ Q) z3 F' A+ P# \
ajax方式初始化列表
$ e# I$ y( Q) l: C第三课：
, w* M/ I- H: _- Z+ M模拟缓冲滑动
E% S3 O! ~+ x. ^' p2 U% d播放器制作
6 d$ I& q4 d- d9 c, F# G5 e3 g9 J播放时间与进度9 V! N' O3 c$ u# F+ r( f4 G
ajax方式请求对应歌曲, t* N1 f: o% p! P
第四课：
" H; O d* W+ e同步歌词制作# a: l" x3 x% F1 L
左右划屏制作5 C: Y$ J+ O4 g- C* u
留言板制作
3 @" Q$ c c* T7 z关联表创建
- o+ n2 E* l; j, R- vajax方式初始化留言6 C/ `4 H0 L. y8 |& r% K
ajax方式添加留言
4 ~$ h; g. L( Q z+ {第五课：
/ w+ {; G7 a4 W4 J6 f+ ~. N: \6 @完善项目和BUG修复) D% y) }0 o/ C+ X& p0 r
XMLHttpRequest2 D1 e8 H! K8 P7 u
onload! A& Q' f0 x! Z" `; G
timeout7 q# w7 `, M. F: a
ontimeout
: v- n* U& Q r1 s8 `/ uresponseType# V0 D9 A$ U( L- S0 W5 R" l
response
* [' X+ M. k" H+ f2 Y7 zmimeType
2 T+ w( w! j% V8 w2 C+ B上传文件方式
! w- g! o. A9 z/ t7 u& K1 }' c4 JFormData' i. z B/ W* |4 y7 Z) _. b# G
progress: r$ I: v4 M1 F7 s
跨域jsonp( e, [8 t. G4 E8 |
跨域cors
- e$ F( @1 @( s) L! q; N' B! 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元/人 . x! K0 @. @9 r9 z0 o4 S: ~3 H
| 
发表于 2018-7-24 15:24:17
发表于 2018-7-24 15:32:59