Lynda com HTML5 Drag and Drop in Depth  英文版   CD


Lynda.com出品的時長1小時的深入學習HTML5的拖放功能視頻教程。由BillWeinman演示了JavaScript和HTML5的聯合運用，使幾乎所有的網頁元素都可以拖動，并且能夠增強瀏覽器的支持而不再需要外部數據庫(比如jQuery)的技術。內容包括檢測用戶瀏覽器的拖放支持，編寫一個簡單事件監聽程序，使用拖放區。舉例一個簡單運作的游戲，實踐能夠適用于幾乎任何網站上拖放功能的執行。本教程附帶練習文件。

Coursename:
HTML5:DragandDropinDepth

Author:
BillWeinman

Duration:
01h00m

Releasedon:
7/26/2011

InHTML5:DragandDropinDepth,BillWeinmanshowshowtomakejustaboutanywebpageelementdraggablewithacombinationofJavaScriptandHTML5,atechniquethathasincreasedbrowsersupportandthateliminatestheneedforexternallibrariessuchasjQuery.Thecoursecovershowtodetectdrag-and-dropsupportintheuser'sbrowser,codeasimpleeventlistener,useadropzone,andevenreceivedroppedobjectswithoutadropzone.Asimpleworkingexamplegame,apracticalimplementationofdrag-and-dropthatcanbeappliedtoalmostanywebsite,isalsodemonstrated.Exercisefilesareincludedwiththecourse.

Topicsinclude:
ExploringtheHTML/Javascript/CSS/DOMrelationship
Detectingdraganddropsupport
UsingtheHTML5draggableanddropzoneattributesandonDragStartevent
Exploringdifferentevents
Receivingdropswithorwithoutadropzone
Creatingasimplegame

下載鏈接來自TLF
未經過安裝測試與安全檢測，使用者后果自負與本論壇無關
軟體版權歸原作者及其公司所有，如果你喜歡，請購買正版



目錄:


Introduction
Welcome00m53s
Usingtheexercisefiles01m05s
TheJavaScriptlibrary01m35s
TheCSSfiles01m57s

08m38s
1.OverviewUnderstandingHTML5draganddrop02m07s
Exploringasampledrag-and-dropapplication06m31s

27m48s
2.TheDetailsDetectingdrag-and-dropsupport03m31s
Codingasimpleeventlistener05m12s
Exploringthedifferentevents10m02s
Usingadropzone06m05s
Receivingdropswithoutadropzone02m58s

17m59s
3.ACaseStudyCreatingasimplegame04m23s
ExploringtheRPScode10m12s
ExploringtheRPSCSS03m24s

00m55s
ConclusionNextsteps00m55s