Training: JavaScript Single Page Apps
JavaScript
22 uur
Engels (US)

Training: JavaScript Single Page Apps

Snel navigeren naar:

  • Informatie
  • Inhoud
  • Kenmerken
  • Meer informatie
  • Reviews
  • FAQ

Productinformatie

In deze JavaScript training/cursus maakt u kennis met Single Page Apps in Visual Studio 2013. Een JavaScript single page applicatie maakt gebruik van meerdere JavaScript libraries en webdevelopment frameworks om met de server te kunnen communiceren. In deze cursus maakt u uitgebreid kennis met deze mogelijkheden en leert u hoe u een eerste JavaScript SPA in Visual Studio 2013 kunt opzetten.

Onderwerpen die ondere andere aan bod komen zijn Breeze-Angeluar.js., MVC, ASP.NET, C#, Durandal SPA, HTTP POST, Custom Validation regels en nog veel meer.

Inhoud van de training

JavaScript Single Page Apps

22 uur

JavaScript SPA: Getting Started with SPA in Visual Studio 2013

  • start the course
  • install the Backbone.js SPA template in Visual Studio 2013
  • install the Durandal.js SPA template in Visual Studio 2013
  • install the Breeze-Knockout.js SPA template in Visual Studio 2013
  • install the Breeze-Angular.js SPA template in Visual Studio 2013
  • install the Hot Towel MVC SPA template in Visual Studio 2013
  • install the Ember.js SPA template in Visual Studio 2013
  • add a new view in a Hot Towel MVC SPA project in Visual Studio 2013
  • working with common NuGet packages

JavaScript SPA: SPA Views and Routes

  • start the course
  • install the EntityFramework package using the NuGet package manager and manager console
  • install the EntityFramework.SqlServerCompact package using the NuGet package manager and manager console
  • install the ASP.NET Web API package using the NuGet package manager and manager console
  • install the ASP.NET Web Optimization package using the NuGet package manager and manager console
  • install and use the ASP.NET Razor package using the NuGet package manager
  • install and use the jQuery and Modernizr packages from NuGet
  • install and use the Twitter.Bootstrap package from NuGet using the NuGet package manager
  • install and use the FontAwesome uGet package
  • create a layout page for a JavaScript SPA in Visual Studio 2013
  • create an MVC 5 controller using C# in Visual Studio 2013
  • create and render JavaScript SPA script and style sheet bundles in Visual Studio 2013
  • configure controller routes for a JavaScript SPA using C# in Visual Studio 2013
  • create an MVC 5 controller using Visual Basic in Visual Studio 2013
  • add a new MVC 5 view using C# in Visual Studio 2013
  • add an MVC 5 view using Visual Basic in Visual Studio 2013
  • add and load MVC 5 partial views using C# in Visual Studio 2013
  • add and load MVC 5 partial views using Visual Basic in Visual Studio 2013
  • configure controller routes for a JavaScript SPA using Visual Basic in Visual Studio 2013
  • create MVC 5 views and configure controller routes in Visual Studio 2013

JavaScript SPA: Durandal Modules and Lifecycle events

  • start the course
  • add a new view to a Durandal SPA project in Visual Studio 2013
  • add a new view model to a Durandal SPA project in Visual Studio 2013
  • configure RequireJS for a Durandal SPA project in Visual Studio 2013
  • bootstrap an application with RequireJS for a Durandal SPA project in Visual Studio 2013
  • enable system debugging in a Durandal SPA in Visual Studio 2013
  • add a custom splash page in a Durandal SPA in Visual Studio 2013
  • use the activator.create() method to manually create an activator in a Durandal SPA
  • dynamically build a navigation model in a Durandal SPA project in Visual Studio 2013
  • use the CanActivate() method to enable and disable route activation in a Durandal SPA in Visual Studio 2013
  • use the deactivate() method in a Durandal SPA in Visual Studio 2013
  • use the CanDeactivate() method in a Durandal SPA in Visual Studio 2013
  • use Knockout to dynamically compose a view that does not have a view model
  • use Knockout to dynamically compose a view that already has its own view model
  • working with Single Page Apps

JavaScript SPA: Adding Views and Handling View Navigation in Durandal

  • start the course
  • 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
  • working with single page apps and Durandal

JavaScript SPA: Connecting to and Managing Data

  • start the course
  • connect to and view a SQL Server Compact 4.0 database in Visual Studio 2013
  • use the SQL Server Compact Toolbox to generate and add an EDMX file for a connected SQL Server Compact database to a JavaScript SPA in Visual Studio 2013
  • add and use the Breeze WebApi 2.0, the Breeze JS Client, and the Breeze Server packages to a Durandal SPA project in Visual Studio 2013
  • make use of Breeze client data caching features
  • set up a JavaScript SPA server to facilitate sharing data amongst client views using a Breeze Web API controller
  • share data amongst client views using a Breeze Web API controller on a JavaScript SPA client
  • construct Breeze queries using the EntityQuery class
  • obtain an object graph from model data using Breeze
  • navigate an object graph obtained from model data using Breeze
  • prime a Durandal SPA with model data before the application shell loads the initial view upon start-up
  • retrieve and use metadata from the server to create Breeze entities on the client
  • create and use Breeze metadata on the client
  • to get web developers quickly started in developing their first JavaScript SPA using various frameworks in Visual Studio 2013

JavaScript SPA: Working with Rich Application Data

  • start the course
  • implement editable view bindings
  • track changes to data fields in a view and update UI controls accordingly
  • save changes to model data
  • populate and display an editable drop-down list in an application view
  • prompt the user to save changes made before navigating away from an application view
  • cancel changes made to input element values in an application view
  • set up a JavaScript SPA server to facilitate saving data offline and restoring data when back online
  • save data offline and restore data when back online in a JavaScript SPA client
  • limit the frequency with which a JavaScript SPA client makes XHR calls to the application server
  • retrieve model data using a Breeze Web API controller
  • force a remote data fetch with Breeze
  • set up a JavaScript SPA server to facilitate querying a local entity manager cache in Breeze
  • force a query of local entity manager cache in Breeze on a JavaScript SPA client
  • set up a JavaScript SPA server to facilitate the use of a partial entity mapper helper function for identifying and mapping partial entities on the client
  • use a partial entity mapper helper function to identify and map partial entities on a JavaScript SPA client
  • create a query that uses data projections so as to only retrieve a select set of fields from a data model in Durandal in Visual Studio 2013
  • access and display data from a projected query in an application view for a JavaScript SPA in Visual Studio 2013
  • to teach developers how to connect to manage and distribute data for client views in a JavaScript SPA in Visual Studio 2013

JavaScript SPA: Managing Application Data

  • start the course
  • set up a JavaScript SPA server to facilitate the creation of a view to be used for adding new records to a connected SQL Server Compact database
  • create a view that can be used for adding new records to a connected SQL Server Compact database in a JavaScript SPA client
  • set up a JavaScript SPA server to facilitate the deletion of data by accessing the data context and using an HTTP POST request
  • delete data by accessing the data context and using an HTTP POST request from a JavaScript SPA client
  • map navigation routes to implement customized navigation bar menus
  • set up a JavaScript SPA server to facilitate the creation of a view model that supports a view for adding application data
  • create a view model that supports a view for adding application data from a JavaScript SPA client
  • set up a JavaScript SPA server to facilitate adding data by accessing the data context and using an HTTP POST request
  • add data by accessing the data context and using an HTTP POST request from a JavaScript SPA client
  • set up a JavaScript SPA server to facilitate marking items for deletion before actually making the call to the server to delete them
  • mark items for deletion before actually making the call to the server to delete them from a JavaScript SPA client
  • set up a JavaScript SPA server to facilitate adding null objects to a view
  • add null objects to a view in a JavaScript SPA client
  • to get web developers quickly started in developing their first JavaScript SPA using various frameworks in Visual Studio 2013

JavaScript SPA: Working With Validation

  • start the course
  • define a custom validation rule
  • use the Breeze Validator.register() method to register custom validation rules with Breeze
  • apply a validator to entities and properties
  • add data annotations such as required fields and max length
  • create a view for displaying input validation errors on text input controls
  • use the errors.entitiesWithErrors.map() function and the entity.entityAspect.getValidationErrors() method
  • use a regular expression to parse the returned error object
  • use Custom Validation Rules and Report Validation Errors

Kenmerken

Docent inbegrepen
Bereidt voor op officieel examen
Engels (US)
22 uur
JavaScript
90 dagen online toegang
HBO

Meer informatie

Doelgroep Softwareontwikkelaar, Webontwikkelaar
Voorkennis

Voor het volgens van deze cursus is basiskennis van JavaScript en Visual Studio vereist.

Resultaat

Na het volgen van deze training bent u bekend welke mogelijkheden er allemaal zijn op het gebied van JavaScript Single Page Apps programmeren in Visual Studio 2013.

Positieve reacties van cursisten

Training: Leidinggeven aan de AI transformatie

Nuttige training. Het bestelproces verliep vlot, ik kon direct beginnen.

- Mike van Manen

Onbeperkt Leren Abonnement

Onbeperkt Leren aangeschaft omdat je veel waar voor je geld krijgt. Ik gebruik het nog maar kort, maar eerste indruk is goed.

- Floor van Dijk

Training: Leidinggeven aan de AI transformatie

Al jaren is icttrainingen.nl onze trouwe partner op het gebied van kennisontwikkeling voor onze IT-ers. Wij zijn blij dat wij door het platform van icttrainingen.nl maatwerk en een groot aanbod aan opleidingen kunnen bieden aan ons personeel.

- Loranne, Teamlead bij Inwork

Hoe gaat het te werk?

1

Training bestellen

Nadat je de training hebt besteld krijg je bevestiging per e-mail.

2

Toegang leerplatform

In de e-mail staat een link waarmee je toegang krijgt tot ons leerplatform.

3

Direct beginnen

Je kunt direct van start. Studeer vanaf nu waar en wanneer jij wilt.

4

Training afronden

Rond de training succesvol af en ontvang van ons een certificaat!

Veelgestelde vragen

Veelgestelde vragen

Op welke manieren kan ik betalen?

Je kunt bij ons betalen met iDEAL, PayPal, Creditcard, Bancontact en op factuur. Betaal je op factuur, dan kun je met de training starten zodra de betaling binnen is.

Hoe lang heb ik toegang tot de training?

Dit verschilt per training, maar meestal 180 dagen. Je kunt dit vinden onder het kopje ‘Kenmerken’.

Waar kan ik terecht als ik vragen heb?

Je kunt onze Learning & Development collega’s tijdens kantoortijden altijd bereiken via support@icttrainingen.nl of telefonisch via 026-8402941.

Background Frame
Background Frame

Onbeperkt leren

Met ons Unlimited concept kun je onbeperkt gebruikmaken van de trainingen op de website voor een vast bedrag per maand.

Bekijk de voordelen

Heb je nog twijfels?

Of gewoon een vraag over de training? Blijf er vooral niet mee zitten. We helpen je graag verder. Daar zijn we voor!

Contactopties