addressalign-toparrow-leftarrow-rightbackbellblockcalendarcameraccwcheckchevron-downchevron-leftchevron-rightchevron-small-downchevron-small-leftchevron-small-rightchevron-small-upchevron-upcircle-with-checkcircle-with-crosscircle-with-pluscrossdots-three-verticaleditemptyheartexporteye-with-lineeyefacebookfolderfullheartglobegmailgooglegroupshelp-with-circleimageimagesinstagramFill 1linklocation-pinm-swarmSearchmailmessagesminusmoremuplabelShape 3 + Rectangle 1ShapeoutlookpersonJoin Group on CardStartprice-ribbonShapeShapeShapeShapeImported LayersImported LayersImported Layersshieldstartickettrashtriangle-downtriangle-uptwitteruserwarningyahoo

Single Page Apps Course : Part 2 at VersionOne (Downtown)

Our sponsor Pluralsight has a very hot course right now:Single Page Apps with HTML5, Web API, Knockout and jQuery, taught by John Papa. Here's an intro video on YouTube:

ALSO: Vote for the next Pluralsight topic here!


Let's take advantage of our Pluralsight benefits and study the course over a few weeks, then gather for beer and fellowship and open discussion on what we've learned.


Course Viewing Sessions at VersionOne (Downtown):

Parking: You can park in the visitor parking of the Ponce Spring building in the lower floors of the deck, though it's often limited. I've seen people park across the street in the gated, covered lot behind the Dancing Goats coffee shop also.













Pre-Event Code Showcase: Have you built something with SPA-style techniques? share your link on this page or come over a bit early with your device of choice to show others! You can also bring it to Manuel's afterward.

6:05: View lessons 1 and 2 back-to-back. Latecomer? No prob, just grab a beer from the fridge, find a chair, and enjoy yourself.

7ish: 10 minute break before 3rd lesson: intros, brief discussions

7:45: Finish & clean up

8 - 9: We'll head to Manuel's Tavern just up North Avenue from 8 to 9pm for networking and a bite to eat. Join us if you can!


GoToMeeting Remote Viewing Info:


2.  Use your microphone and speakers (VoIP) - a headset is recommended.  Or, call in using your telephone.

Dial +1 (636)[masked]Access Code:[masked]

Audio PIN: Shown after joining the meeting

Meeting ID:[masked]


Viewing Sessions Schedule:


Thu Oct 4: (This session)

  • Surfacing JSON Data with ASP.NET Web API
  • Optimizing the Single Page
  • SPA Basics: Separating the Ravioli


Thu Oct 11:

  • Loading Views with MVVM and Knockout
  • Data Services on the Client
  • Navigation, Transitions, Storage, and Messaging (Half)



Thu Oct 18:

  • Navigation, Transitions, Storage, and Messaging
  • Saving, Change Tracking and Validation
  • Mobility and Responsive Design with CSS and LESS



Thursday Nov 1:

Social gathering at Manuel's Tavern in Eagle's Nest Room (far left corner up the stairs)

Learn More About Single Page Applications:

Here's an excerpt from John's blog post introducing the course:

What is a SPA?

In short, there is a great wikipedia page that explains what a SPA is, some ways to create a SPA (there is not just one cut and dry way), and some pros and cons. Definitely check it out. My cliff notes, that I include in the course, are that a SPA is a web app that fits on a single web page that provides a fluid user experience. A SPA is fully (or close) loaded on the initial page load, it’s key resources are preloaded, and progressively downloads features as required. A SPA may also persist and maintain important state on the client while also handling navigation, history and deep linking. A great examples of a SPA is gmail.

What’s the point?

The user experience is key. If you can speed up the perception of page loads and navigation for the user, you win. A SPA preloads what the user may most oft use, so when they navigate they are not making network trips and page reloads on those oft used features. Thus the result is a snappy app and a happy user.

More Links on SPAs:

Presentation: Building Single Page Apps for desktop, mobile and tablet with ASP.NET MVC 4 (Steve Sanderson!)

Presentation: Single Page Apps and the Future of History

Manifesto: The Single Page Interface Manifesto

Early Access Book: Single Page Web Applications (Don't forget your 36% Manning discount!)

Article: Single Apps with Backbone.js



Join or login to comment.

  • Dan S.

    I can give a quick talk on how to build an interactive resume that lists your experience from JSON data objects retrieved from noSQL service at and hosted from github repo. Here is a sample record from

    category: "infrastructure"
    createdAt: "[masked]T20:42:21.401Z"
    experience: 4
    name: "platform as a service"
    objectId: "IuxXYGXUy8"
    symbol: "paas"
    updatedAt: "[masked]T20:42:38.056Z"

    And obligatory link bait to my resume. :)

    October 3, 2012

8 went

Our Sponsors

  • Pluralsight Training

    Free Pluralsight .NET training videos -- entire course library!

  • VersionOne

    Hosting space in downtown Atlanta and Alpharetta, and food and drinks!

  • O'Reilly

    Review copies of products, donated books, items, discounts

  • Apress

    Free review copies, 50% off discounts, Giveaways for raffles/events

  • Manning Publications Co.

    User group discounts, Review copies, free books, speakers

  • eConsultants Inc

    Food and Drinks.

Sign up

Meetup members, Log in

By clicking "Sign up" or "Sign up using Facebook", you confirm that you accept our Terms of Service & Privacy Policy