Durandal.js: Get Started

Durandal provides what you need to build clean, well architected, and maintainable client side web applications.
Course info
Rating
(250)
Level
Beginner
Updated
Jun 9, 2014
Duration
2h 13m
Table of contents
Description
Course info
Rating
(250)
Level
Beginner
Updated
Jun 9, 2014
Duration
2h 13m
Description

Durandal is an MV* single page web application framework built on top of jQuery, knockout.js, and RequireJS. Its conventions encourage well architected modular JavaScript. It allows you to separate responsibilities in your code and compose your application with a powerful composition life cycle. In this course, we will build a flash card application that teaches you the core features of Durandal.

About the author
About the author

Michael Dudley is a senior consultant for Improving Enterprises in Dallas, TX. His journey started with automating TPS reports in VB6, then on to Java, and finally to C# and the .NET stack. He feels blessed to be surrounded by passionate programmers who are continually improving.

Section Introduction Transcripts
Section Introduction Transcripts

Course Introduction
Hello and welcome to Durandal. js: Get Started. My name is Michael Dudley, I'm a software developer at improving enterprises in Dallas Texas.

What is Durandal.js?
Hi, this is Michael Dudley, welcome to module 2 of our course, What is Durandal. js? The main goal for this module is to get you up and running with Durandal as quickly as possible. First, we'll go through a brief introduction to Durandal, then we'll do a quick start on Windows where I show you how to set up a Durandal application. Next we'll go through the quick start again but this time on the OS X platform. On both Windows and OS X we'll build a very simple web page to get you started.

Conventions and Architecture
Hi this is Michael Dudley, welcome to module 3 of our course, Conventions and Architecture. To be successful building Durandal applications there are some basic things you have to know and we'll cover those here. We'll look at some patterns including single page web applications, the model view viewmodel pattern, the asynchronous module definition pattern, and visual composition. We'll take a close look at the starter kit solution and see how to Bootstrap a Durandal application. Finally we'll start building an application of our own called flash cards.

Composition Life Cycle and Data Binding
Hi this is Michael Dudley, welcome to module 4 of our course, Composition Life Cycle and Data Binding. In this module we'll start by looking at the page life cycle in Durandal. Then we'll add the card catalog page and our flash card application. We'll look at data binding with Knockout. js and then data bind our view and viewmodel for the catalog page.

Routers and Events
Hi this is Michael Dudley, welcome to module 5 of this course, Routers and Events. We'll start this module by understanding how to set up the main router for your application. And then adding the cards view to our flash card application. Next we'll look at how child routers work and then add the card view to our application, which is controlled by a child router. At this point we can build out the navigation functionality of our flash cards. Lastly we'll use application wide events in the publish and subscribe pattern to wire up a random flash card selection.