|
课程介绍： 本次课程涉及的知识点包括： 移动端H5、CSS3、JS、滑屏、HTTP协议、AJAX、跨域、前后端交互、PHP、mySql、jQuery……配合这些知识点，讲师写了一个H5播放器demo，用来演示一个H5播放器究竟如何运用这些技术。 课程案例： 以下演示仅展示了授课过程中“播放歌曲功能、歌词同步功能、拖拽播放进度功能、暂停播放功能、歌曲切换功能、留言功能”，而其他许多商业播放器的功能并未全部完成，毕竟此案例仅作教学之用，因此许多产品交互体验上的细节讲师并未开发，特此说明。 课程大纲： 第一课：
. k$ M! x1 S: b K$ H1 l传统交互与ajax对比. d' s; E- f( x/ v9 O
什么是ajax
1 Z+ `7 ?& D( k8 C( l; M; i同步与异步0 |" Z& S% z7 O4 ]
搭建wamp环境
1 F4 }# u+ O, p1 | Q+ \0 A前后端交互原理
' D' T+ ?8 _ E$ R y0 HPHP基础语法0 w# U H4 T! }, m; L( J
MYSQL基础语法1 L7 Z' I! Z3 J0 M& n
GET和POST0 b) y* W# B% l1 a
XMLHttpRequest2 y1 \% \! T$ }* V
open
f8 { m5 x+ K. h; A& P% ronreadystatechange( j( X9 @, n0 I. p
send
" p+ {/ W, s5 i: EHTTP协议
% {; T, u" }. @) dreadyState" |9 q; u! X' j
status
; T% b2 S8 V, y5 C% u' F MstatusText
9 n" c* A# j/ m% DresponseText
$ [3 _8 ]7 Y+ K% c" t0 mJSON.parse
" L4 ]) o( {( k4 ~setRequestHeader
! W/ t: W6 _% D5 l( x7 djquery中ajax使用方式+ n" k$ J. [, Q$ {& S" F4 u4 j
第二课：
" Z' ]' Y1 W0 I% gPHP与MYSQL深入4 ~- @. P: n2 z* C. I
搭建项目初始数据. R4 ~$ B) x7 [0 p
兼容PC与移动端
: X7 V3 i# {# |5 S# n5 F( v/ I列表页制作! \! q; j2 j" P8 C( t* ?0 j
ajax方式初始化列表
0 s# D5 y" D: w第三课：
4 b3 q( `! P' r4 R% l( J8 n模拟缓冲滑动
/ |0 t3 G2 m+ V+ E6 u播放器制作
" y( |' H+ u- F7 f( {9 C播放时间与进度+ z: a* L1 s: ?: x
ajax方式请求对应歌曲8 i* m3 Q3 U: v% t5 ]
第四课：
# F( a9 C6 {1 j0 ?4 m- e9 U同步歌词制作# c; p6 g2 v% B+ g$ ?) {( y
左右划屏制作
& K! k W. p3 N6 g/ M留言板制作
1 q" Z; d, i5 \) Y关联表创建
/ v5 y" I" j( u1 m. Zajax方式初始化留言% r4 C1 U8 O+ r! ^; O
ajax方式添加留言
: G" x7 ^; k0 }" r第五课：
5 N+ h! M# N2 r2 x$ u& a5 A0 m! {完善项目和BUG修复1 Q" H. \) }% M, a. {: J5 R
XMLHttpRequest2
9 a% [( H5 A0 }- I0 ]onload% O( V" O6 u$ h% y% H
timeout
- |- O& ~: U& contimeout) X9 ]0 ]* ]% Q; |9 }6 a
responseType
# v1 D- A- N D. ?! ~2 Kresponse1 L8 W& s) N$ ~; o5 o# |) X8 r
mimeType
& J0 N- P2 Z! T: U" a上传文件方式9 |( \- U* C* ? A
FormData
. U. r5 O; S; ?2 n( }0 H# Lprogress2 H5 w! u( b e& M& A2 ]# A, P# T
跨域jsonp
! U8 _- H+ W$ U6 J( T1 U7 Z; Q2 `跨域cors
! \9 U6 P4 f6 W9 K复制代码 上课时间： 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元/人
7 H2 ]' ?% q* o1 F( L | 
发表于 2018-7-24 15:24:17
发表于 2018-7-24 15:32:59