|
课程介绍： 本次课程涉及的知识点包括： 移动端H5、CSS3、JS、滑屏、HTTP协议、AJAX、跨域、前后端交互、PHP、mySql、jQuery……配合这些知识点，讲师写了一个H5播放器demo，用来演示一个H5播放器究竟如何运用这些技术。 课程案例： 以下演示仅展示了授课过程中“播放歌曲功能、歌词同步功能、拖拽播放进度功能、暂停播放功能、歌曲切换功能、留言功能”，而其他许多商业播放器的功能并未全部完成，毕竟此案例仅作教学之用，因此许多产品交互体验上的细节讲师并未开发，特此说明。 课程大纲： 第一课：+ N4 Y! X0 A4 G" L; B
传统交互与ajax对比
5 Y, A! J3 {* T' d2 ^8 H$ q5 w什么是ajax
& c# h( ?, l9 p' P同步与异步, N) E7 e; Y7 X4 }& Q
搭建wamp环境# p: x+ v$ m: J, b
前后端交互原理3 j* A6 W: m) j# r
PHP基础语法
7 ?- f# [; U5 i4 x# y( w; ^MYSQL基础语法, g9 ^! m2 r# p, Y" @. M
GET和POST2 a( n( m- n5 z0 a( C0 M: F' Y
XMLHttpRequest
8 A5 c" |& y! F; H4 e. y- g6 Sopen s9 W9 R( {% u% I- [ I
onreadystatechange
$ H1 P* t0 M8 Rsend
' _- Q5 Z! H. O1 I) EHTTP协议
7 B5 I# K, V8 T: q3 creadyState
. } Z7 x4 x( Z# w, Istatus
. U2 }9 f6 P$ J ~& QstatusText$ @4 s0 C6 B! C& X
responseText
# N! ]( x& c- _* w. Q4 ]9 p xJSON.parse
1 Q9 ?7 R* s8 h. O( tsetRequestHeader1 `* n( E( w' u3 ?
jquery中ajax使用方式
- s6 G/ q: ]+ G- I& y, B( G- L第二课：6 n6 U4 i: ~; {9 J7 @6 n
PHP与MYSQL深入
; P/ Y$ m4 E$ G! C搭建项目初始数据
& j: G9 e5 [0 |. o4 _3 |兼容PC与移动端
( B1 r+ z. ~+ j( Z5 ^列表页制作2 q! ~. ]* o3 I) c2 j% i
ajax方式初始化列表1 I1 B( n! A" v
第三课：
" R5 b7 w! u6 |2 {模拟缓冲滑动
% F2 q) F1 @: c1 T( T5 A" E播放器制作# |6 X. E; g5 P% W
播放时间与进度( o3 m2 [! [$ s T
ajax方式请求对应歌曲1 {1 a! z; j3 e, o! _" {- {
第四课：6 U9 P& ^& M a0 [
同步歌词制作# y& C( b9 k+ p8 q% b- ]9 }
左右划屏制作
( B. O7 l& I" {8 w$ Y留言板制作
2 f. I7 v, @& y D) T+ w0 ~7 u关联表创建
& J( @) Y2 ?& n" Pajax方式初始化留言
- J3 K& v- h! Y! F' p3 K1 c# V0 Majax方式添加留言
) l9 @0 p, ]4 W. H3 a第五课：6 {8 O5 j3 g# m( X$ }$ R
完善项目和BUG修复0 D3 _7 j9 i" |& w& H% O4 @8 u2 V
XMLHttpRequest2
: X: y8 A* i" U8 j/ l/ A" \8 konload
0 G/ B/ k5 q, V8 x5 _) O' Jtimeout( f$ l7 j2 I7 d2 w" U+ H
ontimeout5 ~- o# G( Q) E+ ?& U9 G
responseType- c) O! O! {* ^( j
response! ^- `# _) H( d6 I! O3 p3 {
mimeType
; C5 l) x, u0 t6 M! e3 I# n; j0 d上传文件方式
3 o# F9 t. u" w4 C9 ?" YFormData
3 y2 ~6 K2 i& h; `, M8 eprogress$ w* @# ~1 I. @ y, C# |
跨域jsonp
: K4 F9 u3 H+ _& k1 ]' T跨域cors, C$ G! B& F V; [8 |$ n5 z
复制代码 上课时间： 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元/人
0 j, W# P* p6 W5 v/ U, m; y | 
发表于 2018-7-24 15:24:17
发表于 2018-7-24 15:32:59