jquery

A 12-post collection

Compare Durandal to Angular, Not Knockout to Angular

Odds are you have been asked recently: “How does KnockoutJS compare to AngularJS?” There seems to be a lot of attempts to compare these two awesome libraries. We can certainly compare them, but will this really get you where you want to go? If you hear this question, ask “why” the person is asking it. If s/he wants a JavaScript/HTML based presentation framework then suggest that you compare Durandal to Angular. Why? Because Knockout is at heart a data-binding library, while Angular and Durandal are presentation frameworks. This is a hugely important concept to grasp, so let’s break down what’s at the heart of these questions and how Knockout, Durandal...


Toastr 1.1.1 Available

Just a few months ago Hans Fjällemark and I released toastr and since then we’ve had a lot of great feedback that we’ve worked into our free open source library. Toastr is a simple JavaScript toast notification library that is small, easy to use, and extendable. It allows you to create simple toasts with HTML5 and JavaScript like this: Update: Version is now 1.1.1, since there was an API change (still backwards compatible) - added AMD support and version number. Simply include the files in your HTML page and write a simple line of code like this: toastr.success('Are you the six fingered man?', 'Inigo Montoya'...


Learn about Knockout, HTML5, SPA and ASP.NET Web API for Free!

Special thanks to both Scott Guthrie and Pluralsight for pulling together a special promotion that allows you to get a free 1-month subscription to watch both my Knockout / MVVM course and my Single Page Apps with HTML5, ASP.NET Web API, Knockout, and jQuery at no cost!  That’s over 10 hours of material for free! For full details please see Scott Guthrie’s post about the promotion for details about how to sign up and get access to the course. Here is a quick quote I grabbed from Scott’s post: To get access to the course you simply follow @pluralsight and @john_papa on Twitter and then visit this page and enter your Twitter...


Single Page Apps - Part 10 - Saving, Change Tracking, Commanding, and Validation

Saving data is simple, right? What app isn’t complete without some sort of saving mechanism? And while I’m at it, it’s nice to be able to track when changes occur so I can tell if a user can press the save button or even leave the current screen. Which bring me to making my buttons smart enough to know that they are already involved in a asynchronous process, so commanding would be nice. Finally, if I want to save data, it might be a good idea to validate the input on the client (and the server). There are a lot of moving parts involved with saving changes, and I cover these in my new...


Build Single Page Apps - Part 9 - Navigation, Transitions, Storage, and Messaging

I like demo apps that show how to deal with real scenarios like navigation, animation, client storage, and event messaging. A SPA generally has multiple views of related data and uses navigation so it only makes sense that my new Pluralsight course “Single Page Apps with HTML5, ASP.NET Web API, Knockout, and jQuery” demonstrates navigation. And frankly, the rest of the topics like animations and storage were just too cool to leave out. You can catch up on the previous posts in this series here: More on the Code Camper SPA Part 1 - The Story Begins (What is the Code Camper SPA?) Part 2 - Client Technologies Part 3 - Server Technologies (the Data Layer) Part...