|
课程介绍： 本次课程涉及的知识点包括： 移动端H5、CSS3、JS、滑屏、HTTP协议、AJAX、跨域、前后端交互、PHP、mySql、jQuery……配合这些知识点，讲师写了一个H5播放器demo，用来演示一个H5播放器究竟如何运用这些技术。 课程案例： 以下演示仅展示了授课过程中“播放歌曲功能、歌词同步功能、拖拽播放进度功能、暂停播放功能、歌曲切换功能、留言功能”，而其他许多商业播放器的功能并未全部完成，毕竟此案例仅作教学之用，因此许多产品交互体验上的细节讲师并未开发，特此说明。 课程大纲： 第一课：* Y: i! {: D# c6 m; ^8 v& p* k
传统交互与ajax对比. ~- P! ^5 Q6 T: D+ D9 ` {% m
什么是ajax2 }! Y, h6 [- b3 i
同步与异步/ w/ q" O; f- ]6 K4 z4 e
搭建wamp环境& U4 c0 {% c0 g
前后端交互原理8 N8 V. N% N& Z4 F% m
PHP基础语法1 t5 M' k6 Q- [: a
MYSQL基础语法
8 J% i) A0 E, QGET和POST
N! `" Q% b; W0 B& r6 ^XMLHttpRequest% u0 ~% Y2 T( h- @4 @( v
open4 d% ~( U: j7 I l/ J/ q Z+ I
onreadystatechange$ u! m+ q# L2 {$ v. q5 I6 Y8 C6 [
send
, ], c: f6 X5 O0 L# kHTTP协议6 o/ i: `. w- ~ p6 Y3 \, l, u
readyState: r7 Y6 p4 p/ B- u& b
status
6 F4 Q; N H8 cstatusText3 ~2 a) K* d4 v. Y9 O
responseText
1 M% _. O, e( v# j% UJSON.parse
0 i3 x& o. F* m; R2 t: ~setRequestHeader& e# I$ g0 B' @: E) Q
jquery中ajax使用方式
7 x0 F! t: i( C4 u" }第二课：
9 Z6 [3 |* C$ ]% ?7 FPHP与MYSQL深入9 m Z2 B4 L3 J0 y8 |" }% q
搭建项目初始数据8 t5 g$ O5 g# z3 H# i0 B
兼容PC与移动端
( t1 r2 E. X9 U0 ~" n, Z列表页制作
0 Q2 [: J' x+ y6 W" r2 aajax方式初始化列表
% C4 t5 j4 d( X" D第三课：
* A' }2 p3 }; B模拟缓冲滑动
- x; q+ t0 f9 R' T播放器制作
, l' ^ y+ y6 b# e. _- w, U. c播放时间与进度
' g8 l) N6 Q8 m5 b. P5 _ajax方式请求对应歌曲
`' f8 T0 w5 E% a+ O4 d9 k: q第四课：8 `, `) Z1 T7 k q. `( P
同步歌词制作
4 q0 G" I! j1 Q/ }7 x左右划屏制作- Y/ m3 G1 X# N h$ U3 b/ ?* Y. O+ p& s
留言板制作; S# {! z. a1 j2 u) ?
关联表创建8 ~8 [3 y1 A' E1 Y
ajax方式初始化留言
' e2 _# G1 n9 P+ O' wajax方式添加留言3 A* U6 M7 C/ L2 ^' ]
第五课：# z6 A5 o8 P% t$ ]* X4 ~ ?
完善项目和BUG修复
7 F9 J$ b5 G: l6 R# xXMLHttpRequest2. R. {! }, ^* H$ e# J
onload# B+ z) D' g* j% }" v/ B. j5 y
timeout
, u+ l. L0 b9 j9 d9 n( Jontimeout2 Y1 J, M8 S1 N. N8 j
responseType% x# v1 \/ \3 K! V
response& V& a6 h* M% { l8 p
mimeType
% W$ e. ]$ l5 H& @# n [4 l! h上传文件方式5 W- y( g9 K( S( e
FormData
( @% w- F* Q2 P; e8 h, j, mprogress
+ o: y: A$ G* h. n- c跨域jsonp
+ |4 T4 H( {( ^2 y. L7 w跨域cors( G/ ^3 X* @2 W- ^
复制代码 上课时间： 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 n3 V7 V- B4 r" I/ V6 c% K
| 
发表于 2018-7-24 15:24:17
发表于 2018-7-24 15:32:59