Yahoo! Application Platform Technical Deep Dive

YAP: Deep Dive Yahoo! Application Platform Tony Ng Director of Engineering

Agenda ,[object Object],[object Object],[object Object],[object Object],[object Object]

YAP: Quick Recap ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Open Yahoo!: Audience is the Platform

3 Simple Things to Define for Each Application ,[object Object],[object Object],[object Object],[object Object]

Small View ,[object Object],[object Object]

Demo – Create Your First YAP App

YAP Programming Model ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Small View Programming Model ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Canvas View Programming Model ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Accessing Social Data from Application ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Yahoo! Markup Language (YML) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

YML: Dynamic Web Content / Ajax ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Implementing Tab Views with yml:a ,[object Object],[object Object],[object Object],User clicks on tab

Dynamic Content Loading with yml:include ,[object Object],[object Object],[object Object],[object Object]

YML: Social Data Access ,[object Object],[object Object],[object Object],[object Object],[object Object]

YML: Media Content ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

YML: Viral Sharing (Canvas View only) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

YAP and Open Social ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Making Ajax Request in YAP ,[object Object],[object Object],[object Object],[object Object]

Open Social Demo: Ajax Request

Open Social Demo: Publish Yahoo! Updates

Securing Third Party Code – Caja ,[object Object],[object Object],[object Object],[object Object]

Caja Restrictions ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Caja Examples ,[object Object],[object Object],Instead of Use document.write() <var x = document.getElementById(‘x’); x.innerHTML = ‘abc’; javascript:void(0) <a href="#" onclick="click(); return false">click</a> <link rel=stylesheet> <script src=“…” /> @import Inline CSS and JS <object>, <embed> <swf> for Flash object

Caja Best Practices ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

YUI 2 / Caja ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Summary and Call to Action ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Developer Resources ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

YAP: Deep Dive Yahoo! Application Platform Tony Ng [email_address]

Yahoo! Application Platform Technical Deep Dive

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Viewers also liked

Viewers also liked (19)

Similar to Yahoo! Application Platform Technical Deep Dive

Similar to Yahoo! Application Platform Technical Deep Dive (20)

More from Tony Ng

More from Tony Ng (6)

Recently uploaded

Recently uploaded (20)

Yahoo! Application Platform Technical Deep Dive