|
课程介绍： 本次课程涉及的知识点包括： 移动端H5、CSS3、JS、滑屏、HTTP协议、AJAX、跨域、前后端交互、PHP、mySql、jQuery……配合这些知识点，讲师写了一个H5播放器demo，用来演示一个H5播放器究竟如何运用这些技术。 课程案例： 以下演示仅展示了授课过程中“播放歌曲功能、歌词同步功能、拖拽播放进度功能、暂停播放功能、歌曲切换功能、留言功能”，而其他许多商业播放器的功能并未全部完成，毕竟此案例仅作教学之用，因此许多产品交互体验上的细节讲师并未开发，特此说明。 课程大纲： 第一课：
& `' V3 t2 L- F# X s" S% b9 t传统交互与ajax对比
8 d9 O6 k6 T6 R# m' o* G# u什么是ajax
3 A5 c+ G% H1 g# K& v同步与异步
+ ^" a; H+ v: b0 G搭建wamp环境5 v, G1 O# e6 g' z
前后端交互原理
$ k6 {5 @' H: u3 t8 U5 i, SPHP基础语法
, n2 n: ^- T. e7 d7 G! ^MYSQL基础语法' ?+ R+ h$ y) V) V9 I7 T3 x8 D
GET和POST6 V! h2 U7 [2 @. e5 d5 ~; Y
XMLHttpRequest
( i y) o% b* G% A! l! I) A; p# qopen& ?/ p4 s4 `% R. j4 e$ M) o9 V
onreadystatechange
5 f1 u5 m1 f) L6 }2 Vsend
$ c6 S7 B# o. P1 DHTTP协议
$ y9 O# b k* L/ r6 hreadyState
$ v. s2 b7 J9 ystatus
3 ~. l6 |- I! x0 z1 H! J9 M& AstatusText/ m# j- v2 M$ \2 ~
responseText& @/ }6 Y1 w: k! }, Z" g
JSON.parse
6 j8 R( L8 c/ j! HsetRequestHeader9 M4 k0 B1 `7 W1 X/ H# I
jquery中ajax使用方式- y) h. @) {5 z( k2 s- m" b& A
第二课：
K, @) b7 W6 VPHP与MYSQL深入, y8 s; Q. x$ Z7 w/ Z
搭建项目初始数据
- x; ]+ b2 T) Z$ t0 R兼容PC与移动端
k) a$ w1 X% l列表页制作* q& _; y+ g: M0 y
ajax方式初始化列表
5 w% c7 L' N0 A- q第三课：6 v: k$ o# _4 b9 ?; j- G- A8 K+ y# E
模拟缓冲滑动3 x4 S& t" ]5 m& f: G4 K4 P& P0 {
播放器制作5 ?5 R( |6 h4 ]3 ]& V
播放时间与进度
/ a! ~" \( J6 k, |4 }4 B& z2 M+ Oajax方式请求对应歌曲3 X2 i8 z( Z' x( d
第四课：
& E6 O0 m e% Q4 t, Y同步歌词制作
) Z6 f% [+ U: g3 L( a( H- Y左右划屏制作
% K) ]: J5 i3 ?0 A @$ M留言板制作' u( E0 x$ g6 H7 ?( x$ V: ]8 {
关联表创建 I" K G' z% d% |- L1 }8 {) [6 Y
ajax方式初始化留言! M, N, k6 S C7 ^* T! g
ajax方式添加留言
1 K# y: w P. T- W* d第五课：/ v$ L! e- p$ k6 X. f: ^! J
完善项目和BUG修复
. Z$ u8 f" A3 H$ RXMLHttpRequest21 |1 {( `% J$ _9 j3 i7 K
onload: ]; R- J0 u! z' p" O/ V
timeout: C; U) j% N3 a+ X+ U9 ^) O
ontimeout8 X" B. Q# k& c) V1 C
responseType
" H9 V4 e6 U: a2 q' @ S! p4 Gresponse
7 @% q! t# M0 {6 A0 {, S( ?0 bmimeType3 M9 ]% n+ a" J# ]
上传文件方式6 A& w: W3 P/ x5 U/ _
FormData
. N z+ ~8 C0 |( n. ?progress
$ B- O. G) V) ^% ^跨域jsonp( X. ~9 j9 w: N: B! e
跨域cors
1 D9 s; c# `+ t0 I e复制代码 上课时间： 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元/人 + ]' {2 p* p4 `( T" r
| 
发表于 2018-7-24 15:24:17
发表于 2018-7-24 15:32:59