knockoutjs

A 10-post collection

TechEd NA 2013 Sessions

Here are the KnockoutJS and SPA presentations I gave at Tech Ed NA 2013 conference in New Orleans in June. Thank you to all who attended … I had a great time and really enjoyed the questions after the session. The deck, abstract and samples are in this post. Knockout Watch the KnockoutJS and MVVM: Tips for Building HTML and JavaScript Web Apps here. Do you write a lot of HTML and JavaScript code to push and pull data? In this session, learn popular techniques to use data binding to bind your data to your target controls in HTML writing less code, but gaining more power. See how to consume JSON data, use JSON objects in JavaScript, use declarative binding,...


Web Sites Using Knockout.js

Lately I’ve been asked a few times to share some companies that are using Knockout.js. While many of the customers I have worked with prefer (or don’t allow) sharing of that type of information. So I asked around and Ryan Niemeyer pointed me to this google group discussion on the topic. Some were active (after verifying personally) and others were not. I also did some googling / binging (or bingling if you prefer) and in some google forums found several public sites reportedly using Knockout.js. Since they are all public and I have no affiliation with any of them, I thought I might share. After all, wouldn’t it be nice to have an...


Learn About External Templates with KnockoutJS

Templating is a killer feature of many technologies that helps reduce code and make it more manageable and adaptable. Knockout.js has a native template engine (or you can tie in a custom templating engine), but often I like to go a bit further and load my templates from external files. In this month’s Papa’s Perspective column in Visual Studio Magazine I cover the Knockout.js External Template Engine and how it makes using external templates with Knockout.js a breeze. Check it out. Jim Cowart wrote this library, pushed it to github, and created a NuGet package for it, so there’s no reason not to use it . Just search for “Knockout”...


Whirlwind Tour of Building HTML5 and JavaScript Apps with MVVM and Knockout

This is the Whirlwind Tour of Building HTML5 and JavaScript Apps with MVVM and Knockout presentation I gave at the Spring 2012 DevConnections conference in Las Vegas and in Orlando Code Camp (both last week). It covers some of the key topics you need to know to build web applications using the MVVM pattern with JavaScript and jQuery that consume json data, use json objects in Javascript, use declarative binding, using KnockoutJS. You can view my other sessions from DevConnections and Orlando Code Camp here: jQuery Fundamentals workshop JsRender Fundamentals: Templating for HTML5 Applications Fundamentals of Windows 8 XAML/C# Metro Style Apps View more of my presentations here. The demo code can be downloaded from here and here. If...


KnockoutJS's Built-in Bindings

Bindings are the glue between the data values in the source (JavaScript objects) and the presentation in the target (the DOM). I continue to explore the KnockoutJS JavaScript library by examining Knockout’s various built in bindings in this month’s Client Insight column in MSDN Magazine, that just hit the shelves. If you are not familiar with Knockout, you may want to first read the overview article on Knockout in last months’ Client Insight column here first. Knockout is ideal for building single page web apps (SPA’s) and works great with the MVVM pattern with JavaScript and HTML. If you are interested in learning Knockout from end to end, you can check out my...