|
课程介绍： 本次课程涉及的知识点包括： 移动端H5、CSS3、JS、滑屏、HTTP协议、AJAX、跨域、前后端交互、PHP、mySql、jQuery……配合这些知识点，讲师写了一个H5播放器demo，用来演示一个H5播放器究竟如何运用这些技术。 课程案例： 以下演示仅展示了授课过程中“播放歌曲功能、歌词同步功能、拖拽播放进度功能、暂停播放功能、歌曲切换功能、留言功能”，而其他许多商业播放器的功能并未全部完成，毕竟此案例仅作教学之用，因此许多产品交互体验上的细节讲师并未开发，特此说明。 课程大纲： 第一课：- z) b5 d8 B1 b
传统交互与ajax对比
: S( [* b% Y* ~3 j% _; T; \什么是ajax* F7 ?! V; o9 y* z8 [( f
同步与异步, R4 e1 i+ H6 L8 ]! u9 \/ A
搭建wamp环境
! {" R3 b& W/ z( l* X& i# U3 A前后端交互原理7 g5 L o0 M) P! A, p' ?
PHP基础语法
. I- Q. r& L5 U E+ j' j4 sMYSQL基础语法
/ W2 l* O1 Y5 s3 f& oGET和POST
8 M, ^; {. A' {5 Y( iXMLHttpRequest
/ \3 H0 ~5 N7 R0 h# i0 w+ x, D' {open9 \' B: C, x5 _. ~0 h. u
onreadystatechange
- ^# s# W" ^) I- d* H7 v; r- Wsend
0 n* F$ I1 g0 u; ]# yHTTP协议
0 U6 J0 Y4 o3 UreadyState
1 t$ M, N: R& fstatus
0 d2 ~; C4 h" J( N% pstatusText
0 \4 [( F, B& k* z* s; R& x* oresponseText
- q7 l5 F; x: c% y; CJSON.parse6 Z' |( B, X* q
setRequestHeader
L9 ~* L0 G$ O/ D# _3 gjquery中ajax使用方式
: R) S' e$ h8 @% @, b3 Z第二课：% @1 b* h( L! {
PHP与MYSQL深入
, I& z( S d2 f/ ]搭建项目初始数据
8 a2 m t" c1 e兼容PC与移动端& S% } @& s. ?& B
列表页制作9 S7 A) t: w6 d( O1 ^
ajax方式初始化列表
. E# N U& A# H( Y" S6 J/ u- |第三课：3 b D0 J6 ~4 {, W8 y# {
模拟缓冲滑动+ c* i' L! B, s1 @
播放器制作
. K) d$ H' A' k" v: r: f" B) h% N; I播放时间与进度
7 |' [6 g+ I# F+ E8 q. B! H1 h4 Jajax方式请求对应歌曲3 X: S$ V0 L g: b8 a+ m
第四课：
3 Z" W0 k7 J4 R' u! Y9 V( x同步歌词制作
4 j4 A# g% \/ m1 N8 G" p% @左右划屏制作& c# L7 o: f! r. D
留言板制作) [4 K3 o; R( K- H, _
关联表创建
% Y5 g @7 D8 E% u7 Bajax方式初始化留言
4 o, b; o8 R3 iajax方式添加留言" p) ?" x2 Y" A( `( \. r- i6 z
第五课：# S h- {; S+ G! C: t4 B
完善项目和BUG修复
2 ~& x3 t/ N4 A0 d& TXMLHttpRequest2
3 `; O" b( Q+ O ~+ M* [8 y8 qonload
. ^- p& d3 }: [1 i; Z) Ztimeout
5 @; q2 k$ b9 C% S% r9 w8 dontimeout
: Z- E5 m! C- l, C2 KresponseType
5 f. i2 p/ _ K( ?3 ]$ vresponse2 w7 e5 o% z+ `) j8 p; X
mimeType
/ X3 y! v& j1 w5 H5 `6 E3 o: t- h8 ]上传文件方式
( f/ i2 ^* g' DFormData
+ m" _* W; M) o7 t" Lprogress
5 m7 j4 l0 C, G' D2 S6 D3 n2 y跨域jsonp3 _' Z; h+ P4 P# h/ \+ |. b- f9 M
跨域cors9 T& d8 @/ |% 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元/人
9 }& X! E% Y5 Q& P. h6 _' t, f" E$ ^ | 
发表于 2018-7-24 15:24:17
发表于 2018-7-24 15:32:59