课程介绍:
本次课程涉及的知识点包括:
移动端H5、CSS3、JS、滑屏、HTTP协议、AJAX、跨域、前后端交互、PHP、mySql、jQuery……配合这些知识点,讲师写了一个H5播放器demo,用来演示一个H5播放器究竟如何运用这些技术。
课程案例:
以下演示仅展示了授课过程中“播放歌曲功能、歌词同步功能、拖拽播放进度功能、暂停播放功能、歌曲切换功能、留言功能”,而其他许多商业播放器的功能并未全部完成,毕竟此案例仅作教学之用,因此许多产品交互体验上的细节讲师并未开发,特此说明。
课程大纲:
第一课:
传统交互与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
复制代码
上课时间:
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元/人
下载地址:http://feixueteam.net/thread-1312-1-1.html