Adding Views and View Navigation in Durandal

Visual Studio 2013    |    Intermediate
  • 13 videos | 1h 46m
  • Includes Assessment
  • Earns a Badge
Rating 4.8 of 4 users Rating 4.8 of 4 users (4)
Discover how to retrieve data for modules in the Durandal JavaScript framework, as well as how to set up and configure module routes using the Durandal shell router.

WHAT YOU WILL LEARN

  • Add a data retrieval service in a durandal spa in visual studio 2013
    Handle a successful query execution for model data retrieval in a durandal spa in visual studio 2013
    Handle a failed query execution for model data retrieval in a durandal spa in visual studio 2013
    Map model data to view model observables in a durandal spa
    Use the makerelative() function to shorten application module paths in the durandal shell in visual studio 2013
    Map a collection of routes to the durandal shell router
    Identify the default routing convention used to locate durandal modules and the content of the viewlocator.js file in the durandal scripts directory
  • Use a custom convention for instructing durandal to locate application views and view models for run-time module construction
    Implement a custom function for handling unknown or invalid routes in a durandal spa in visual studio 2013
    Select the start-up module for a durandal spa in visual studio 2013
    Bind a progress bar to view navigation events for displaying the progress bar between view changes
    Create a navigation bar in the durandal shell view using the shell router's navigation model in visual studio 2013
    Add a custom transition for the start-up view of a durandal spa in visual studio 2013

IN THIS COURSE

  • Locked
    1.  Using a Data Retrieval Service in Durandal
    12m 1s
    In this video, you will learn how to add a data retrieval service in a Durandal Single Page Application in Visual Studio 2013. FREE ACCESS
  • Locked
    2.  Handling Successful Model Data Retrieval in Durandal
    11m 29s
    In this video, learn how to handle a successful query execution for model data retrieval in a Durandal SPA in Visual Studio 2013. FREE ACCESS
  • Locked
    3.  Handling Failed Model Data Retrieval in Durandal
    8m 36s
    During this video, you will learn how to handle a failed query execution for model data retrieval in a Durandal SPA using Visual Studio 2013. FREE ACCESS
  • Locked
    4.  Mapping Model Data to ViewModel Observables in Durandal
    11m 27s
    In this video, you will learn how to map model data to view model observables in a Durandal Single Page Application. FREE ACCESS
  • Locked
    5.  Configuring Routes Using the MakeRelative() Function
    5m 7s
    In this video, you will use the makeRelative() function to shorten application module paths in the Durandal shell in Visual Studio 2013. FREE ACCESS
  • Locked
    6.  Adding a Collection of Routes Using the Map() Function
    5m 53s
    In this video, find out how to map a collection of routes to the Durandal router. FREE ACCESS
  • Locked
    7.  Using the Default Routing Convention
    6m 31s
    During this video, you will learn how to identify the default routing convention used to locate Durandal modules and the content of the viewLocator.js file in the Durandal scripts directory. FREE ACCESS
  • Locked
    8.  Using a Custom Routing Convention
    7m 55s
    In this video, you will learn how to use a custom convention to instruct Durandal to locate application views and view models for run-time module construction. FREE ACCESS
  • Locked
    9.  Handling Unknown Routes in Durandal
    6m 22s
    Find out how to implement a custom function for handling unknown or invalid routes in a Durandal SPA in Visual Studio 2013. FREE ACCESS
  • Locked
    10.  Setting the Startup Module in Durandal
    6m 13s
    In this video, you will select the start-up module for a Durandal Single Page Application in Visual Studio 2013. FREE ACCESS
  • Locked
    11.  Binding View Navigation to a Progress Bar
    5m 22s
    In this video, you will bind a progress bar to view navigation events for displaying the progress bar between view changes. FREE ACCESS
  • Locked
    12.  Create a Nav Bar Using the Router Navigation Model
    9m 57s
    In this video, you will learn how to create a navigation bar in the Durandal shell view using the shell router's navigation model in Visual Studio 2013. FREE ACCESS
  • Locked
    13.  Adding a View Transition in Durandal
    9m 8s
    In this video, you will learn how to add a custom transition for the start-up view of a Durandal SPA in Visual Studio 2013. FREE ACCESS

EARN A DIGITAL BADGE WHEN YOU COMPLETE THIS COURSE

Skillsoft is providing you the opportunity to earn a digital badge upon successful completion on some of our courses, which can be shared on any social network or business platform.

Digital badges are yours to keep, forever.

YOU MIGHT ALSO LIKE

Channel Storybook
Journey Learn Vue.js
Rating 5.0 of 3 users Rating 5.0 of 3 users (3)
Course Angular 11: Navigation & Routing in Angular
Rating 4.5 of 86 users Rating 4.5 of 86 users (86)