Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Practical Knockout

Matthew Osborn
June 30, 2015
0
86

Practical Knockout

A brownbag on Practical Knockout

Matthew Osborn

June 30, 2015
Tweet

More Decks by Matthew Osborn

See All by Matthew Osborn
Palmetto - Introductory Messaging
osbornm
0
40
React: How to JavaScript Hipster
osbornm
0
110
UX / UI - Lunch & Learn
osbornm
0
230
CSS, LESS, & The New UI
osbornm
0
150
AMD with RequireJS
osbornm
0
90
3D Printing Introduction
osbornm
0
81
Practical HTML 5
osbornm
2
430
Playr
osbornm
1
670
NuGet: Add Reference, Awesome
osbornm
1
890

Featured

See All Featured
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
16
1.3k
Faster Mobile Websites
deanohume
296
29k
Building Your Own Lightsaber
phodgson
96
5k
Automating Front-end Workflow
addyosmani
1352
200k
BBQ
matthewcrist
75
8.2k
Web development in the modern age
philhawksworth
197
9.7k
Product Roadmaps are Hard
iamctodd
39
8.2k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
16
1.2k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
0
1.4k
Fashionably flexible responsive web design (full day workshop)
malarkey
395
64k
JazzCon 2018 Closing Keynote - Leadership for the Reluctant Leader
reverentgeek
176
9.4k
GitHub's CSS Performance
jonrohan
1022
430k

Transcript

  1. Practical
    PRACTICAL USES OF KNOCKOUT.JS IN OUR
    PLATFORM
    Knockout

    View Slide

  2. MVVM Pattern
    u  Created by great & powerful MSFT
    u  Removes all logic from UI Layer
    u  Event driven with data binding

    View Slide

  3. MVVM Pattern
    HTML QUnit
    View Model
    ASP.NET
    Model

    View Slide

  4. knockout.js

    View Slide

  5. Introduction
    u  Declarative Bindings
    u  Automatic UI Refresh
    u  Dependency Tracking
    u  Templating

    View Slide

  6. DEMO

    View Slide

  7. Patterns
    Practices
    &

    View Slide