飞雪团队

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 13502|回复: 9

m味新推出远程课:H5音乐播放器-ajax实战

[复制链接]

8880

主题

8968

帖子

2万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
28970
发表于 2018-7-24 15:24:17 | 显示全部楼层 |阅读模式
课程介绍:
本次课程涉及的知识点包括:
移动端H5、CSS3、JS、滑屏、HTTP协议、AJAX、跨域、前后端交互、PHP、mySql、jQuery……配合这些知识点,讲师写了一个H5播放器demo,用来演示一个H5播放器究竟如何运用这些技术。
课程案例:
以下演示仅展示了授课过程中“播放歌曲功能、歌词同步功能、拖拽播放进度功能、暂停播放功能、歌曲切换功能、留言功能”,而其他许多商业播放器的功能并未全部完成,毕竟此案例仅作教学之用,因此许多产品交互体验上的细节讲师并未开发,特此说明。
课程大纲:
第一课:
/ O) w( @" m! E! [传统交互与ajax对比
; O( W: Q7 c' X  N7 V什么是ajax8 m1 Z2 V0 D. `6 O. e
同步与异步
/ I5 o9 y1 {( H8 p$ f; p* `: [8 P搭建wamp环境
# `# K. x8 G1 g& Q% _& S, `( z前后端交互原理
0 Z8 N+ P0 Z. \4 KPHP基础语法
/ v+ r2 ]! p# A5 pMYSQL基础语法
. k8 A; ~) f9 M7 ZGET和POST9 Q- ?- U8 I0 Z; C0 L) @5 [' R# d/ z
XMLHttpRequest
$ v: y: U& A$ ~; zopen
* x: a) ?! L. X2 Konreadystatechange
, o* @. r2 N' ~7 c3 H$ Jsend
: L. Q  v4 d% o9 }( GHTTP协议4 e5 Y! y$ R% D; I
readyState
% o, c" V9 ?5 q( B5 t& _" fstatus$ C$ Z4 [+ r2 n# s  P8 z- W! z; ~* _8 i9 F* z
statusText
% ]9 k( {. p0 p. ~; M, P3 SresponseText
) D# G  U. C" i* \6 A, A7 w& D  W1 N4 EJSON.parse( Z' i" S" {% ~( z# z. H# ]
setRequestHeader
( n7 f2 V" S3 S* e% s+ c% f2 ]) Mjquery中ajax使用方式/ Q; N2 e, a3 ?1 k- @. ^) V$ d
第二课:! a# m) e( r- ~8 J- V
PHP与MYSQL深入
! x- ^$ `; f$ M搭建项目初始数据. g: s- r0 V7 H* v8 }
兼容PC与移动端
! y% b) r" V3 l" D0 T# V列表页制作
, ]- R' V# N; c& C2 h  X' bajax方式初始化列表
% ~7 G3 Q/ \% a  \! K6 g第三课:8 ^5 f8 I7 o' B$ H( b) b
模拟缓冲滑动
: [/ X) E! r$ Z; P播放器制作
" E( E# J  j% Q播放时间与进度1 x) k3 E% o6 t1 f$ `1 Z
ajax方式请求对应歌曲% ~! ^- W& s* z
第四课:
9 q/ T0 N& H4 A8 Z" B同步歌词制作- x% @# `& j# f/ s3 p- h  M
左右划屏制作
4 d; |* S) f3 G" u留言板制作
. I( d1 }! m2 ]关联表创建
- c' j7 L8 d, z( N/ e: z; iajax方式初始化留言
, r6 m8 a- b/ Q$ w2 g4 |4 d9 ^ajax方式添加留言
/ O5 [6 a+ w$ H+ G5 b% i  c第五课:# P, ?3 v; P: B" _1 O
完善项目和BUG修复- q8 |: X' h& x& @
XMLHttpRequest2
" c$ {2 D9 W) v3 L: o" ]+ Gonload
# q9 e- b  e+ z- ~timeout. E6 X, P5 ?3 c" `; m2 \; w" ^
ontimeout
! b) t5 A2 e" bresponseType7 N4 p) p$ q( @( H& h
response
' }/ V" X3 _. W7 g: W6 r  pmimeType
3 ~: F6 X1 S" M! u% U7 \5 \上传文件方式# n- y$ J" S4 E7 `
FormData4 w$ \1 R  r: J- p8 o
progress: b2 s, H9 V+ N0 L) Q
跨域jsonp' v& {6 _/ Y: o3 O
跨域cors- W# W, f: v: @1 p7 _
复制代码
上课时间:
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元/人
下载地址:
游客,如果您要查看本帖隐藏内容请回复

' U+ j1 X+ `* q
回复

使用道具 举报

0

主题

201

帖子

1482

积分

VIP会员

积分
1482
发表于 2018-7-24 15:32:59 | 显示全部楼层
m味新推出远程课:H5音乐播放器-ajax实战
回复 支持 反对

使用道具 举报

0

主题

247

帖子

2170

积分

VIP会员

积分
2170
发表于 2018-7-24 16:27:50 | 显示全部楼层
少时诵诗书所所所所所所所所
回复 支持 反对

使用道具 举报

0

主题

756

帖子

1728

积分

VIP会员

积分
1728
发表于 2018-7-25 01:08:41 | 显示全部楼层
感谢分享,不觉明厉啊!
回复 支持 反对

使用道具 举报

0

主题

108

帖子

1102

积分

VIP会员

积分
1102
发表于 2018-7-27 04:12:09 | 显示全部楼层
好资源,谢谢楼主的分享
回复 支持 反对

使用道具 举报

0

主题

129

帖子

1788

积分

VIP会员

积分
1788
发表于 2018-7-27 23:29:49 | 显示全部楼层
回复

使用道具 举报

0

主题

204

帖子

1454

积分

VIP会员

积分
1454
发表于 2018-7-29 01:31:35 | 显示全部楼层
111111111111111111111111111
回复 支持 反对

使用道具 举报

0

主题

279

帖子

2526

积分

VIP会员

积分
2526
发表于 2018-8-4 16:03:10 | 显示全部楼层
感谢飞雪团队分享如此好的资源。
回复 支持 反对

使用道具 举报

1

主题

501

帖子

1837

积分

VIP会员

积分
1837
发表于 2018-8-7 16:15:07 | 显示全部楼层
回复 支持 反对

使用道具 举报

0

主题

995

帖子

3805

积分

VIP会员

积分
3805
发表于 2020-11-16 19:45:08 | 显示全部楼层
WEB基础班实战班-美团
回复 支持 反对

使用道具 举报

懒得打字嘛,点击右侧快捷回复 【右侧内容,后台自定义】
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|飞雪团队

GMT+8, 2026-6-25 15:13 , Processed in 0.069476 second(s), 22 queries , Gzip On.

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表