扫码下载「CSDN程序员学院APP」，1000+技术好课免费看
APP订阅课程，领取优惠，最少立减5元 ↓↓↓
订阅后：请点击此处观看视频课程
视频教程-HTML5进阶提升与案例开发视频课程-HTML5/CSS
学习有效期：永久观看
学习时长：711分钟
学习计划：12天
难度：低
「口碑讲师带队学习，让你的问题不过夜」
讲师姓名：陶国荣
技术总监/研发总监
讲师介绍：中国实战派HTML5培训第一人，微软技术讲师，曾任百合网技术总监，博看文思HTML5总监。陶国荣长期致力于HTML5、JavaScript、CSS3、jQuery以及HTML5跨平台开发的技术研究，是国内受欢迎的HTML5培训大师，荣哥是的Web技术讲师，有10余年开发经验，是国内较早专业从事Web开发的一线技术人员和培训讲师。
☛点击立即跟老师学习☚
「你将学到什么？」
本课程共分为5大模块，在HTML模块中，介绍一些为常用和重要的元素使用时的技巧。JavaScript模块中，讲述如何采用面向对象的方式进行页面应用的开发。在介绍CSS3模块功能时，将通过完整的页面来全景式讲述它的新增属性和动画及3D效果。在HTML5模块中，将以案例的方式，结合API详细介绍HTML5开发WebApp的过程。
「课程学习目录」
| 第1章：HTML5中重点元素和属性介绍 |
| 1.课程内容介绍 |
| 2.HTML5的基础知识 |
| 3.HTML5中新增的表单元素类型和属性 |
| 4.datalist元素color类型元素的使用介绍 |
| 5.form属性的使用方法 |
| 第2章：响应式设计的概念 |
| 1.响应式设计的基础知识介绍 |
| 2.响应式样式代码实现的方法 |
| 3.其他元素的响应式设计方案 |
| 第3章：CSS3常用属性 |
| 1.圆角（border-radius ）属性 |
| 2.块元素阴影（box-shadow ）属性 |
| 3.文本阴影（text-shadow）属性 |
| 4.图片遮罩（mask）属性 |
| 5.示例1——探照灯功能开发 |
| 第4章：CSS3中3D效果 |
| 1.CSS3中位置变换实现 |
| 2.CSS3中3D应用场景的构建 |
| 3.CSS3中过滤动画的实现 |
| 4.CSS3中自定义动画的实现 |
| 5.CSS3中自定义动画绑定元素的方法 |
| 6.CSS3应用案例——制作3D正方体 |
| 7.CSS3应用案例——制作3D挂历图片 |
| 第5章：本地存储API |
| 1.存储对象介绍和功能说明 |
| 2.存储对象基本的使用方法 |
| 3.使用数组方式调用存储对象 |
| 4.使用对象方式调用存储对象 |
| 5.存储对象在页面调用API请求时的应用 |
| 第6章：离线应用API |
| 1.离线应用的概念和基本原理 |
| 2.创建第一个离线的应用页面 |
| 3.图片实现离线的方法 |
| 4.样式文件实现离线的方法 |
| 5.JS文件实现离线的方法 |
| 6.API接口数据离线的方法 |
| 7.离线事件中方法的调用 |
| 第7章：地理定位API |
| 1.API文档说明 |
| 2.开发一个地理定位信息的页面 |
| 3.开发一个根据当前位置信息获取商家数据的页面 |
| 第8章：重力感应API |
| 1.API文档说明 |
| 2.开发一个实现摇一摇功能的页面 |
| 3.开发一个根据根据移动设备方向改变显示不同图片的页面 |
| 第9章：jQuery Mobile框架介绍 |
| 1.框架的基础知识 |
| 2.页面切换与导航栏组件 |
| 3.列表视图组件——通讯 |
| 4.列表视图组件——图文并茂 |
| 5.框架事件——按钮操作 |
| 6.框架事件——滑动切换图片 |
| 第10章：文件API |
| 1.API文档对象与接口说明 |
| 2.调用FileReader对象实现图片文件的预览效果 |
| 3.调用FileReader对象实现文本文件的读取功能 |
| 4.调用DataTransfer对象实现图片拖拽上传预览效果 |
| 第11章：数据通讯API |
| 1.通讯API的基础知识 |
| 2.案例一简单数据通讯 |
| 3.案例二JSON数据通讯 |
| 4.案例三嵌套式数据通讯 |
| 第12章：微信中页面自定义分享功能 |
| 1.自定分享页面功能需求说明 |
| 2.代码实现在微信中自定义分享功能 |
| 3.自定义分享页功能的容错处理 |
「7项超值权益，保障学习质量」
- 大咖讲解
技术专家系统讲解传授编程思路与实战。
- 答疑服务
专属社群随时沟通与讲师答疑，扫清学习障碍，自学编程不再难。
- 课程资料+课件
超实用资料，覆盖核心知识，关键编程技能，方便练习巩固。（部分讲师考虑到版权问题，暂未上传附件，敬请谅解）
- 常用开发实战
企业常见开发实战案例，带你掌握Python在工作中的不同运用场景。
- 大牛技术大会视频
2019Python开发者大会视频免费观看，送你一个近距离感受互联网大佬的机会。
- APP+PC随时随地学习
满足不同场景，开发编程语言系统学习需求，不受空间、地域限制。
「什么样的技术人适合学习？」
- 想进入互联网技术行业，但是面对多门编程语言不知如何选择，0基础的你
- 掌握开发、编程技术单一、冷门，迫切希望能够转型的你
- 想进入大厂，但是编程经验不够丰富，没有竞争力，程序员找工作难。
「悉心打造精品好课，12天学到大牛3年项目经验」
【完善的技术体系】
技术成长循序渐进，帮助用户轻松掌握
掌握HTML5/CSS知识，扎实编码能力
【清晰的课程脉络】
浓缩大牛多年经验，全方位构建出系统化的技术知识脉络，同时注重实战操作。
【仿佛在大厂实习般的课程设计】
课程内容全面提升技术能力，系统学习大厂技术方法论，可复用在日后工作中。
「你可以收获什么？」
快速构建HTML框架的WebApp页面，全面掌握HTML5最新、最优的API使用技巧，熟悉使用混合开发的流程和应用开发的常用框架。
扫一扫
588
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
