|
课程介绍： 本次课程涉及的知识点包括： 移动端H5、CSS3、JS、滑屏、HTTP协议、AJAX、跨域、前后端交互、PHP、mySql、jQuery……配合这些知识点，讲师写了一个H5播放器demo，用来演示一个H5播放器究竟如何运用这些技术。 课程案例： 以下演示仅展示了授课过程中“播放歌曲功能、歌词同步功能、拖拽播放进度功能、暂停播放功能、歌曲切换功能、留言功能”，而其他许多商业播放器的功能并未全部完成，毕竟此案例仅作教学之用，因此许多产品交互体验上的细节讲师并未开发，特此说明。 课程大纲： 第一课：. Z1 t, q6 S/ d) g4 _+ [
传统交互与ajax对比, {! w- o x% l/ x, n5 ~9 t$ J
什么是ajax( t( Z7 ]& O* p
同步与异步
3 @0 h$ L! T s. H! g# k* [搭建wamp环境
/ t- o/ g o/ ?7 X7 h( M前后端交互原理
7 K2 ]/ X1 V( C7 dPHP基础语法
% w; d5 ?. | Q8 K% p' ^0 f% f: uMYSQL基础语法0 @: r1 D! a K H6 V" }
GET和POST
- W9 \7 d, G, ?+ DXMLHttpRequest
. u6 w# w; f& y5 nopen
3 i6 i* h! G; N0 i8 nonreadystatechange
: n \. R7 Q4 L6 O; Esend2 J" _& ` G" z. E; }9 {
HTTP协议
6 S- q% Q1 |# j9 LreadyState6 o7 r, L: L6 i! p/ w6 n# b3 C1 ?
status% n" A9 B2 P8 k1 [) L
statusText" i+ F2 i0 A3 [$ W1 K
responseText: p, U) g# X; k4 @( Z# _6 x0 B' o! M4 \) R
JSON.parse
. s% X: R( o8 l4 t2 N' B, L& esetRequestHeader
) [/ w R8 B1 p3 v2 b6 `4 ~, fjquery中ajax使用方式* ^1 y" V: Z1 a" e
第二课：0 L0 y6 g$ \7 [" d6 |( z! e2 ~
PHP与MYSQL深入
( J, K+ _8 f0 [0 ~3 A) S搭建项目初始数据
! y& q- K- B- S5 f( ]+ P6 m4 y* M兼容PC与移动端
8 v6 {5 E0 A1 S' r, ?1 u7 ^列表页制作
3 f% [4 C F/ sajax方式初始化列表
5 F: V, s2 R3 u4 v3 T第三课：
0 m; D3 Q5 D8 m- b& L模拟缓冲滑动
& l3 G& E6 a$ R0 a; K播放器制作
" q' H3 p; r: }6 I; y; Z播放时间与进度
: F7 E0 C* Z- w, e. S, U, aajax方式请求对应歌曲
. b0 M% A3 {; a$ K6 E第四课：8 b ^- V% y9 P5 F& X) n
同步歌词制作6 j* |5 g i: @, W* r4 I6 `
左右划屏制作
9 }; j( T3 r) @6 `; x留言板制作4 a5 j; Y9 b( G; u6 V& {
关联表创建+ {+ T: c2 s9 }* T0 ~( i" \1 |4 s
ajax方式初始化留言
9 j3 c1 E7 k" b' N* B& xajax方式添加留言
6 c ]6 O4 E( K" \" \) u第五课：
8 K3 `8 @) i) E. w* I* u完善项目和BUG修复& \, j# h5 M9 N4 \$ x
XMLHttpRequest2" k) }) G! d/ Z/ J, g
onload0 Z3 ]7 J" N, b' w( ^; U
timeout; E2 U8 V* R$ ?' {9 q) N" l: p5 R7 f e* d
ontimeout8 ^$ y5 B' W$ y
responseType* n+ |2 x2 v4 w! S+ M+ ^% E" H/ `7 y
response$ K1 X5 h% s( Q& y1 n0 j
mimeType
' B! v2 v, Q3 ]5 |" V; W4 ]上传文件方式; [. P7 j/ H) J, H4 F
FormData
! S0 R$ t* z6 X( Vprogress- p( E }6 s+ r6 H$ ?$ s4 k, X
跨域jsonp, V* @( _* }, q6 G! G+ ^ S* L! @
跨域cors, H9 t( w) q) u. ~
复制代码 上课时间： 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元/人
% M2 T/ i9 a& R4 k, Z) v | 
发表于 2018-7-24 15:24:17
发表于 2018-7-24 15:32:59