• 课程介绍
  • 学习目标
  • 课程详情
  • 本次课程涉及的知识点包括:移动端H5、CSS3、JS、滑屏、HTTP协议、AJAX、跨域、前后端交互、PHP、mySql、jQuery……配合这些知识点,讲师写了一个H5播放器demo,用来演示一个H5播放器究竟如何运用这些技术。
  • 课程案例演示仅展示了授课过程中“播放歌曲功能、歌词同步功能、拖拽播放进度功能、暂停播放功能、歌曲切换功能、留言功能”,大家学完以后可以动手尝试制作一款类似的H5音乐播放器。
  • 课程介绍:

    本次课程涉及的知识点包括:

    移动端H5、CSS3、JS、滑屏、HTTP协议、AJAX、跨域、前后端交互、PHP、mySql、jQuery……配合这些知识点,讲师写了一个H5播放器demo,用来演示一个H5播放器究竟如何运用这些技术。

    课程案例:

    以下演示仅展示了授课过程中“播放歌曲功能、歌词同步功能、拖拽播放进度功能、暂停播放功能、歌曲切换功能、留言功能”,而其他许多商业播放器的功能并未全部完成,毕竟此案例仅作教学之用,因此许多产品交互体验上的细节讲师并未开发,特此说明。

    PC端访问:http://v.miaov.com/ajaxmusic/

    微信扫描二维码访问:

    课程大纲:

    第一课:
    传统交互与ajax对比
    什么是ajax
    同步与异步
    搭建wamp环境
    前后端交互原理
    PHP基础语法
    MYSQL基础语法
    GET和POST
    XMLHttpRequest
    open
    onreadystatechange
    send
    HTTP协议
    readyState
    status
    statusText
    responseText
    JSON.parse
    setRequestHeader
    jquery中ajax使用方式
    第二课:
    PHP与MYSQL深入
    搭建项目初始数据
    兼容PC与移动端
    列表页制作
    ajax方式初始化列表
    第三课:
    模拟缓冲滑动
    播放器制作
    播放时间与进度
    ajax方式请求对应歌曲
    第四课:
    同步歌词制作
    左右划屏制作
    留言板制作
    关联表创建
    ajax方式初始化留言
    ajax方式添加留言
    第五课:
    完善项目和BUG修复
    XMLHttpRequest2
    onload
    timeout
    ontimeout
    responseType
    response
    mimeType
    上传文件方式
    FormData
    progress
    跨域jsonp
    跨域cors
    复制代码

     

    学前要求:

    熟练掌握PC端页面布局,有一定 JS\H5\CSS3 及后端基础知识储备;

     

    课程费用:

    活动价:¥229.00760.00      VIP价:¥199.00

     

    课程咨询QQ:2852509866、2852509867、2852509868
    课程咨询电话:010-57269690
    客服在线时间:周一至周五 9:30-18:00 周六至周日 10:00-17:00

    请关注微信公众号,了解最新课程安排:

课程目录

资料下载

购买课程后,可免费下载课件

讲师信息

妙味讲师

主讲教师:妙味讲师

讲师介绍:全职讲师,

相关课程

  • HTML5移动端布局实战开发课程

    ¥340.00
    当前热度:5681
  • 移动端 H5 场景应用(一)【破茧成蝶】

    ¥199.00
    当前热度:3017
  • 移动端 H5 场景应用(二)【移动端对话场景应用】

    ¥199.00
    当前热度:2327
  • 基于 websocket 的 IM 聊天工具实战

    ¥88.00
    当前热度:6932
“100%中奖,幸运好礼转到手”
幸运用户
用户 奖励方式
恭喜: 156468712 获得一等奖
恭喜: 156468712 获得一等奖
恭喜: 156468712 获得一等奖
恭喜: 156468712 获得一等奖
恭喜: 156468712 获得一等奖
恭喜: 156468712 获得一等奖
恭喜: 156468712 获得一等奖
恭喜: 156468712 获得一等奖
恭喜: 156468712 获得一等奖
1. 中奖后请联系客服,兑换奖品;
2. 兑奖有效期:2018 年 10 月 18 日 - 2018 年 12 月 31 日;
3. 本活动最终解释权归妙味课堂所有;
您还剩余1次抽奖机会
 
“100%中奖,幸运好礼转到手”
恭喜中奖
奖品名称
“下笔消费返还10%现金”
查看奖品详情
 
“100%中奖,幸运好礼转到手”
奖品名称
下笔消费返还10%现金
奖品描述:

1、赠送1年VIP会员视频权限

2、不能赠予,仅限中奖的用户使用

3、提供ID号+绑定的手机号

4、提供个人中心的中奖截图

兑换有效期: 2018年11月31日 - 17:00:00
兑换方式:联系客服兑换

客服联系方式:

QQ:2852509866、2852509868

微信:miaov-class、miaov-study

返回
官方微博
常见问题
手机观看
微信扫一扫
公众号内观看视频
咨询客服
点击咨询QQ客服
微信客服
返回顶部