|
课程介绍： 本次课程涉及的知识点包括： 移动端H5、CSS3、JS、滑屏、HTTP协议、AJAX、跨域、前后端交互、PHP、mySql、jQuery……配合这些知识点，讲师写了一个H5播放器demo，用来演示一个H5播放器究竟如何运用这些技术。 课程案例： 以下演示仅展示了授课过程中“播放歌曲功能、歌词同步功能、拖拽播放进度功能、暂停播放功能、歌曲切换功能、留言功能”，而其他许多商业播放器的功能并未全部完成，毕竟此案例仅作教学之用，因此许多产品交互体验上的细节讲师并未开发，特此说明。 课程大纲： 第一课：
. x. o1 | X1 X6 A1 G传统交互与ajax对比
, e! o! ]; O1 j2 W$ _什么是ajax) |$ t9 ?1 Z! K6 u X
同步与异步0 r7 l' b, N. M) ^* ~
搭建wamp环境
# k# P, }; ~" m; n/ @& M, D前后端交互原理
3 O7 I- {3 j1 |: E6 [& ~) J% dPHP基础语法8 ]" V( S0 N* c2 B ^- V: M
MYSQL基础语法
; z: e# M7 D& |# m/ C; W; t6 uGET和POST8 D/ q6 z* p6 b6 ]; ~
XMLHttpRequest6 I1 C' @& d' e6 S3 u/ {
open( @# u( y: J4 m8 i
onreadystatechange/ y" t& e; J! O, O9 I5 m9 d, W
send
; K7 i: J% \( lHTTP协议% L+ v( @0 q I0 N. F
readyState
: j% j; m( X1 P/ T" xstatus! x5 o) k$ Q) q9 { v; I0 D8 j
statusText
& G; }/ m+ N4 xresponseText6 x( s% i- e6 A
JSON.parse
7 x6 t G1 f) Q$ B( h5 DsetRequestHeader" x5 Z" r. ~2 o+ N7 E
jquery中ajax使用方式5 L" p; O% j5 L, h
第二课：
6 Y J e4 o. F$ o9 |, P# IPHP与MYSQL深入. ?3 v7 B7 L/ W( @* f4 B+ ?- z
搭建项目初始数据& E1 N0 L6 m; U% R
兼容PC与移动端9 l8 R1 [# Q6 E4 ~. d
列表页制作
8 J9 |- z' B0 k$ \: F- \ajax方式初始化列表
6 `) B9 t- ?& \& m第三课：4 L0 o/ R9 h, A: u
模拟缓冲滑动" E( A& l' p: O8 ]5 g7 R9 F4 E' T! @
播放器制作
" A6 V- f) B% C6 d3 Q% R播放时间与进度4 w* { @' \5 q
ajax方式请求对应歌曲
5 z8 M; _1 e; t第四课：+ _; m. k3 D4 m
同步歌词制作. G Q% e: c3 b5 V0 d4 h
左右划屏制作
' [) B: q( B: L" J( }$ w, V留言板制作
+ j D( r8 S* r: [关联表创建" i' J( F# q/ x# U# n1 p! X
ajax方式初始化留言: k2 N2 ]0 R% x
ajax方式添加留言
$ @1 f4 t2 J8 B) @3 O第五课：! a: t T# \* Q. m' j# q3 g) ~
完善项目和BUG修复8 [6 f& K8 {& ^2 L3 e6 k5 s
XMLHttpRequest2# P" h* k3 ]5 I7 T
onload
* }( Q" T+ H0 l6 Ktimeout, }7 u- K1 D9 p
ontimeout
* _4 G6 } r+ \1 OresponseType
5 E" W0 \0 M9 G Z( |5 ]response9 t9 {7 G+ i: {0 T$ ]' Q( v
mimeType! d& S* r" h) E; ^" V: r0 E
上传文件方式
3 c- e$ j. S* Z5 G: @+ ^# p9 gFormData
g" l( d4 w, m" \( Hprogress) x* ?$ G* m$ P9 e0 a. f8 \
跨域jsonp) g( |" {) d$ x# C2 {: u
跨域cors9 E: \6 G# `7 f% M( K, h! ?/ }
复制代码 上课时间： 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元/人 ; Z/ b2 [* U2 N& }
| 
发表于 2018-7-24 15:24:17
发表于 2018-7-24 15:32:59