It’s a Knockout! MVVM Style Web Development

Slides:

Advertisements

Similar presentations

Silverlight is dead! Long live MVVM!

Advertisements

Understanding the MVVM pattern

Silverlight Presenter: Kevin Grossnicklaus February 25 th, 2010.

Developing HTML5 Application using MVVM pattern Pekka Ylenius.

MVVM: Filling the Pattern Gap in Silverlight Application Development Bart McDonough Principal Consultant Incline Technical Group.

USING THE MODEL-VIEW- VIEWMODEL PATTERN Laurent Bugnion Director, User Experience Integration IdentityMine

Knockoutjs and JQuery The One-Two Punch for Richer MVC 4 Applications Connecticut.NET Developers Group November 13, 2012.

An Introduction to the Model-View-ViewModel Pattern Srsly? Another MV* Pattern? Srsly? Another MV* Pattern?

Building Your First Great Silverlight 2 Application Guy Burstein Microsoft Israel

Laurent Bugnion Senior User Experience Integrator IdentityMine

The Microsoft’s solution for building cross-platform Rich Internet Applications.

WPF MVVM Training Michael Sync (Silverlight MVP).

Microsoft Focus & Expertise We have a world-class team of Microsoft experts that can make any other platform integrate better with an existing enterprise.

Laurent Bugnion Director, UX MVVM Powers Silverlight Development.

Real world Windows Phone development Igor

Building Silverlight Applications Using the MVVM pattern An Introduction by Peter Messenger Senior Developer – Qmastor

Joe xamlcoder.com/blog Silverlight / WPF Consultant.

Laurent Bugnion Senior Software Engineer Siemens Building Technologies.

Pete Brown Developer Community Program Manager, Microsoft Getting Started with XAML Silverlight,

Building Metro style UIs Paul Gusmorino Lead Program Manager Microsoft Corporation DEV354.

RIA Services Master Class Presenter: Kevin Grossnicklaus November 30 th, 2010.

RUSS FUSTINO HEAD OF DEVELOPER JavaScript for the ASP.NET Developer Chris Bannon.

A Jumpstart to WPF by Kevin Grossnicklaus ArchitectNow.

Jumpstart: Silverlight Presenter: Kevin Grossnicklaus November 6 th, 2010.

SDC 2013 SPA Made Breezy Tiberiu Covaci Ward Bell, v.p. of technology, IdeaBlade.

SharePoint Saturday Sponsors Gold Bronze Creating Knockout User Experiences in SharePoint with JavaScript Making awesome with Knockout, jQuery and SharePoint.

Windows Phone MVVM and Unit Testing Step by Step Andy Wigley Windows Phone Development MVP, Mobile Software Consultant APPA Mundi Ltd WPH208.

Jaime Rodriguez | Microsoft Principal Technical Evangelist Laurent Bugnion | IdentityMine Senior Director XAML Deep Dive for Windows & Windows Phone Apps.

The Web Developer’s Toolbox Steve Fabian e:

Building WPF Line of Business Applications Kiril Matev Senior Technical Evangelist, Infragistics

Windows 8 for Existing.NET Developers Tim Heuer Program Manager Windows Developer Experience Microsoft Corporation.

JAVASCRIPT WITH A VIEW Jordan Knight Solution Architect Xamling SESSION CODE: WEB305 (c) 2011 Microsoft. All rights reserved.

Nikhil Kothari Software Architect Microsoft Corporation Session Code: WUX312.

Windows 10 UWP MVVM In Depth

Overview of the MVVM pattern for Silverlight and WPF.

How to implement the Repository Pattern in an ASP.NET MVC Application Dhananjay Kumar Developer Evangelist – Infragistics Microsoft MVP

What’s New in.NET 4.5 Layla Driscoll Senior Program Manager Microsoft Corporation.

Model View ViewModel Architecture. MVVM Architecture components.

Building Web Applications using the latest ASP.NET technologies Max Déboli Director de Desarrollo Microsoft Azure MVP Lagash

MVVM Pattern Mahender Senior Software Engineer United Health Group.

Windows 8 apps and the MVVM pattern SILVERLIGHTSHOW.NET WEBINARS SERIES GILL CLEEREN, October 16 th

Programming with MVVM Miguel A. Castro Architect -

/DEV/TM #1 Building Cross-Platform Apps with Xamarin and MvvmCross Flavius-Radu DEMIAN.

Look Mom! – NoSQL Charles Nurse | DotNetNuke Corp.

The cutting edge event for ITPros and Devs December 7-8, 2013 Athens, Greece Fix it once use it everywhere Elias Markelis MCT, Windows Phone Enthusiast.

Adam Schultz MVVM and WPF. MVVM Model, View, ViewModel A software architecture designed to separate out User Interface design, Business Logic, and Data.

Introduction to Silverlight Development Pavel Yosifovich CTO, Matrix Global; Senior Instructor, Hi-Tech College

MVC 4.0, Knockout.js, Bootstrap and EF6.0 FAST, FLEXIBLE AND RESPONSIVE QUICK TO MARKET WEBSITES.

Real world Windows Phone development

MVVM Made Simple with Prism

Better Unit Tests through Design Patterns: Repository, Adapter, Mocks, and more… Benjamin

Build Your Own MVVM Framework

Customizing SharePoint with Knockout and Typescript

Build Windows 10 UWP MVVM Apps with Prism

KnockoutJs online Training at GoLogica in Pune

KnockoutJS -Pradeep Shet 31st August 2014.

End to end app development ASP.NET, WCF, WF, EF, & RIA Services

Miguel A. Castro Architect IDesign

Introduction to the MVVM Pattern

Microsoft Build /30/2018 2:15 AM Migrating Silverlight Windows Phone apps to the Universal Windows Platform Ricardo Villalobos Principal SDE Manager.

Creating Lightning Fast Apps Using AngularJS

What’s new for Windows 8 Devs Part 2

Working across the .NET Continuum

Building Metro style apps with XAML with .NET

Brandon Bray Principal Group Program Manager Microsoft Corporation

XAML Deep Dive for Windows & Windows Phone Apps Jump Start

Architecting Silverlight Applications with MVVM

Bringing existing managed code into Metro style apps

Tech Ed North America /6/2019 2:07 PM Required Slide

An Introduction to the Model-View-ViewModel Pattern

Presentation transcript:

It’s a Knockout! MVVM Style Web Development Charles Nurse | DotNetNuke Corp

Who Am I www.devreach.com

Who Am I www.devreach.com

Who Am I www.devreach.com

Who Am I ASP.NET MVP (since Jan 2007) ASPInsider (since Jan 2008) Senior Architect, DotNetNuke Corporation Web: www.dotnetnuke.com Blog: www.charlesnurse.com Email: charles.nurse@dnncorp.com Twitter: @cnurse www.devreach.com

Agenda The MVVM Pattern KnockoutJS Web Development with Knockout www.devreach.com

The MVVM Pattern Related to MVC and MVP Model – the Data (or Domain) Model View – the View (UI) ViewModel – a “model of the view” or Presentation Model www.devreach.com

The MVVM Pattern www.devreach.com

The MVVM Pattern Developed Initially for xaml WPF Silverlight Windows Phone 3rd party Libraries for xaml MVVM Foundation – Josh Smith http://mvvmfoundation.codeplex.com/ MVVM Light – Laurent Bugnion http://mvvmlight.codeplex.com/ Caliburn, Caliburn Micro – Rob Eisenberg http://caliburnmicro.codeplex.com/ www.devreach.com

The MVVM Pattern Important Concepts Declarative Bindings – xaml markup 2 way UI binding INotifyPropertyChanged ObservableCollection – a Collecton which implements INotifyPropertyChanged RelayCommand – abstract command framework www.devreach.com

KnockoutJS Javascript MVVM Library Created by Steve Sanderson, Program Manager, Microsoft Currently at version 2.1 http://knockoutjs.com/ www.devreach.com

KnockoutJS Demo Basic Knockout Development www.devreach.com

@cnurse www.charlesnurse.com ca.linkedin.com/in/charlesnurse Thank you! @cnurse www.charlesnurse.com ca.linkedin.com/in/charlesnurse Charles Nurse | DotNetNuke Corp