21. THE FUTURE: OBJECT.OBSERVE
PART OF ECMASCRIPT 5 (HARMONY)
varposts=[];
Object.observe(posts,renderPosts);
Object.observe(posts,updateMenu);
posts.push({title:"Anewpost!"});
25. WHAT DOES THIS HAVE TO DO WITH MOBILE?
STORAGE CAN BE OFFLINE
ALLOWS LATE SYNCHRONIZATION
26. EXAMPLE
TRADITIONAL FETCHING OF DATA
$.get("/posts",function(data,status){
if(status==404){
returnshowError();
}
varposts=data.posts;
renderPosts(posts);
});
FETCHING DATA WITH DATA SOURCE
vardataSource=newDataSource({
transport:{read:"/posts"},
schema:{data:"posts"}
});
dataSource.bind("change",renderPosts);
dataSource.bind("error",showError);
30. WHAT DOES THIS HAVE TO DO WITH MOBILE?
REUSE IN DIFFERENT APP LAYOUTS
31. JUSTIN MEYER, JSMVC AUTHOR:
“The secretto building large apps is…
…never build large apps.”
32. THE FUTURE: WEB COMPONENTS
<!--define-->
<elementextends="button"name="fancy-button">
<style>
</style>
<content></content>
</element>
<!--use-->
<buttonis="fancy-button">
Dosomethingfancy
</button>
@host{
font-size:20em;/*makeithuge*/
color:salmon;/*makeitBOLD!*/
}
33. WRAP-UP
PROVEN TECHNIQUES FOR WEB DEVELOPMENT
Responsive Web Design
Templates
Observable objects
DataSynchronization
Components
PREPARE FOR THE FUTURE: DEMOS.KENDOUI.COM
34. QUESTIONS? I LOVE QUESTIONS.
try: demos.kendoui.com
slides: slideshare.net/alexandergyoshev
@alex_gyoshev
alex@gyoshev.net