JavaScript Single Page Apps - JavaScript - Front-end web development - Programmeren (algemeen) - Functioneel programmeren - Programmeren voor beginners - (X)HTML & CSS - Webdesign - React (JavaScript library)

Na inschrijving van de Award Winning E-learning training JavaScript Single Page Apps, ontvangt u per e-mail een link om in te loggen in uw leeromgeving waar u een persoonlijk wachtwoord aanmaakt. Eenmaal ingelogd in uw persoonlijke leeromgeving ziet u een overzicht van de cursusonderdelen. Via de inhoudsopgave schakelt u automatisch over naar elk gewenst onderdeel van de training.

Er zit tevens een Voortgangsbewaking bij om eenvoudig te zien hoe ver u bent binnen uw training. U kunt daarbij 1 jaar lang (365 dagen), 24/7 (elke dag en nacht) inloggen om verder te gaan met de training.

Deze Engelstalige training met ondertiteling heeft interactieve, eenvoudig te volgen video's in HD beeldkwaliteit met heldere audio kwaliteit. Daarnaast biedt de training Support en/of een Online Mentor aan als u problemen ondervindt. De training is beschikbaar in elke browser voor zowel PC, Mac, Tablet én Smartphone. Dus zelfs via uw mobiel kunt u handig de training volgen.

De training is inclusief lees- en/of praktijkopdrachten met trainingstest, mits noodzakelijk voor de training. Na afronding van de training krijgt u een Certificaat van Deelname en sluit u zich aan bij de reeds duizenden tevreden cursisten.

Een JavaScript-toepassing met één pagina, of SPA, gebruikt een combinatie van JavaScript-bibliotheken en webontwikkelingsframeworks om met de server te communiceren, gegevens te gebruiken en te beheren en om toepassingsweergaven op het scherm weer te geven. Een SPA biedt een enkele HTML-pagina waarin alle toepassingsweergaven op de client worden weergegeven en gegevens die van de server worden opgehaald, in de cache kunnen worden opgeslagen en efficiënt op de client kunnen worden beheerd. In dit leertraject leert u hoe u verschillende JavaScript SPA-sjablonen gebruikt om snel van de grond te komen met uw eerste app, hoe u MVC 5-weergaven en -controllers maakt, hoe u weergaven en weergavemodellen toevoegt en aanpast en weergavenavigatie in de Durandal JavaScript SPA-sjabloon en hoe u uitgebreide gegevens kunt beheren en valideren in een JavaScript SPA in Visual Studio 2013.

Cursusinhoud

Getting Started with SPA Templates

Course: 1 Hour, 40 Minutes

• Course Introduction
• Getting Familiar with the Backbone.js Template
• Getting Familiar with the Durandal SPA Template
• Getting Familiar with the Breeze-Knockout Template
• Getting Familiar with the Breeze-Angular Template
• Getting Familiar with the Hot Towel Template
• Getting Familiar with the Ember Template
• Adding a New View in a Hot Towel MVC SPA Project

Practice: Getting Started with SPA Templates

Course: 20 Minutes

• Exercise: Using Common NuGet Packages

Adding Common NuGet Packages for the Server

Course: 28 Minutes

• Course Introduction
• Adding the Entity Frame Work Package
• Adding the Entity Framework. qlServerCompact Package
• Adding the ASP.NET Web API Package
• Adding the ASP.NET Web Optimization Package
• Adding the ASP.NET Razor Package

Adding Common NuGet Packages for the Client

Course: 25 Minutes

• Adding and Using the jQuery and Modernizr Libraries
• Adding and Using the Twitter. Bootstrap Library
• Using Iconic Font from Font Awesome

Creating SPA Views and Configuring Routes

Course: 56 Minutes

• Using an Application Layout Page
• Creating an MVC 5 Controller Using C#
• Bundling SPA Scripts
• Configuring SPA Controller Routes Using C#
• Creating an MVC 5 Controller Using VB
• Adding an MVC 5 View Using C#
• Adding an MVC 5 View Using VB
• Adding an MVC 5 Partial View Using C#
• Adding an MVC 5 Partial View Using VB
• Configuring SPA Controller Routes Using VB

Practice: Create MVC 5 Views in Visual Studio

Course: 20 Minutes

• Exercise: JavaScript SPA: SPA Views and Routes

Composing Modules with Durandal

Course: 10 Minutes

• Course Introduction
• Adding a New View in a Durandal SPA
• Adding a New View Model in a Durandal SPA

Dynamic Module Loading with Durandal

Course: 22 Minutes

• Configuring RequireJS in a Durandal SPA
• Bootstrapping with RequireJS in a Durandal SPA
• Enabling System Debugging in a Durandal SPA
• Adding a Splash Page in a Durandal SPA

Handling App Lifecycle Events with Durandal

Course: 34 Minutes

• Creating an Activator in a Durandal SPA
• Using the Activate() Function in Durandal
• Using the CanActivate() Function in Durandal
• Using the Deactivate() Function in Durandal
• Using the CanDeactivate() Function in Durandal

View Composition in Durandal

Course: 16 Minutes

• Composing a View without a View Model
• Composing a View with Its Own View Model

Practice: Create Single Page App Using JavaScript

Course: 20 Minutes

• Exercise: Single Page Apps

Composing Modules with Durandal

Course: 10 Minutes

• Course Introduction
• Adding a New View in a Durandal SPA
• Adding a New View Model in a Durandal SPA

Dynamic Module Loading with Durandal

Course: 22 Minutes

• Configuring RequireJS in a Durandal SPA
• Bootstrapping with RequireJS in a Durandal SPA
• Enabling System Debugging in a Durandal SPA
• Adding a Splash Page in a Durandal SPA

Handling App Lifecycle Events with Durandal

Course: 34 Minutes

• Creating an Activator in a Durandal SPA
• Using the Activate() Function in Durandal
• Using the CanActivate() Function in Durandal
• Using the Deactivate() Function in Durandal
• Using the CanDeactivate() Function in Durandal

View Composition in Durandal

Course: 16 Minutes

• Composing a View without a View Model
• Composing a View with Its Own View Model

Practice: Create Single Page App Using JavaScript

Course: 20 Minutes

• Exercise: Single Page Apps

Retrieving Data for Views and View Models

Course: 45 Minutes

• Course Introduction
• Using a Data Retrieval Service in Durandal
• Handling Successful Model Data Retrieval in Durandal
• Handling Failed Model Data Retrieval in Durandal
• Mapping Model Data to ViewModel Observables in Durandal

Configuring Routes with the Durandal Router

Course: 46 Minutes

• Configuring Routes Using the MakeRelative() Function
• Adding a Collection of Routes Using the Map() Function
• Using the Default Routing Convention
• Using a Custom Routing Convention
• Handling Unknown Routes in Durandal
• Setting the Startup Module in Durandal
• Binding View Navigation to a Progress Bar

Route Activation and Binding with Durandal Router

Course: 20 Minutes

• Create a Nav Bar Using the Router Navigation Model
• Adding a View Transition in Durandal

Practice: Adding Views and Handling View Navigation

Course: 20 Minutes

• Exercise: Single Page Apps

Connecting to Data in JavaScript SPA

Course: 11 Minutes

• Course Introduction
• Connecting to a SQL Server Compact 4.0 Database
• Generating Entity Framework 6.0 Models from Database

Managing Data with Breeze

Course: 1 Hour, 40 Minutes

• Installing Breeze for a JavaScript SPA
• Caching Data on the Client with Breeze
• Sharing Data Amongst Client Views – Server Side
• Sharing Data Amongst Client Views – Client Side
• Constructing Breeze Queries
• Obtaining Object Graphs with Breeze
• Navigating Object Graphs with Breeze
• Initializing Application Data with Breeze
• Using Breeze Metadata from the Server
• Creating and Using Breeze Metadata on the Client

Practice: Connecting to and Managing Data

Course: 15 Minutes

• Exercise: Connecting to and Managing Data from an SPA

Saving and Handling Data Changes

Course: 1 Hour, 11 Minutes

• Course Introduction
• Using Editable View Bindings
• Tracking On-Screen Changes
• Saving Model Data Updates
• Displaying a Dropdown List in a View
• Prompting for Save before Navigating Away from a View
• Cancelling On-Screen Changes
• Saving and Restoring Changes Made Offline – Server Side
• Saving and Restoring Changes Made Offline – Client Side

Retrieving and Distributing Data

Course: 1 Hour, 11 Minutes

• Limiting Server Data Fetch Frequency
• Retrieving Model Data with Breeze
• Forcing a Remote Data Fetch with Breeze
• Querying the Local Cache with Breeze – Server Side
• Querying the Local Cache with Breeze – Client Side
• Mapping Partial Data Entities – Server Side
• Mapping Partial Data Entities – Client Side1
• Creating a Projection Query
• Administering Projection Query Data to Views

Practice: Working with Rich Application Data

Course: 15 Minutes

• Exercise: Working with Rich Application Data

Adding and Deleting Application Data

Course: 1 Hour, 29 Minutes

• Course Introduction
• Creating a View for Adding Data - Server Side
• Creating a View for Adding Data - Client Side
• Creating a View for Deleting Data - Server Side
• Creating a View for Deleting Data - Client Side
• Adding Routes for Customized Navigation Menus
• Creating a ViewModel for Adding Data - Server Side
• Creating a ViewModel for Adding Data - Client Side
• Adding Application Data - Server Side
• Adding Application Data - Client Side
• Deleting Application Data - Server Side
• Deleting Application Data - Client Side
• Adding Null Objects into Lookup Lists - Server Side
• Adding Null Objects into Lookup Lists - Client Side

Practice: Managing Application Data

Course: 20 Minutes

• Exercise: Managing Application Data

Using Custom Validation Rules

Course: 31 Minutes

• Course Introduction
• Defining Custom Validation Rules
• Registering Custom Validation Rules with Breeze
• Applying Custom Validation Rules on the Client

Reporting Validation Errors

Course: 42 Minutes

• Applying Data Annotations on the Server
• Notifying the User of Input Validation Errors
• Gathering Breeze Entity Errors
• Parsing Validation Error Messages on the Client

Practice: Working with Validation

Course: 20 Minutes

• Exercise: Working with Validation

Specificaties

Taal: Engels
Kwalificaties van de Instructeur: Gecertificeerd
Cursusformaat en Lengte: Lesvideo's met ondertiteling, interactieve elementen en opdrachten en testen
Lesduur: 16:06 uur
Voortgangsbewaking: Ja
Toegang tot Materiaal: 365 dagen
Technische Vereisten: Computer of mobiel apparaat, Stabiele internetverbindingen Webbrowserzoals Chrome, Firefox, Safari of Edge.
Support of Ondersteuning: Helpdesk en online kennisbank 24/7
Certificering: Certificaat van deelname in PDF formaat
Prijs en Kosten: Cursusprijs zonder extra kosten
Annuleringsbeleid en Geld-Terug-Garantie: Wij beoordelen dit per situatie
Award Winning E-learning: Ja

Tip! Zorg voor een rustige leeromgeving, tijd en motivatie, audioapparatuur zoals een koptelefoon of luidsprekers voor audio, accountinformatie zoals inloggegevens voor toegang tot het e-learning platform.