HTML5: Drag and Drop in Depth [2011, ENG]
movies, software, shows...
Files
| 00 Introduction | |||
| 84812_00_01_SC11_welcome.mov | 7.05 MB | ||
| 84812_00_02_SC11_exfiles.mov | 1.22 MB | ||
| 84812_00_03_SC11_bwH5js.mov | 4.46 MB | ||
| 84812_00_04_SC11_css.mov | 4.37 MB | ||
| 01 Overview | |||
| 84812_01_01_SC11_Overview.mov | 1.86 MB | ||
| 84812_01_02_SC11_exploring.mov | 17.35 MB | ||
| 02 The Details | |||
| 84812_02_01_SC11_detecting.mov | 6.31 MB | ||
| 84812_02_02_SC11_listening.mov | 9.81 MB | ||
| 84812_02_03_SC11_events.mov | 24.29 MB | ||
| 84812_02_04_SC11_dropzone.mov | 15.26 MB | ||
| 84812_02_05_SC11_nodropzone.mov | 6.99 MB | ||
| 03 A Case Study | |||
| 84812_03_01_SC11_simplegame.mov | 13.64 MB | ||
| 84812_03_02_SC11_rpscode.mov | 30.59 MB | ||
| 84812_03_03_SC11_rpscss.mov | 9.76 MB | ||
| 04 Conclusion | |||
| 84812_04_01_SC11_goodbye.mov | 2.07 MB | ||
| Exercise Files | |||
| Ex_Files_HTML5_Drag.zip | 356.66 KB |
Description
Обучающие видео » Компьютерные видеоуроки и обучающие интерактивные DVD » Web-дизайн
HTML5: Drag and Drop in Depth
Год выпуска: 2011
Производитель: Lynda.com
Автор: Bill Weinman
Продолжительность: 1 ч
Тип раздаваемого материала: Видеоурок
Язык: Английский
Описание: 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
[spoiler="Содержание"]
Introduction 05m 30s
Welcome 00m 53s
Using the exercise files 01m 05s
The JavaScript library 01m 35s
The CSS files 01m 57s
1. Overview 08m 38s
Understanding HTML5 drag and drop 02m 07s
Exploring a sample drag-and-drop application 06m 31s
2. The Details 27m 48s
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
3. A Case Study 17m 59s
Creating a simple game 04m 23s
Exploring the RPS code 10m 12s
Exploring the RPS CSS 03m 24s
Conclusion 00m 55s
Next steps 00m 55s
[/spoiler]
Файлы примеров: присутствуют
Формат видео: клипы QuickTime (.mov)
Видео: AVC 960x540 15fps ~300Kbps
Аудио: AAC 48kHz 2ch 128Kbps
[spoiler="Скриншоты"]
[/spoiler]
Оставайтесь на раздаче!!!
Если на моих раздачах нет сидов, то пишите в личку. Без вашей помощи раздача начнет болеть, хиреть и может даже помереть.
All Comments