|
课程介绍： 本次课程涉及的知识点包括： 移动端H5、CSS3、JS、滑屏、HTTP协议、AJAX、跨域、前后端交互、PHP、mySql、jQuery……配合这些知识点，讲师写了一个H5播放器demo，用来演示一个H5播放器究竟如何运用这些技术。 课程案例： 以下演示仅展示了授课过程中“播放歌曲功能、歌词同步功能、拖拽播放进度功能、暂停播放功能、歌曲切换功能、留言功能”，而其他许多商业播放器的功能并未全部完成，毕竟此案例仅作教学之用，因此许多产品交互体验上的细节讲师并未开发，特此说明。 课程大纲： 第一课：
1 s5 ]; ^! ~+ h% Y- ?! x传统交互与ajax对比
% p; ]* s. F: ]- p8 u! m什么是ajax
, D9 U3 W2 y' @5 D同步与异步4 m% j/ h% s. s. ?, t, k0 ]" b
搭建wamp环境
0 U% S) O% c( g9 I% F4 U前后端交互原理0 q" l: G% `- ]% i
PHP基础语法
/ a/ M1 y& j) JMYSQL基础语法
5 _8 Z2 D% e( R3 d5 q' a+ TGET和POST
V: R) C' k6 J" I k: u) QXMLHttpRequest$ b/ n5 i: f/ D% i
open
8 F9 l2 A9 U% k$ A, E$ ponreadystatechange
3 O& e. F) P7 y7 _# vsend
8 ?" a# y2 J1 F& Q- y" W' F' p2 gHTTP协议
8 o {6 z! x$ V, c! @/ a! B' xreadyState
5 I; R% C5 i" b& G' t- E2 ~status+ G f$ t( N$ d" o: t9 q
statusText3 A8 `! C8 Q8 }1 \' q
responseText9 z3 C# ^8 i4 F% p0 r
JSON.parse9 J {. T. _, U. h
setRequestHeader, z6 T0 _# w1 Y) |: k0 C; A
jquery中ajax使用方式
; V/ {0 d3 A8 w! s第二课：
0 i5 N. R; S0 {5 L! K' s; `1 {PHP与MYSQL深入
s- D) x7 \# x% x- t搭建项目初始数据
. R, Q) B4 K4 l$ I$ _8 }7 i兼容PC与移动端; z- `3 H! R+ F
列表页制作' d2 d7 ~) h" ?7 z: s
ajax方式初始化列表
7 g0 T+ g9 r3 t3 T第三课：4 `4 q# g: b! a
模拟缓冲滑动# Z ?# u) e3 i
播放器制作5 t* l Y6 h" p6 Z' \
播放时间与进度( V: L' ~: g0 A* b
ajax方式请求对应歌曲0 v7 ~2 ^0 v$ x% A3 c0 ^( ~
第四课：
( S$ r5 h6 i: n同步歌词制作 P% {# u/ J$ t
左右划屏制作. a; z# m' h8 m+ g% V4 f" X7 R! Q* b
留言板制作
# \7 ?0 Z$ \, l7 Q( ]关联表创建
! S/ X, z+ } }# G* g4 L/ najax方式初始化留言
6 \7 y1 H3 D! A* c6 ?8 R0 d1 `- {ajax方式添加留言& S+ k5 H' j. p2 U8 E, V' R. A
第五课：
4 j4 n8 R, L3 r m! g& v完善项目和BUG修复9 r( {$ r0 A; [
XMLHttpRequest23 N& V6 l6 j7 m( l7 ^9 s
onload+ ]( \8 |4 u B0 l1 U
timeout
2 W, y: h- O$ V0 B0 R4 u8 v3 \8 montimeout6 P W$ ?7 s- o. t# u* a h8 ^$ v
responseType( T1 C3 Z6 X+ U3 V
response
2 D! T" ~) v7 O! i$ T5 ?3 JmimeType$ f1 y4 `+ Y6 U7 f/ j6 g* ?1 T
上传文件方式
9 T1 \4 ~7 B2 g5 r- n6 CFormData. s! l% q/ ~7 a* I3 @( b
progress2 @3 j! {4 D: _. A& m
跨域jsonp# {' B- ^) G: F/ z0 U$ G$ \
跨域cors
7 c2 g/ ~! }- D) a6 d( 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元/人
( x5 B8 C& p; w$ d8 b | 
发表于 2018-7-24 15:24:17
发表于 2018-7-24 15:32:59