中文名: 深入學習HTML5的拖放功能視頻教程
英文名: Lynda.com HTML5 Drag and Drop in Depth
資源格式: 光盤鏡像
主講人: Bill Weinman
發行日期: 2011年
對白語言: 英語
文字語言: 英文
簡介:

語言：英語
網址：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 ··· ░▓██████████████▓░
· ───────────────────────────────────────────────────────────────────────── ·