SlideShare uses cookies to improve functionality and performance, and to provide you with relevant advertising. If you continue browsing the site, you agree to the use of cookies on this website. See our User Agreement and Privacy Policy.
SlideShare uses cookies to improve functionality and performance, and to provide you with relevant advertising. If you continue browsing the site, you agree to the use of cookies on this website. See our Privacy Policy and User Agreement for details.
Successfully reported this slideshow.
Activate your 14 day free trial to unlock unlimited reading.
1.
ActiveDOM
jQuery(‘a.nd > html :tricks’).for(‘web application’).data();
by Felix Geisendörfer
2.
About me
• Felix Geisendörfer, 20 years old, Germany
• Blogger / Programmer / Entrepreneur
• Used jQuery in all battle fields
• School projects, small business sites, 300++ DB table monster project
3.
Key ideas
• Make the DOM represent you data (semantics)
• Abstract the DOM interaction away from
• Known your audience - no silver bullets.
• JSON is your friend in times of trouble.
4.
Data on your server
posts id
user_id
title
users
text
created
tags
modified
Database Tables Rows Columns
5.
Data in your client
id
user_id
title
text
created
modified
Table ‘posts’ DOM / Html representation
6.
Manipulating data in the DOM
Lets say we want to change the ‘text’ field ...