move your silverlight skills to the native web with knockoutjs

32
Move your Silverlight skills to the web with KnockoutJS Data binding, MVVM, templates, commanding. On the native web.

Upload: judah-himango

Post on 24-May-2015

2.373 views

Category:

Technology


3 download

DESCRIPTION

The war's over. Web plugins like Silverlight and Flash have served their purpose well, but the native web is now sufficiently powerful to render web plugins superfluous and irrelevant. What's a Silverlight developer to do? Enter KnockoutJS. Instead of throwing away our existing skills built up through Silverlight, I'll show you how to transfer your skills to the native web via KnockoutJS, using familiar technologies like data binding, MVVM, templates, and commanding support.

TRANSCRIPT

Page 1: Move Your Silverlight Skills to the Native Web with KnockoutJS

Move your Silverlight skills to the

web with KnockoutJSData binding, MVVM, templates, commanding. On the native web.

Page 2: Move Your Silverlight Skills to the Native Web with KnockoutJS

A little about me•Avtex pays me to write code during the day. Then I do it for free at night.

• Built cool Silverlight stuff for 3M

• Wrote some fun Silverlight projects

• Now a web developer in Y with KnockoutJS

@JudahGabriel

Page 3: Move Your Silverlight Skills to the Native Web with KnockoutJS

Silverlight is dying?!

Page 4: Move Your Silverlight Skills to the Native Web with KnockoutJS

“I’ve met people in the most remote areas of the world, living in straw huts without electricity or running water, who have mobile phones.”

-Nat Friedman, co-founder of Xamarin

Page 5: Move Your Silverlight Skills to the Native Web with KnockoutJS

“I've got a dual-core internet connected super-computer in my pocket.”

-Scott Hanselman

Page 6: Move Your Silverlight Skills to the Native Web with KnockoutJS

The mobile computing explosion makes web plugins

a tough sell

Silverlight can no longer be “WPF Everywhere”

Page 7: Move Your Silverlight Skills to the Native Web with KnockoutJS
Page 8: Move Your Silverlight Skills to the Native Web with KnockoutJS

Q. What’s wrong with this app?

Page 9: Move Your Silverlight Skills to the Native Web with KnockoutJS

A. Everything.

Page 10: Move Your Silverlight Skills to the Native Web with KnockoutJS

Silverlight is a technology of the gaps. And those gaps are shrinking.

Page 11: Move Your Silverlight Skills to the Native Web with KnockoutJS

“Silverlight is a technology of the gaps. And those gaps are shrinking.”

Page 12: Move Your Silverlight Skills to the Native Web with KnockoutJS

“Silverlight is a technology of the gaps. And those gaps are shrinking.™”

Page 13: Move Your Silverlight Skills to the Native Web with KnockoutJS

“Silverlight is a technology of the gaps. And those gaps are shrinking.™”

-Me, just now

Page 14: Move Your Silverlight Skills to the Native Web with KnockoutJS

Local Storage for client-side data

…and much more.

<audio> for music

<canvas> for graphics Web Sockets for real-time

communication

<video> for movies

Furthermore, the native web has evolved, and is

now super-awesome

Page 15: Move Your Silverlight Skills to the Native Web with KnockoutJS

The software world is moving away from web plugins like

Flash and Silverlight

“For the future of the web, we need to get out of plugin prison.” -Vic Gundotra, Google VP of Engineering, Google IO conference

Page 16: Move Your Silverlight Skills to the Native Web with KnockoutJS

The software world is moving away from web plugins like

Flash and Silverlight

“Plugins were created during the PC era – for PCs and mice. The mobile era is about low power devices, touch interfaces and open web standards – all areas where plugins fall short.”

-Steve Jobs, 2010

Page 17: Move Your Silverlight Skills to the Native Web with KnockoutJS

The software world is moving away from web plugins like

Flash and Silverlight

“HTML5 lets web developers create advanced graphics, typography, animations and transitions without relying on third party browser plug-ins.”

-Steve Jobs, 2010

Page 18: Move Your Silverlight Skills to the Native Web with KnockoutJS

The software world is moving away from web plugins like

Flash and Silverlight

Page 19: Move Your Silverlight Skills to the Native Web with KnockoutJS

The software world is moving away from web plugins like

Flash and Silverlight

“For the web to move forward, the Metro-style browser in Windows 8 is as HTML5-only as possible, and is plug-in free. The experience that plug-ins provide today is not a good match with Metro style browsing and the modern HTML5 web.”

-Steven Sinofsky, Microsoft President

Page 20: Move Your Silverlight Skills to the Native Web with KnockoutJS

The software world is moving away from web plugins like

Flash and Silverlight

“We will no longer continue to develop Flash Player in the browser to work with new mobile devices. This will allow us to increase investment in HTML5, which is universally supported on major mobile devices.”

-Adobe press release, November 9th, 2011

Page 21: Move Your Silverlight Skills to the Native Web with KnockoutJS

The software world is moving away from web plugins like

Flash and Silverlight

“Key components that would have allowed Silverlight to become a real cross-platform framework were cut from releases. Silverlight's fate was sealed when they started supporting Windows-only features in the plugin.”

-Miguel deIcaza, founder of Mono and Moonlight

Page 22: Move Your Silverlight Skills to the Native Web with KnockoutJS

The software world is moving away from web plugins like

Flash and Silverlight

“Silverlight had a bright future, and that it could turn to fill an important void, not only for web development, but for desktop development in general. I am very sad that Microsoft strategy cut the air supply to Silverlight.”

-Miguel deIcaza, founder of Mono and Moonlight

Page 23: Move Your Silverlight Skills to the Native Web with KnockoutJS

The software world is moving away from web plugins like

Flash and Silverlight

“We’ve heard developers express concern about the long term future of Silverlight for Windows Phone. Please don’t panic; WinRT in Windows 8 Phone can be viewed as a direct evolution from today’s Silverlight.” -Larry Lieberman, Microsoft, Windows Phone Dev blog

Page 24: Move Your Silverlight Skills to the Native Web with KnockoutJS

What does this mean for Silverlight?

Page 25: Move Your Silverlight Skills to the Native Web with KnockoutJS
Page 26: Move Your Silverlight Skills to the Native Web with KnockoutJS

What does this mean for devs like us?

Page 27: Move Your Silverlight Skills to the Native Web with KnockoutJS

The death of web plug-ins

Stay in Microsoft land:WinRT

Move to the web:HTML5

Page 28: Move Your Silverlight Skills to the Native Web with KnockoutJS

Data binding!Change notification!

MVVM!Data templates!

Why KnockoutJS? It gives us things like:

KnockoutJS lets us migrate our Silverlight skills to

the web

Fine! Show me web development with KnockoutJS :nom nom nom:

Page 29: Move Your Silverlight Skills to the Native Web with KnockoutJS
Page 30: Move Your Silverlight Skills to the Native Web with KnockoutJS
Page 31: Move Your Silverlight Skills to the Native Web with KnockoutJS

2. Change Notification

3. Data Templates

RECAP

The native web is the future. KnockoutJS makes

it easy.1. Data Binding

Page 32: Move Your Silverlight Skills to the Native Web with KnockoutJS

Thank you!(Hope this has helped!)

Try KnockoutJS for yourself, right in your web browser:

learn.knockoutjs.com

…follow my blog: debuggerdotbreak.wordpress.com

…steal my slides and code: bit.ly/kosilverlight

…tweet me: @JudahGabriel