v

您的位置:VeryCD教育计算机


《深入学习HTML5的拖放功能视频教程》(Lynda.com HTML5 Drag and Drop in Depth)[光盘镜像]

  • 状态: 精华资源
  • 摘要:
    主讲人Bill Weinman
    发行日期2011年
    对白语言英语
    文字语言英文
  • 时间: 2011/08/01 14:57:10 发布 | 2011/08/04 09:18:16 更新
  • 分类: 教育  计算机 

MTina

精华资源: 3862

全部资源: 3863

相关: 分享到新浪微博   转播到腾讯微博   分享到开心网   分享到人人   分享到QQ空间   订阅本资源RSS更新   美味书签  subtitle
该内容尚未提供权利证明,无法提供下载。
中文名深入学习HTML5的拖放功能视频教程
英文名Lynda.com HTML5 Drag and Drop in Depth
资源格式光盘镜像
主讲人Bill Weinman
发行日期2011年
对白语言英语
文字语言英文
简介

IPB Image

语言:英语
网址:http://www.lynda.com/HTML-5-tutorials/HTML5-Drag-and-Drop-in-Depth/84812-2.html
类别:教程



(xuehui@TLF)
Lynda.com 出品的时长1小时的 深入学习HTML5的拖放功能 视频教程。由Bill Weinman演示了JavaScript和HTML5的联合运用,使几乎所有的网页元素都可以拖动,并且能够增强浏览器的支持而不再需要外部数据库(比如jQuery)的技术。内容包括检测用户浏览器的拖放支持,编写一个简单事件监听程序,使用拖放区。举例一个简单运作的游戏,实践能够适用于几乎任何网站上拖放功能的执行。本教程附带练习文件。

Course name:
HTML5: Drag and Drop in Depth

Author:
Bill Weinman

Duration:
01h 00m

Released on:
7/26/2011

In HTML5: Drag and Drop in Depth, Bill Weinman shows how to make just about any web page element draggable with a combination of JavaScript and HTML5, a technique that has increased browser support and that eliminates the need for external libraries such as jQuery. The course covers how to detect drag-and-drop support in the user's browser, code a simple event listener, use a drop zone, and even receive dropped objects without a drop zone. A simple working example game, a practical implementation of drag-and-drop that can be applied to almost any web site, is also demonstrated. Exercise files are included with the course.

Topics include:
Exploring the HTML/Javascript/CSS/DOM relationship
Detecting drag and drop support
Using the HTML5 draggable and dropzone attributes and onDragStart event
Exploring different events
Receiving drops with or without a drop zone
Creating a simple game

下载链接来自TLF
未经过安装测试与安全检测,使用者后果自负与本论坛无关
软体版权归原作者及其公司所有,如果你喜欢,请购买正版



目录

Introduction
Welcome 00m 53s
Using the exercise files 01m 05s
The JavaScript library 01m 35s
The CSS files 01m 57s

08m 38s
1. Overview Understanding HTML5 drag and drop 02m 07s
Exploring a sample drag-and-drop application 06m 31s

27m 48s
2. The Details Detecting drag-and-drop support 03m 31s
Coding a simple event listener 05m 12s
Exploring the different events 10m 02s
Using a drop zone 06m 05s
Receiving drops without a drop zone 02m 58s

17m 59s
3. A Case Study Creating a simple game 04m 23s
Exploring the RPS code 10m 12s
Exploring the RPS CSS 03m 24s

00m 55s
Conclusion Next steps 00m 55s

代码
.· ░░░ ·■. ▀ ▓▄■ ■ ▄░ ■▄░ ▀▄ zk ■
▄▓█████▓▄ ▀▄ · ▄▓ ▄███▄░ ▄▄▄▄████ ░▄███▄ ▀▓█▄▄▄▄▄▄░ ·
████▀▀▀███▄ ██▄ ▄██ █████████▄ ▒█████▀▀██ ▄█████████▄ ██████████▄
▒███ ▓██░███ ███ ▓██▀ ▀██▓ ▓██▓ ▓██░███▀ ▓███ ███ ▀██▓
▓███ ▓██▓███░ ███░███░ ▓██░███░ ▄██▀ ██▓ ░███░███ ▓█▓
▓███ ▓██████░ ███████ ▀██████ ▀ ██▀ ███▓███░ ▄▓█▓
▓██▓ ███████░ ████████████████████████████████████████████████▀▀
▒██▓ ░▄ ███▓███░ ███░██▀▀▀▀▀▀▀██▓▀▀▀▀▀▀▀▀███▓██▀▀▀▀▀▀▀██▀███▀▀▀▀███▄
███▄ ▓█▄███░███░ ███░███░ ▓██░ ▄▄▄■ ███░██▓░ ░███ ▓██ ███░
▀█████████░ ███▓░ ▄███ ██▀ ▀██ ███ ░██▓ ██▀ ▓██ ▓██ ▓██▓
▀▀▓▓░███▄ ▀█████████▀ █▀ ▀█ ████▄▄▄███▒▄▀ ▀█▓███ ░███
▀██▄ ▀▀▓▓░▀▀ ▀ ▀ ▀▀█████▀▀ .░ ▓██
▀ .· ▄█▀
▀ ▀
QUASAR PROUDLY PRESENTS

· ───────────────────────────────────────────────────────────────────────── ·

HTML5 Drag and Drop in Depth
(c) Lynda.com

Supplier . : QUASAR Size ..... : 10 x 15MB
Cracker .. : QUASAR Protection : Condom
Packager . : QUASAR Type ..... : Brain Enhancement
Date ..... : 07–27–2011 OS ....... : Win/Mac

· ───────────────────────────────────────────────────────────────────────── ·

HTML5 Drag and Drop in Depth
Author: Bill Weinman

In HTML5: Drag and Drop in Depth, Bill Weinman shows how to make
just about any web page element draggable with a combination of
JavaScript and HTML5, a technique that has increased browser
support and that eliminates the need for external libraries such
as jQuery. The course covers how to detect drag–and–drop support
in the user's browser, code a simple event listener, use a drop
zone, and even receive dropped objects without a drop zone. A
simple working example game, a practical implementation of drag–
and–drop that can be applied to almost any web site, is also
demonstrated. Exercise files are included with the course.

Topics include:

* Exploring the HTML/Javascript/CSS/DOM relationship
* Detecting drag and drop support
* Using the HTML5 draggable and dropzone attributes
and onDragStart event
* Exploring different events
* Receiving drops with or without a drop zone
* Creating a simple game

· ───────────────────────────────────────────────────────────────────────── ·

INSTALLATION
────────────

Unpack, burn or mount and enjoy.

· ───────────────────────────────────────────────────────────────────────── ·

GREETINGS
─────────

We salute our friends, our loyal members and our fair competitors.

· ───────────────────────────────────────────────────────────────────────── ·
░▓██████████████▓░ ··· THE ALMIGHTY QUASAR · 2011 ··· ░▓██████████████▓░
· ───────────────────────────────────────────────────────────────────────── ·

正在读取……

这里是其它用户补充的资源(我也要补充):

暂无补充资源
正在加载,请稍等...

点击查看所有31网友评论

 

(?) [公告]留口水、评论相关规则 | [活动]每日签到 轻松领取电驴经验

    小贴士:
  1. 类似“顶”、“沙发”之类没有营养的文字,对勤劳贡献的楼主来说是令人沮丧的反馈信息。
  2. 提问之前请再仔细看一遍楼主的说明,或许是您遗漏了。
  3. 勿催片。请相信驴友们对分享是富有激情的,如果确有更新版本,您一定能搜索到。
  4. 请勿到处挖坑绊人、招贴广告。既占空间让人厌烦,又没人会搭理,于人于己都无利。
  5. 如果您发现自己的评论不见了,请参考以上4条。