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