-
Collections
Collections in JavaScript's Backbone.js library are ordered sets of models that are useful for displaying lists of data that you can iterate over. In this video; Rob Huddleston demonstrates how to create a Backbone collection; add multiple instances of a model to it; and log the length of the collection.
-
Stored Procedures
Java Hibernate allows interaction with calls to stored procedures and lets you map the results. In this video; Tony Lowe demonstrates how to call a stored procedure by creating a NamedQuery added as an annotation to the Story class; before refining it using IN and OUT parameters.
-
Windows Azure VM Configure SQL Server on VM
You can set up Microsoft SQL Server 2014 on a virtual machine through RDP connection. In this video; Aaron Sampson demonstrates how to configure SQL Server on a virtual machine.
-
Printing
In JavaScript; you can use the print method to print specific parts of a document or web page. In this video; Chris Keenan demonstrates how to use the print method in JavaScript to display specific parts of a web page.
-
Working with Tables
In jQuery Mobile; you can add and configure tables in your applications. In this video; Charles Robinson demonstrates how to configure tables in the jQuery Mobile applications.
-
Filtering Output
After watching this video; you will be able to filter output based on content.
-
Installing GIT
After watching this video; you will be able to install and configure the Git version control package for your projects.
-
Installing Node.js
After watching this video; you will be able to install and configure the Node.js node package manager (npm) for use in your projects.
-
Working with PowerShell
After watching this video; you will be able to recognize how to work with PowerShell in a Node.js application.
-
Using the this Keyword
In TypeScript; the type and context of the "this" keyword depends on where it is used in the code. In this video; Wesley Miller explains the use of the "this" keyword in a class constructor; as well as the difference between using it in a standard function expression and an arrow function expression for a member function in TypeScript.
-
Nesting Loops
With program operations becoming more complex; it is necessary to process multiple operations; multiple times for high level calculations. JavaScript enables you to create nested loops. In this video; Chris Keenan discusses how to use nested loops in JavaScript to perform complex operations.
-
Spinner
jQuery allows you to create spinner controls for adjusting values in forms. In this Video; Rafiq Wayani demonstrates how to set; configure; and test a spinner control.
-
Creating Clean Testable Code
After watching this video; you will be able to use defensive coding techniques to create clean testable methods.
-
Introduction to Testing
After watching this video; you will be able to identify the key features and benefits of testing.
-
Working with Remote Data
jQuery provides methods for AJAX functionality that allow you to request data from a remote server that can be loaded directly into the HTML elements of your web pages. In this video; Rafiq Wayani demonstrates how to create JSON data on a WAMP server; how to get the JSON data; and output the results within an unordered list.
-
Working with AJAX
JavaScript JsRender; allows you to use external templates in conjunction with AJAX. In this video; Jean Boulet demonstrates how to work with AJAX when using external templates in JsRender.
-
Caching Data
You can enhance the performance capability of your environment when you use second level caching within Java Hibernate. In this video; Tony Lowe uses the EHCache plug-in tool to allow second level caching to store data to your environment's memory.
-
Comparing Objects
In JavaScript; you need to create custom functions to check if two objects have the same values; as normal comparison operators won’t work. In this video; Chris Keenan demonstrates how to create a custom function for comparing JavaScript objects.
-
If Statements
In JavaScript; an If statement is a type of conditional that enables a program to make a decision based on certain conditions. Reacting to conditions is called branching. In this video; Mark Lassoff demonstrates how you can use branching in your code.
-
Creating Actions
In Ember.JS; you can modify the state of the application through the router or controller using action helper. In this video; Chris Keenan demonstrates how to create an action and call it from the web page.
-
Working with Strings in
In JavaScript; you can use strings to manipulate texts. In this video; Jamie Campbell demonstrates how to work with strings in JavaScript.
-
Regular Expressions
Being able to find and manipulate patterns in Strings can be an important piece of the programming puzzle and regular expressions are a key part of that in JavaScript. In this video Chris Keenan discusses how to create and use regular expressions in JavaScript.
-
Editing Records
JavaScript Sencha allows developers to edit existing records in the same editor form used for adding records. In this video; Rob Huddleston demonstrates how to fire an onListDisclose event that calls the same editor form and passes the existing data to it.
-
Testing Controllers
After watching this video; you will be able to test a controller.
-
Forms
In JavaScript; you can use form values to gather information from a user in a web page. In this video; Chris Keenan demonstrates how to use JavaScript to refer to and manipulate form values.
-
Prototyping
JavaScript's prototype keyword can be used to add properties and methods to an object. In this video; Chris Keenan discusses how to use prototyping to add properties or methods to an object outside of its constructor function.
-
Implementing Drag and Drop
In the latest version of HTML; JavaScript can be used along with the drag and drop API to create a complete solution for user interaction. In this video; Chris Keenan discusses how to use JavaScript and the drag and drop API to include draggable objects in the webpage.
-
Manipulating the HTML5 Canvas
JavaScript allows you to draw and manipulate basic shapes on the HTML5 Canvas. In this video; Chris Keenan discusses the canvas object in HTML5.
-
Using the localStorage Object
The WebStorage API is seen as the successor to using cookies and is faster and more secure. In this video; Chris Keenan will you how to how to use the Web Storage API and the localStorage object to store objects with no expiration date.
-
Buttons
In jQuery Mobile; you can configure buttons for your mobile application. In this video; Charles Robinson demonstrates how to configure buttons in Visual Studio 2012.
-
Grid Layouts
In jQuery Mobile applications; you can use grid layouts to present the data. In this video; Charles Robinson demonstrates how to enable grids and create nested layouts.
-
React’s Virtual DOM
After watching this video; you will be able to describe how the Virtual DOM in React works and the benefits it provides to your projects.
-
Using Modernizr to Detect Feature Support
Modernizr is a JavaScript library that enables the detection of browser support for specific HTML5 and CSS3 features; allowing developers to provide fallbacks. In this video; James Lee demonstrates how to install Modernizr and add it to your websites; before testing for supported features and viewing the results in the JavaScript console.
-
Using the @extend Directive
Sass allows you to extend properties from one selector into another in CSS3. In this video; James Lee uses the @extend directive to define a class to have all the properties of the message class.
-
Adding States Using UI-Router
After watching this video; you will be able to configure an AngularJS application with states.
-
Advanced Selection Using UI-Select
After watching this video; you will be able to add customizable select box functionality in AngularJS apps.
-
Advanced Show/Hide Controls
After watching this video; you will be able to utilize extra control over how items are hidden and displayed in an AngularJS app.
-
AngularJS and CSRF
After watching this video; you will be able to recognize what a Cross-Site Request Forgery attack looks like and how AngularJS may be vulnerable.
-
AngularJS and XSS
After watching this video; you will be able to recognize what a Cross-Site Scripting attack may look like and how AngularJS protects against these.
-
AngularJS Dependencies for TypeScript
After watching this video; you will be able to install AngularJS dependencies for working with TypeScript and link to script files in index.html.
-
Bypassing an HTML5 AppCache Manifest
After watching this video; you will be able to configure an HTML5 AppCache manifest to always load certain resources from the network.
-
Checking IndexedDB Support
After watching this video; you will be able to detect whether a client browser supports IndexedDB.
-
Configuring the AngularJS App
After watching this video; you will be able to use a TypeScript class to provide configuration for an AngularJS app.
-
Creating a Cache with angular-cache
After watching this video; you will be able to install angular-cache and use it to create a new cache.
-
Creating an AngularJS App Using TypeScript
After watching this video; you will be able to create AngularJS applications using TypeScript.
-
Creating an AngularJS Controller Using TypeScript
After watching this video; you will be able to create and use a TypeScript class that represents an AngularJS controller.
-
Creating an AngularJS Directive Using TypeScript
After watching this video; you will be able to create AngularJS directives using TypeScript.
-
Creating an AngularJS Factory Using TypeScript
After watching this video; you will be able to create AngularJS factories using TypeScript.
-
Creating an AngularJS Provider Using TypeScript
After watching this video; you will be able to create AngularJS providers using TypeScript.
-
Creating an AngularJS Service Using TypeScript
After watching this video; you will be able to create AngularJS services using TypeScript.
-
Creating an HTML5 AppCache Manifest
After watching this video; you will be able to create an HTML5 AppCache manifest file.
-
Creating and Executing Unit Tests
After watching this video; you will be able to create and execute unit tests in an AngularJS application built using TypeScript.
-
Creating the AngularJS App Module
After watching this video; you will be able to define a TypeScript module in app.ts and define an AngularJS app module within it.
-
Data Modelling in AngularJS
After watching this video; you will be able to recognize how to work with data models in AngularJS using js-data-angular.
-
Defining a Class in TypeScript
After watching this video; you will be able to define TypeScript classes for use.
-
Defining an Interface in TypeScript
After watching this video; you will be able to define TypeScript interfaces for use.
-
Detecting Network Changes
After watching this video; you will be able to describe how to detect network status changes in an Angular JS application.
-
Disabling String Contextual Escaping
After watching this video; you will be able to disable SCE in AngularJS to allow a script to be executable.
-
Displaying Data in a Grid
After watching this video; you will be able to use ng-grid to display data in a grid format in AngularJS.
-
Extending the Scope Interface
After watching this video; you will be able to extend the ng.IScope interface to add custom scope properties.
-
Getting a Bearer Token
After watching this video; you will be able to receive and store a bearer token in the DOM.
-
Getting Started with VS2013 and TypeScript
After watching this video; you will be able to set up Visual Studio 2013 to provide maximum TypeScript development support.
-
Grouping Grid Data
After watching this video; you will be able to rearrange grid data by groups in an AngularJS app.
-
Handling AngularJS Data Offline
After watching this video; you will be able to create AngularJS applications that can work with offline data.
-
Implementing Offline Awareness
After watching this video; you will be able to use the offline.js library to detect when the network changes from an AngularJS application.
-
Including Fragments
After watching this video; you will be able to include fragments in an AngularJS app.
-
Installing and Configuring js-data-angular
After watching this video; you will be able to install and configure the js-data-angular script file into an AngularJS app.
-
Installing offline.js
After watching this video; you will be able to install the offline.js library in an AngularJS application.
-
Installing UI-Router
After watching this video; you will be able to install UI-Router and configure an AngularJS app with a ui-view div and ui-sref links.
-
Introduction to Bearer Tokens
After watching this video; you will be able to describe what bearer tokens are and how to use them for authentication in an AngularJS app.
-
Introduction to Obfuscation
After watching this video; you will be able to recognize what obfuscation means and where it comes into play in a security context.
-
Introduction to TypeScript
After watching this video; you will be able to describe the TypeScript language and purpose.
-
Introduction to UI-Router
After watching this video; you will be able to describe AngularJS UI-Router and how it functions as an alternative to ngRoute in AngularJS apps.
-
Making Cells Editable
After watching this video; you will be able to configure a grid to have editable cells once selected.
-
Making Columns Pinnable
After watching this video; you will be able to configure a grid to support column pinning.
-
Referencing Declaration Files
After watching this video; you will be able to add reference information to TypeScript files to identify declaration files to be used .
-
Removing Data from an angular-cache Cache
After watching this video; you will be able to remove data from an angular-cache cache.
-
Renaming Directives Using UI-Alias
After watching this video; you will be able to rename third-party directives in AngularJS apps.
-
Retrieving AngularJS Data Using IndexedDB
After watching this video; you will be able to retrieve IndexedDB stored data in an AngularJS application.
-
Retrieving AngularJS Data Using Local Storage
After watching this video; you will be able to retrieve local storage data in an AngularJS application.
-
Reversing Minification of an AngularJS Application
After watching this video; you will be able to use tools to reverse the effects of minification of AngularJS application.
-
Routing With UI-Router
After watching this video; you will be able to create an AngularJS app that routes using UI-Router.
-
Saving AngularJS Data Using IndexedDB
After watching this video; you will be able to store AngularJS data in a client browser using IndexedDB.
-
Saving AngularJS Data Using Local Storage
After watching this video; you will be able to store AngularJS data in a client browser using local storage.
-
Securing AngularJS Applications
After watching this video; you will be able to use bearer tokens to authenticate AngularJS requests with the server.
-
Securing Cookies in AngularJS
After watching this video; you will be able to distinguish between secure and insecure cookies and recognize why an AngularJS application that uses cookies for identity persistence should have this cookie secure.
-
Setting Up a Master Detail Layout
After watching this video; you will be able to create a master/detail layout in an AngularJS app .
-
Setting Up AngularJS Constants Using TypeScript
After watching this video; you will be able to use TypeScript to add constants to an AngularJS app.
-
Setting Up AngularJS Values Using TypeScript
After watching this video; you will be able to use TypeScript to add values to an AngularJS app.
-
Setting up HTML5 AppCache Fallbacks
After watching this video; you will be able to configure fallbacks in the HTML5 AppCache manifest that can be used specific paths are unavailable.
-
Setting Up Jasmine for Testing
After watching this video; you will be able to install dependencies for writing Jasmine tests using TypeScript.
-
Setting Up Karma for Testing
After watching this video; you will be able to set up the Karma test runner for running tests .
-
Setting Up Routing in AngularJS Using TypeScript
After watching this video; you will be able to configure routes in an AngularJS app using TypeScript.
-
Setting Up Run Blocks Using TypeScript
After watching this video; you will be able to use TypeScript to add a run block to an AngularJS app.
-
Setting Up Server-side Paging
After watching this video; you will be able to create a grid that can page through data supplied from a server-side data source.
-
Simulating Network Changes
After watching this video; you will be able to use the offline.js simulator to test how an AngularJS responds to network changes.
-
Storing and Retrieving Data Using angular-cache
After watching this video; you will be able to store data and retrieve stored data from an angular-cache cache.
-
The Role of AngularJS in Authorization
After watching this video; you will be able to describe the roles of the client-side framework (AngularJS) and a server in authorizing requests.
-
TypeScript Functions vs JavaScript Functions
After watching this video; you will be able to differentiate between normal JavaScript functions and TypeScript functions and identify IDE errors when incorrectly defining TypeScript functions.
-
Understanding Application Caching
After watching this video; you will be able to describe the different options for caching AngularJS applications.
-
Understanding Client-Side Storage Options
After watching this video; you will be able to describe the different options for persisting AngularJS data in the client.
-
Updating an HTML5 AppCache
After watching this video; you will be able to reliably update files identified in the AppCache manifest.
-
Using a Bearer Token
After watching this video; you will be able to send a bearer token to be used for authenticating requests generated by an AngularJS app.
-
Using a CodeMirror IDE
After watching this video; you will be able to add a CodeMirror editor in an AngularJS app.
-
Using Accordion and Carousel
After watching this video; you will be able to add Angular UI accordion and carousel objects to AngularJS apps.
-
Using Alert and Buttons
After watching this video; you will be able to add Angular UI alerts and button objects to AngularJS apps.
-
Using an Ace IDE
After watching this video; you will be able to add an Ace editor in an AngularJS app.
-
Using an angular-cache and the $HTTP Service
After watching this video; you will be able to use an angular-cache cache in conjunction with the $HTTP service.
-
Using AngularUI Utilities and Modules
After watching this video; you will be able to implement elements from AngularUI in an AngularJS app.
-
Using Anti-Forgery Tokens
After watching this video; you will be able to request remote resources using AngularJS and TypeScript.
-
Using Cookies with Bearer Tokens
After watching this video; you will be able to use cookies to persist identity through page reloads.
-
Using DatePicker and TimePicker
After watching this video; you will be able to add Angular UI datepicker and timepicker objects to AngularJS apps.
-
Using Fixed Scrolling
After watching this video; you will be able to fix elements to the page at specific points.
-
Using HTML5 Storage with Bearer Tokens
After watching this video; you will be able to use HTML5 storage to persist identity through page reloads; and recognize the benefits of this approach as opposed to a cookie-based approach.
-
Using Modal and Popover
After watching this video; you will be able to add Angular UI modal and popover objects to AngularJS apps.
-
Using Multiple Views
After watching this video; you will be able to use multiple views in an AngularJS app.
-
Using Nested Views
After watching this video; you will be able to use nested views in an AngularJS app.
-
Using ngSanitize
After watching this video; you will be able to use ngSanitize in AngularJS to allow whitelisted HTML to be rendered.
-
Using Pagination
After watching this video; you will be able to add Angular UI pagination to AngularJS apps.
-
Using Progressbar and Rating
After watching this video; you will be able to add Angular UI progressbar and rating objects to AngularJS apps.
-
Specifying Column Definitions in a Grid
After watching this video; you will be able to use specific display names for grid columns.
-
Using Tabs and Tooltips
After watching this video; you will be able to add Angular UI tabs and tooltip objects to AngularJS apps.
-
Using the Arshaw FullCalendar Module
After watching this video; you will be able to add a FullCalendar component in an AngularJS app.
-
Using the DSHttpAdapter
After watching this video; you will be able to use the DSHttpAdapter to access data.
-
Using the DSLocalStorageAdapter
After watching this video; you will be able to use the DSLocalStorageAdapter to access data.
-
Using the Event Binder Util
After watching this video; you will be able to bind callbacks to events not natively supported by AngularJS.
-
Using the Format Util
After watching this video; you will be able to format strings by substituting tokens.
-
Using the Highlight Util
After watching this video; you will be able to highlight block text in an AngularJS app.
-
Using the Indeterminate Checkbox
After watching this video; you will be able to toggle a checkbox's indeterminate property.
-
Using the Inflector Util
After watching this video; you will be able to convert strings to alternative formats.
-
Using the jQuery Passthrough Util
After watching this video; you will be able to call jQuery functions and plugins directly from AngularJS.
-
Using the Keypress Util
After watching this video; you will be able to bind events to specific key presses in an AngularJS app.
-
Using the Mask Util
After watching this video; you will be able to mask inputs with custom masks.
-
Using the Reset Util
After watching this video; you will be able to use an icon or link that can empty an input element.
-
Using the Route Checking Util
After watching this video; you will be able to detect and take action when specific routes are matched.
-
Using the Sortable Module
After watching this video; you will be able to add drag and drop sortable lists to an AngularJS app.
-
Using the Unique Util
After watching this video; you will be able to remove duplicates from an array of items.
-
Using the Uploader Util
After watching this video; you will be able to add multiple upload functionality to an AngularJS app.
-
Using the Validate Util
After watching this video; you will be able to create and use custom validation expressions.
-
Using TinyMCE
After watching this video; you will be able to add a TinyMCE editor in an AngularJS app.
-
Using Typeahead
After watching this video; you will be able to use Angular UI typeahead features in an AngularJS app.
-
Using Uglify to Minify an AngularJS Application
After watching this video; you will be able to use Uglify.js to minify and compress an AngularJS application.
-
Using Unlimited Scrolling
After watching this video; you will be able to create and configure unlimited length scrolling lists.
-
Working with Cell Selection
After watching this video; you will be able to configure a grid to have selectable cells.
-
Working with Cell Templates
After watching this video; you will be able to specify templates to be used for grid cells.
-
Working with Grid Themes
After watching this video; you will be able to specify themes that can be used to alter grid display in AngularJS apps.
-
Working with Row Selection
After watching this video; you will be able to configure a grid to have selectable rows.
-
Working with Row Templates
After watching this video; you will be able to specify templates to be used for grid rows.
-
Wrong Assumptions About AngularJS Authorization
After watching this video; you will be able to recognize how assuming AngularJS can implement real authorization leaves an application vulnerable to attack.
-
Android Application Components
After watching this video; you will be able to identify the key components of an Android application.
-
Configuring the Android Emulator
After watching this video; you will be able to configure the Android emulator in Visual Studio.
-
Configuring Xamarin.Android
After watching this video; you will be able to configure Xamarin.Android.
-
Exploring Xamarin in Visual Studio
After watching this video; you will be able to describe how Xamarin integrates with Visual Studio.
-
Xamarin Basics
After watching this video; you will be able to describe the key features of the Xamarin platform.
-
Xamarin System Requirements
After watching this video; you will be able to list and describe the system requirements for installing Xamarin .
-
Using the ngModel Directive in
In AngularJS; you can use the ng-model directive to set up two-way data binding in the applications. In this video; Andy Alfred demonstrates how to use the ng-model directive in AngularJS.
-
Using the ngMousedown and ngMouseup Directives in
In AngularJS; the ng-mousedown directive allows you to respond when a user presses down the mouse on an element in your application; and the ng-mouseup directive works similarly when a user releases the mouse over an element. In this video; Andy Alfred demonstrates how to use the ng-mousedown and ng-mouseup directives.
-
Using the ngMouseenter and ngMouseleave Directives in
In AngularJS; you can use the ng-mouseenter and ng-mouseleave directives to capture and respond to the events that occur when the mouse enters and leaves the bounding-box area. In this video; Andy Alfred demonstrates how to use the ng-mouseenter and ng-mouseleave directives in AngularJS.
-
Using the ngMouseover and ngMousemove Directives in
In AngularJS; the ng-mousemove directive allows you to respond to mouse movement in your application; and the ng-mouseover directive captures when the mouse is over a specified element. In this video; Andy Alfred explains how to use the ng-mousemove and ng-mouseover directives.
-
Using the ngStyle Directive in
In AngularJS; you can dynamically set and update CSS styling for any element from within the context of an Angular application using the ng-style directive. In this video; Andy Alfred explains how to conditionally update CSS using the ng-style.
-
Using the 'number' and 'json' Filters in
In AngularJS; you can use the built-in Number filter and the JSON filter. The Number filter allows you to format the output of numbers while the JSON filter enables you to convert a JavaScript object into a JSON string. In this video; Andy Alfred demonstrates how to use the Number and JSON filters.
-
Testing Directives with External Templates
In AngularJS; you can unit test the custom directives that use external templates by using Jasmine and Karma to make sure they are working correctly. In this video; Andy Alfred demonstrates how to test simple directives that use external templates by making sure that it renders out correctly when the application loads.
-
Testing Events on Directives
In AngularJS; you can test the click events. In this video; Andy Alfred demonstrates how to test events on directives in AngularJS.
-
Testing Filters
After watching this video; you will be able to test a custom filter.
-
Testing Filters with Dependencies
After watching this video; you will be able to test a custom filter with dependencies.
-
Testing Services with Dependencies
If your custom service depends on any other components to do help it do its job; you need to mock those dependencies; in order to create good unit tests. In this video; Andy Alfred demonstrates how to test custom services with dependencies in AngularJS.
-
Understanding Controllers and Variable Scope
AngularJS makes use of controllers to determine the scope of variables in your web applications. All variables defined in a specific controller will be added to the scope and made accessible at the point where that controller is attached to the Document Object Model. In this video; Andy Alfred explains how controllers and variable scope work in AngularJS.
-
Understanding Dot Notation in
AngularJS is a JavaScript based framework that makes it simple to create rich client-side web applications. Dot Notation is used to help maintain the prototypical inheritance relationship between child and parent scopes. In this video; Andy Alfred demonstrates how to get started with using Dot Notation.
-
Understanding Isolate Scopes in Directives
In AngularJS applications; to create a reusable directive; you need to isolate its scope and use bindings to determine what you pass into it. In this video; Andy Alfred demonstrates how to use isolate scopes on directives in AngularJS.
-
Understanding the $rootScope Service in
In AngularJS; users can use the $rootScope service to access any application's parent or main scope. In this video; Andy Alfred demonstrates how to use the $rootScope service in AngularJS.
-
Understanding Transclusion in
In AngularJS; you can use the transclude property to access the content of a markup and pull it into the directive. In this video; Andy Alfred demonstrates how to make use of the transclude property in AngularJS.
-
Using $q.all() To Handle Multiple Promises
In AngularJS; you can use $q.all() function to bunch together a set of promises. In this video; Andy Alfred demonstrates how to use the $q.all() function to work with multiple promises in AngularJS.
-
Using '&' to Invoke Outer Scope Functions from a Directive Isolate Scope
In AngularJS; you can set up bindings to pass in the outer scope functions that can then be invoked from within the directive. In this video; Andy Alfred demonstrates how to invoke outer scope functions from within the isolate scope directives in AngularJS.
-
Using '@' to Pass in Strings to a Directive Isolate Scope
In AngularJS; you can use the @ symbol to set up mappings and to pass string values into the scopes. In this video; Andy Alfred demonstrates how to pass strings into the directives by using the "@" symbol.
-
Using '=' to Set Up Two-Way Binding in a Directive Isolate Scope
In AngularJS; you can create the isolate scopes to set up bindings for the variables from within the scope to be mapped to the outer scope. In this video; Andy Alfred demonstrates how to set up a two-way binding in isolate scopes by using the "=" sign.
-
Using Directives in Internet Explorer
When supporting your AngularJS applications in Internet Explorer; you may have to manage certain complications while using directives. In this video; Andy Alfred explains some of the issues you need to be aware of when working with Angular directives in Internet Explorer.
-
Using Display Filters in
Display filters in AngularJS format the output of variables without changing the actual variable value which helps to separate presentation logic from application data; and it is a quick way to format data. In this video; Andy Alfred will show you how to quickly use some of the display filters built into AngularJS.
-
Using 'ng-repeat' on Collections in
In AngularJS; the ng–repeat directive allows you to repeat an element or a template; once for each item in a collection passed to it. In this video; Andy Alfred explains how to use the ng–repeat directive to loop through a list of objects in an AngularJS app.
-
Using Partials with 'ng-include' in
Partials in AngularJS allow us to create reusable pieces of code; that can be plugged in where need be in our web applications. One way to include partials is by making use of the ng-include directive in Angular JS to include the partial in an HTML page. In this video; Andy Alfred will show how toleverage ng-include to pull in partials in AngularJS apps.
-
Using Route Parameters in
In AngularJS; you can use routes and route parameters to pass information around as needed. In this video; Andy Alfred demonstrates how to use the route parameters in AngularJS.
-
Using Scope Functions in
AngularJS makes use of controllers to determine the scope of variables and functions in your applications. In this video; Andy Alfred demonstartes how to use controllers and function scopes in AngularJS.
-
Using the $anchorScroll Service
In AngularJS; you can use the $anchorScroll service in conjunction with hyperlinks in the markup to automatically scroll to other parts of a page. In this video; Wesley Miller demonstrates how to use the $anchorScroll service to scroll to hyperlinks at the top and bottom of a div container element on a web page.
-
Using the $cacheFactory Service
In AngularJS; you can use the $cacheFactory service for creating cache objects and providing access to their data items. In this video; Wesley Miller demonstrates how to use the $cacheFactory service to add items to a cache; delete items from a cache; retrieve item values from existing keys; and display cache information.
-
Using the $compile Service
In AngularJS; the $compile service allows you to create new HTML elements and attributes and attach custom behaviors to these items. In this video; Wesley Miller demonstrates how to use the $compile service to obtain HTML markup and add the generated result to a web page UI.
-
Using the $cookieStore Service
In AngularJS; you can use the $cookieStore service to store cookie session objects as key value pairs. In this video; Wesley Miller demonstrates how to use the $cookieStore service to save a cookie; view cookie information; and delete a cookie from cookie storage.
-
Using the $exceptionHandler Service
In AngularJS; you can use the $exceptionHandler service for creating custom exception handlers. In this video; Wesley Miller demonstrates how to use an $exceptionHandler service to create an exception handler that outputs a custom message when an exception is thrown.
-
Using the $filter Service in
In AngularJS; Users can use the $filter service to access Angular's built-in filters as well as their custom filters. In this video; Andy Alfred demonstrates how to get started using the $filter service in AngularJS.
-
Using the $http Service and $q Service Together
In AngularJS; you can use the $q service along with the $http service to make HTTP requests that do not involve passing around callbacks and anonymous functions. In this video; Andy Alfred demonstrates how to use the $q service along with the $http service in AngularJS applications.
-
Using the $http Service in to GET Server Data
In AngularJS; you can use the $http service to communicate with remote HTTP servers for transferring data. In this video; Andy Alfred demonstrates how to use the $http service to request data from the server by using the GET method.
-
Using the $http Service in to POST Server Data
In AngularJS; you can use the $http service to request data from the server and save data to a remote server. In this video; Andy Alfred demonstrates how to use the $http service to submit data to the server by using the POST method.
-
Using the $locale Service
In AngularJS; you can use the $locale service to provide localization rules for several AngularJS components with the date function being a primary example. In this video; Wesley Miller demonstrates how to use the $locale service to display the current date on a web page in English; French; and Russian languages.
-
Using the $location Service to Navigate in
In AngularJS; you can use the $location service to change the path of your application to perform navigation. In this video; Andy Alfred demonstrates how to use the $location service to perform client site routing in AngularJS applications.
-
Using the $location Service to Replace Views in
In AngularJS; you can use the $location service to route to different views in your application without adding an entry to the browser history. In this video; Andy Alfred demonstrates how to use the replace function of Angular's $location service to replace views without altering browser history.
-
Using the $log Service in
In AngularJS; you can use the $log service to write out log messages to the console within the contacts of an application. In this video; Andy Alfred demonstrates how to use the $log service in AngularJS.
-
Using the $parse Service
In AngularJS; the $parse service allows you to convert the AngularJS expressions into functions. In this video; Wesley Miller demonstrates how to use the $parse service to compile and execute a math operation and how to use it to obtain property values from custom objects.
-
Using the $q Service in
In AngularJS; you can use the $q service to work with asynchronous calls in your applications. In this video; Andy Alfred demonstrates how to use the $q service in AngularJS.
-
Using the $resource Service in to Request Server Data
In AngularJS; you can the $resource service to interact with the server-side data sources. In this video; Andy Alfred demonstrates how to use the $resource service to request the data from a restful data source.
-
Using the $route Service to Read Query Strings in
In AngularJS; you can use routes in parameters as well as in a query string. In this video; Andy Alfred demonstrates how to use the $route service to access query string data in the applications.
-
Using the $route Service to Reload Pages in
In AngularJS; you can reload the entire application without making calls to the server. In this video; Andy Alfred demonstrates how to reload pages in AngularJS by using the $route service.
-
Using the $timeout Service
In AngularJS; the $timeout service allows you to delay the running of a command or firing of an event within the context of an AngularJS environment. In this video; Wesley Miller discusses how to use the $timeout service to delay the display of text in a web page.
-
Using the $window and $document Services in
In AngularJS; Users can use the $window service to provide a reference to the browser's window object and the $document service to provide access to the window.document object. In this video; Andy Alfred demonstrates how to use the $window and $document services.
-
Using the angular.forEach Function
AngularJS provides the angular.forEach function that easily iterates through a collection of items and passes each item in turn to an iterator function. In this video; Andy Alfred explains how to use the angular.forEach function.
-
Using the Date Filter in
In AngularJS; the date filter allows you to format dates and times in your application. You can use the predefined date formats or construct new format strings to display dates. In this video; Andy Alfred demonstrates how to format dates by using the date filter.
-
Using the ngBind; ngBindTemplate; and ngNonBindable Directives in
In AngularJS; you can use the ng-bind; ng-bind-template; ng-non-bindable directives to bind to the data. In this video; Andy Alfred demonstrates how to use the ng-bind; ng-bind-template; ng-non-bindable directives in AngularJS.
-
Using the ngBindHTML Directive in
In AngularJS; you can use ng-bind-html directive to bind the innerHTML of an element to markup find within a $scope variable or the application model and to remove unsafe markup. In this video; Andy Alfred explains how to use ng-bind-html for binding that will innerHTML the result of evaluating the expression into the current element in a secure way.
-
Using the ngChange Directive in
In AngularJS; you can use the ng-change directive to capture and respond to the change that occurs in an element it is set as an attribute. In this video; Andy Alfred demonstrates how to use the ng-change directive in AngularJS.
-
Using the ngClass Directive in
In AngularJS; you can use ng-class directive to dynamically set and update CSS classes for the elements from within the context of an Angular application. In this video; Andy Alfred explains how to conditionally update CSS classes using the ng-class.
-
Using the ngClassEven and ngClassOdd Directives in
In AngularJS; the ng-class-even and ng-class-odd directives are used for applying alternating patterns to the object. In this video; Andy Alfred demonstrates how to use the ng-class-even and ng-class-odd directives in AngularJS.
-
Using the ngClick and ngDblClick Directives in
In AngularJS; the ng-click and ng-DblClick directives allow you to respond when a user single-clicks or double-clicks an element in your application. In this video; Andy Alfred explains some of the ways to use the ng-click and the ng-DblClick directives.
-
Using the 'ngFocus' and 'ngBlur' Directives in
In AngularJS; the ng-focus and ng-blur directives allow us to define custom functionality that is executed when an element gains and loses focus respectively. In this video; Andy Alfred explains how to add interactivity to AngularJS applications by using ng-focus and ng-blur directives.
-
Using the ngHref and ngSrc Directives in
In AngularJS; you can use ng-src and ng-href directives to ensure that the browser does not act too fast to request a nonexistent image or render a clickable link to an invalid destination. In this video; Andy Alfred demonstrates how to use the ng-src and ng-href directives in AngularJS.
-
Using the 'ngIf' Directive in
In AngularJS; you can use ng-if to add or remove DOM elements from our applications. In this video; Andy Alfred demonstrates how to make use of the ng-if directive in AngularJS.
-
Using the 'ngList' Directive in
In AngularJS; you can use the ng-list directive to seamlessly convert between a delimited string and an array of strings. In this video; Andly Alfred explains how to use the ng-list directive provided by AngularJS.
-
Watching Scopes for Changes Using $scope.$watch
In AngularJS; you can explicitly set up watches for the variables by using the $scope.$watch function. In this video; Andy Alfred demonstrates how to set up watches in the AngularJS applications.
-
Working With Bracketed Expressions
AngularJS is a JavaScript based framework that makes it simple to create rich client-side web applications. The double brackets allow you to evaluate certain types of expressions in AngularJS applications. In this video; Andy Alfred demonstrates how to work with the double curly brackets to evaluate Angular expressions in your HTML markup.
-
Working with Browser Events in Directives
In AngularJS; you can use the directives to listen out to the events when they are fired. In this video; Andy Alfred demonstrates how to configure the custom directives to work with browser events in the applications.
-
Working with Nested Variable Scopes
AngularJS is a JavaScript based framework that makes it simple to create rich client-side web applications. Nested Variable Scopes allow you to alter variables on a child scope without affecting any variables that may share the same name in any parent scopes. In this video; Andy Alfred demonstrates how nested variable scopes work in AngularJS.
-
Working with User Text Input in
AngularJS allows you to bind your text input directly to the application model with the ng-model directive. In this video; Andy Alfred demonstrates how to work with user text input in the AngularJS framework.
-
Replacing Directive Elements in Your HTML Markup
In AngularJS; you can use the replace property to replace the custom names of the directives with standard HTML. In this video; Andy Alfred demonstrates how to use the replace property to replace custom directives in AngularJS.
-
Setting Dynamic Controllers for Directives in
In AngularJS; you can set up the controllers to attach dynamic behavior to the directives. In this video; Andy Alfred demonstrates how to add dynamic controllers to the directives in AngularJS.
-
Setting up a Default Route in
In AngularJS; you can set up a default route when it is not defined. In this video; Andy Alfred demonstrates how to set up a default route in AngularJS.
-
Setting Up a Test Environment
In AngularJS; you can use different tools to test the application. Developers commonly use Karma as a test runner and Jasmine as the framework for creating the actual test. In this video; Andy Alfred demonstrates how to set up a test environment to start unit testing the applications by configuring Karma.
-
Setting up Routing in
In AngularJS; users can use routes to set up client side navigation within the browser; without the need to reload the entire page repeatedly. In this video; Andy Alfred will demonstrate how to get started setting up routes in an AngularJS application.
-
Setting Up Your Environment
AngularJS is a JavaScript-based framework that allows you to create rich client-side web applications. In this video; Andy Alfred explains how to set up the AngularJS environment.
-
Sharing Data Between Controllers
AngularJS is a JavaScript based framework that makes it simple to create rich client-side web applications. If you need to share data between controllers in AngularJS; you can make use of a service to do so. In this video; Andy Alfred demonstrates how to create a service to share data between controllers in AngularJS.
-
Sharing Data Between Multiple Controllers in
In AngularJS; when your web apps get larger and more sophisticated; multiple controllers help you to organize your apps better. In this video; Andy Alfred explains how to create an AngularJS service that can be used to share information between multiple controllers.
-
Taking Advantage of Provided CSS Classes
In AngularJS; when you design your web applications; you can use some CSS classes that are dynamically set and unset for you depending on the state of your application. In this video; Andy Alfred explains how and when to use some of the CSS classes provided by AngularJS.
-
Testing a Controller
In AngularJS; you can unit test your controllers by using Jasmine and Karma to make sure they function as expected. In this video; Andy Alfred demonstrates how to test a controller.
-
Testing AJAX Calls
In AngularJS; you can use the $httpBackend object when you set up your tests. $httpBackend intercepts any actual http requests; and responds to them in a trained way. In this video; Andy Alfred demonstrates how to set up unit tests in AngularJS when AJAX calls are involved.
-
Testing Controllers with Dependencies
In AngularJS; you can unit test your controllers by using Jasmine and Karma to make sure they function as expected. If your controllers have any dependencies; you need to remove those by providing mocks when testing. In this video; Andy Alfred demonstrates how to unit test controllers with dependencies.
-
Testing Directive Bindings
In AngularJS; you can unit test your directive bindings by using Jasmine and Karma to make sure they are working correctly. In this video; Andy Alfred demonstrates how to test the directive bindings by making sure that it renders out correctly when the application loads.
-
Testing Directives
In AngularJS; you can unit test the custom directives by using Jasmine and Karma to make sure they are working correctly. In this video; Andy Alfred demonstrates how to test simple directives by making sure that it renders out correctly when the application loads.
-
Adding Controllers To Directives in
In AngularJS; you can create dedicated controllers for your directives by using the controller property. In this video; Andy Alfred demonstrates how to add controllers to the directives by using the controller property.
-
Creating Custom Properties on Routes
In AngularJS; you can create and access custom properties on routes. In this video; Andy Alfred demonstrates how to create and work with custom properties on routes in AngularJS.
-
Filtering Output Based on Content in
In AngularJS; if you have to display a large list of content in your application; you can filter the list based on some criteria and display only a subset of the content at a time. In this video; Andy Alfred demonstrates how to filter the output by content.
-
How to Control Scopes
AngularJS is a JavaScript based framework that makes it simple to create rich client-side web applications. Scopes in AngularJS can contain functions which perform useful work in relation to that scope. In this video; Andy Alfredl demonstrates how to create and use functions located in AngularJS scopes.
-
How to Create a Simple Custom Service
AngularJS is a JavaScript based framework that makes it simple to create rich client-side web applications. Services in AngularJS perform various kinds of useful work for in your application. In this video; Andy Alfred demonstrates how to create and use a service in your AngularJS application.
-
How to Use The orderBy and limitTo Filters
In AngularJS; when displaying a potentially large list of data items; you can sort that data using Angular's orderBy filter. You can also control how many items are displayed using Angular's limitTo filter. In this video; Andy Alfred demonstrates how to use the orderBy and limitTo filters in AngularJS to manage information in your application.
-
Including Partial Templates in
AngularJS is a JavaScript based framework that makes it simple to create rich client-side web applications. The ngInclude directive in AngularJS allows you to pull in external templates of code into your application's markup. In this video; Andy Alfred demonstrates how to make use of templates in your AngularJS applications.
-
Installing Node and Karma
After watching this video; you will be able to install Node and Karma to test applications.
-
Introduction to the $location Service in
In AngularJS; the $location service provides you convenient access to URL-related information. In this video; Andy Alfred introduces the $location service in AngularJS.
-
'ng-click' vs 'onclick'
In JavaScript; the onclick handler responds to user interaction and similarly AngularJS has the ng-click. In this video; Andy Alfred will show you how you can get started using ng-click to respond to user interaction in our Angular apps.
-
Observing the Attributes of a Directive Element for Changes
In AngularJS; you can observe the arbitrary values and take action when any change occurs in them. In this video; Andy Alfred demonstrates how to use the $observe function from within the linking function to observe an attribute for any changes in the application.
-
Basic Form Validation in
In AngularJS; you can perform client-side form validation to prescreen the user data before sending it to the server. In this video; Andy Alfred demonstrates how to perform basic form validations in AngularJS.
-
Changing the Default Curly Braces in
In AngularJS; users can use double curly braces to identify expressions; but as many JavaScript frameworks use them there can be conflict situations. So Angular JS users can define custom expression markers using the interpolate service. In this video; Andy Alfred demonstrates how to use the interpolate service to change the default curly braces.
-
Checking Data Types in
AngularJS provides several "is" functions that help users identify data types in an application. In this video; Andy Alfred explains how to use some of the "is" functions to verify variable types in AngularJS.
-
Communicating Between Directives in
In AngularJS; if you can create a controller for a directive that needs to communicate with other directives in the application on; that any other directives on the same matched element can use. In this video; Andy Alfred will demonstrate how to get started communicating between directives.
-
Communicating Between Nested Directives in
If a custom directive is used with a controller to communicate with other directives; these other directives must match on the same element. If these other directives are nested; you can set up Angular to look up for the controller it can use. In this video; Andy Alfred demonstrates how to set up communication between nested directives in AngularJS applications.
-
Configuring Routes using Templates in
In AngularJS; you can use the template property to configure the routes. In this video; Andy Alfred demonstrates how to set up simple routes by using the template property in AngularJS.
-
Controlling Display with 'ng-show' and 'ng-hide' in
In AngularJS; the ng-show and ng-hide directives allow you to conditionally show and hide elements or templates based on an expression. In this video; Andy Alfred demonstrates how to control the display of elements and templates by using ng-show and ng-hide in AngularJS.
-
Create a Directive Using Shorthand Notation
In AngularJS; you can use shorthand notation to set up a directive. In this video; Andy Alfred demonstrates how to use the shorthand notation in AngularJS.
-
Creating a Simple Directive in
AngularJS is a JavaScript based framework that makes it simple to create rich client-side web applications. Directives in AngularJS allow you to add new functionality to your applications markup by defining new elements and attributes. In this video; Andy Alfred demonstrates how to create and use a simple directive in an AngularJS application.
-
Creating Controllers with the 'Controller As' Syntax
In AngularJS; you can use the 'controller as' syntax to create and use controllers. In this video; Andy Alfred demonstrates how to create a controller by using the 'controller as' syntax in AngularJS.
-
Creating Custom Display Filters in
Display filters in AngularJS; allow us to format the output of variables without having to change the variable value and AngularJS allows us to create our own filters. In this video; Andy Alfred demonstrates how to create and use custom display filters in AngularJS.
-
Add Users to the Database
After watching this video; you will be able to modify the startup file to create the database; sample data; and add users at startup.
-
Adding an AngularJS App Module
After watching this video; you will be able to add an AngularJS app module to the ASP.NET project.
-
Adding Grunt
After watching this video; you will be able to use NPM to add Grunt and Grunt plugins.
-
Adding the EF 7 Nuget Packages
After watching this video; you will be able to add the Entity Framework(EF) 7 Nuget packages to the project.
-
Adding Validation to the Client Controllers
After watching this video; you will be able to update the client controllers to show validation messages coming from the server.
-
Adding Validation to the Server Controller
After watching this video; you will be able to update the Web API controller on the server to check for a valid model state and display validation messages.
-
Configuring and Running Grunt
After watching this video; you will be able to use and run Grunt plugins uglify and watch to build required JavaScript files.
-
Configuring Client-Side Validation
After watching this video; you will be able to use built-in features of AngularJS to configure client-side validation.
-
Configuring Create and Retrieve Templates
After watching this video; you will be able to configure partial view templates for creating and retrieving server-side resources.
-
Configuring Edit and Delete Templates
After watching this video; you will be able to configure partial view templates for editing and removing server-side resources.
-
Configuring the Database Connection
After watching this video; you will be able to configure the database connection string in the Config.json file.
-
Creating a DbContext Class
After watching this video; you will be able to create an Entity Framework DbContext class.
-
Creating a Model Class
After watching this video; you will be able to create a model class to pass items from the Web API to AngularJS.
-
Creating a Web API Controller
After watching this video; you will be able to create a Web API controller.
-
Creating an ASP.NET Project
After watching this video; you will be able to create an empty ASP.NET project and describe its elements.
-
Creating Client Controllers
After watching this video; you will be able to create client controllers for each route.
-
Creating the AngularJS Controller
After watching this video; you will be able to add an AngularJS controller to the ASP.NET project.
-
Creating the AngularJS Service
After watching this video; you will be able to add an AngularJS service to the ASP.NET project.
-
Creating the AngularJS Template
After watching this video; you will be able to add an AngularJS HTML template to the ASP.NET project.
-
Displaying Partial Views
After watching this video; you will be able to use ng-view to display partial HTML templates based on route.
-
Enabling ASP.NET Identity
After watching this video; you will be able to enable ASP.NET Identity by adding required packages and updating Configure() method in startup file to register services with the Dependency Injection framework.
-
Enabling MVC
After watching this video; you will be able to modify project.json and Startup.cs to enable MVC for an ASP.NET application.
-
Installing AngularJS
After watching this video; you will be able to use Bower to manage Angular JS project dependencies.
-
Integrating
After watching this video; you will be able to describe ASP.NET 5 and AngularJS and describe how AngularJS can be integrated with the ASP.NET MVC 6 Web API.
-
Modifying DbContext to Use ASP.NET Identity
After watching this video; you will be able to modify the DbContext class to inherit from IdentityDbContext to use ASP.NET Identity.
-
Redirecting Requests on the Server
After watching this video; you will be able to configure IIS to redirect requests to home to avoid 404 errors when Reload is hit.
-
Registering Entity Framework Services
After watching this video; you will be able to register the EF DbContext with the application services.
-
Requiring a Login
After watching this video; you will be able to force user login by using the Authorize attribute on the Home controller.
-
Securing API Controllers
After watching this video; you will be able to secure API controller actions .
-
Sending Claims Data to AngularJS
After watching this video; you will be able to pass claims data for users from ASP.NET to AngularJS .
-
Serving an Angular App from an MVC Controller
After watching this video; you will be able to modify the applicaiton to serve the Angular index files as a MVC view.
-
Setting up Logout Functionality
After watching this video; you will be able to modify the application to add functionlity for authenticated users to log out.
-
Specifying Client-Side Routes
After watching this video; you will be able to set up client-side routes in the AngularJS app.
-
Using ASP.NET Validation
After watching this video; you will be able to update the Model class to use ASP.NET validation attributes and update the database to match the model.
-
Using Database Migrations
After watching this video; you will be able to use the command prompt or NuGet Package Manager Console to perform database migrations.
-
Using the DbContext in the Web API Controller
After watching this video; you will be able to avail of dependency injection to enable the Web API controller to use the DbContext class.
-
Completing and Securing an SPA
After watching this video; you will be able to configure use of EF7 and add validation and security to an app using AngularJS and MVC6 Web API.
-
Persisting Data and Adding Validation
After watching this video; you will be able to store app data persistently as well as validate data on client and server side.
-
Using Transclusion
After watching this video; you will be able to use the transclude property.
-
Validating Data Types
After watching this video; you will be able to validate data types.
-
Watching for Changes
After watching this video; you will be able to watch the attributes on a directive element for changes.
-
Working with $animate Promises
After watching this video; you will be able to work with promises returned by the methods in the $animate service.
-
Working with Browser Events
After watching this video; you will be able to work with browser events in directives.
-
Working with Child Animations
After watching this video; you will be able to ensure that transition animations for nested directives work as expected.
-
Executing Scope Methods
After watching this video; you will be able to execute scope methods in response to a user input or event.
-
GET and POST Data
After watching this video; you will be able to use the $http service to GET and POST server data.
-
Handling Multiple Promises
After watching this video; you will be able to use the $q.all function to handle multiple promises.
-
Implementing Localization
After watching this video; you will be able to use locale scripts to implement localization in AngularJS.
-
Invoking Outer Scope Functions
After watching this video; you will be able to use the ampersand sign to invoke outer scope functions.
-
JavaScript Animation Frameworks
After watching this video; you will be able to use JavaScript animation frameworks and libraries in AngularJS.
-
JavaScript Animations
After watching this video; you will be able to use JavaScript animations along with ngAnimate in AngularJS.
-
Move Animations with ngRepeat
After watching this video; you will be able to create a move transition animation for the AngularJS directive ngRepeat.
-
Passing Strings to Isolate Scopes
After watching this video; you will be able to use the at symbol to pass strings into the directives.
-
Animating ngHide and ngShow
After watching this video; you will be able to animate the ngHide and ngShow directives in AngularJS.
-
Changing the Default Braces
After watching this video; you will be able to use the $interpolate service to change the default braces.
-
Communicating between Nested Directives
After watching this video; you will be able to communicate between nested directives.
-
Communicating with Directives
After watching this video; you will be able to set up and communicate with both directives and nested directives.
-
Controlling Displays
After watching this video; you will be able to use ng-show and ng-hide to control the display of elements.
-
Perform Unit Testing on Applications
After watching this video; you will be able to set up unit tests that involve AJAX calls and controllers with dependencies.
-
Performing Client-side Routing
After watching this video; you will be able to use the $location service to perform client-side routing.
-
Performing Validation
After watching this video; you will be able to perform basic client-side form validation.
-
Providing Locale Rules
After watching this video; you will be able to define localization(l10n) in the context of AngularJS and describe how to use pre-bundled rule sets or locale scripts with associated caveats to provide localization support for an AngularJS app.
-
Reading Query Strings
After watching this video; you will be able to use the $route service to read query strings.
-
Register a Listener
After watching this video; you will be able to use the $scope.$watch functionality.
-
Reloading Pages
After watching this video; you will be able to use the $route service to reload pages.
-
Replacing Directive Elements
After watching this video; you will be able to replace directive elements in HTML markup.
-
Replacing Views
After watching this video; you will be able to use the $location service to replace views without altering browser history.
-
Setting Dynamic Controllers
After watching this video; you will be able to set up dynamic controllers for directives.
-
Setting Up Communication
After watching this video; you will be able to use the require property to set up communication between directives.
-
Setting Up Default Routes
After watching this video; you will be able to set up a default route.
-
Setting Up Routing
After watching this video; you will be able to set up routing.
-
Setting Up the AngularJS Environment
After watching this video; you will be able to set up the AngularJS environment.
-
Setting Up Two-way Binding
After watching this video; you will be able to use the equals sign to set up two-way binding.
-
Sharing Data between Multiple Controllers
After watching this video; you will be able to share data between multiple controllers.
-
Translation Using angular-translate
After watching this video; you will be able to provide language translations based on locale keys in an AngularJS app.
-
Use Filters to Control Display
After watching this video; you will be able to use different filters to control the display of the application.
-
Using $anchorScroll Services
After watching this video; you will be able to use the $anchorScroll service.
-
Using $cacheFactory Services
After watching this video; you will be able to use the $cacheFactory service.
-
Using $compile Services
After watching this video; you will be able to use the $compile service.
-
Using $cookieStore Services
After watching this video; you will be able to use the $cookieStore service.
-
Using $exceptionHandler Services
After watching this video; you will be able to use the $exceptionHandler service.
-
Using $filter Services
After watching this video; you will be able to use the $filter function from markup and controller.
-
Using $http and $q Services Together
After watching this video; you will be able to use the $http and $q services together.
-
Using $locale Services
After watching this video; you will be able to use the $locale service.
-
Using $log Services
After watching this video; you will be able to use the $log service.
-
Using $parse Services
After watching this video; you will be able to use the $parse service.
-
Using $q Services
After watching this video; you will be able to use the $q service.
-
Using $resource Service
After watching this video; you will be able to use the $resource service to request server data.
-
Using $rootScope Services
After watching this video; you will be able to use the $rootScope service.
-
Using $timeout Services
After watching this video; you will be able to use the $timeout service.
-
Using $window and $document Services
After watching this video; you will be able to use the $window and $document services.
-
Using AngularJS Directives in Internet Explorer
After watching this video; you will be able to use AngularJS directives in Internet Explorer.
-
Using Controller as Syntax
After watching this video; you will be able to use the controller as syntax to create controllers.
-
Using Controllers and Variable Scope
After watching this video; you will be able to use controllers and variable scope.
-
Using CSS Animation Libraries
After watching this video; you will be able to use CSS animation libraries in AngularJS.
-
Using CSS Classes
After watching this video; you will be able to use the CSS classes that are provided with AngularJS.
-
Using CSS Keyframe Animations
After watching this video; you will be able to use CSS keyframe animations in AngularJS.
-
Using Date Filters
After watching this video; you will be able to use the date filter.
-
Using Display Filters
After watching this video; you will be able to use display filters to filter data.
-
Using Iterators
After watching this video; you will be able to use the angular.foreach function.
-
Using JavaScript Animations
After watching this video; you will be able to use JavaScript animations; including JavaScript animations combined with CSS animations in AngularJS.
-
Using MessageFormat Extensions
After watching this video; you will be able to write localizable plural messages in AngularJS using messageFormat syntax extensions.
-
Using ngBind and ngBindTemplate Directives
After watching this video; you will be able to replace elements using the ngBind and ngBindTemplate directives.
-
Using ngBindHTML Directives
After watching this video; you will be able to insert an HTML element using the ngBindHTML directive.
-
Using ngChange Directives
After watching this video; you will be able to compare the ngChange directive with the JavaScript onchange event.
-
Using ngClass Directives
After watching this video; you will be able to dynamically set CSS classes on an HTML element using the ngClass directive.
-
Using ngClassEven and ngClassOdd Directives
After watching this video; you will be able to use the ngClassEven and ngClassOdd directives.
-
Using ngClick
After watching this video; you will be able to specify custom behaviour when an element is clicked.
-
Using ngClick and ngDblClick Directives
After watching this video; you will be able to use the ngClick and ngDblClick directives in AngularJS.
-
Using ngFocus and ngBlur Directives
After watching this video; you will be able to use the ngFocus and ngBlur directives.
-
Using ngHref and ngSrc Directives
After watching this video; you will be able to use the ngHref and ngSrc directives.
-
Using ngInclude
After watching this video; you will be able to use ng-include to include an external HTML fragment.
-
Using ngModel Directive
After watching this video; you will be able to use the ngModel directive.
-
Using ngMousedown and ngMouseup Directives
After watching this video; you will be able to specify custom behaviours based on mousedown and mouseup events.
-
Using ngMouseenter and ngMouseleave Directives
After watching this video; you will be able to specify custom behaviours based on mouseenter and mouseleave events.
-
Using ngMouseover and ngMousemove Directives
After watching this video; you will be able to specify custom behaviours based on mouseover and mousemove events.
-
Using ng-repeat on Collections
After watching this video; you will be able to instantiate a template once per item from a collection.
-
Using ngStyle Directives
After watching this video; you will be able to set CSS style on an HTML element conditionally using the ngStyle directive.
-
Using number and json Filters
After watching this video; you will be able to use the number and json filters.
-
Using orderBy and limitTo Filters
After watching this video; you will be able to use the orderBy and limitTo filters.
-
Using Route Parameters
After watching this video; you will be able to use route parameters.
-
Using Scope Functions
After watching this video; you will be able to use scope functions.
-
Using Services to Get Data
After watching this video; you will be able to use the $http service to get server data.
-
Using Services to POST Data
After watching this video; you will be able to use the $http service to POST server data.
-
Using Shorthand Notation
After watching this video; you will be able to create a directive using shorthand notation.
-
Using Templates to Configure Routes
After watching this video; you will be able to set up a simple route using the templates property.
-
Using the nglf Directive
After watching this video; you will be able to use the nglf directive.
-
Using the ngList Directive
After watching this video; you will be able to use the ngList directive.
-
Using the ngPluralize Directive
After watching this video; you will be able to define internationalization(i18n) and use the ngPluralize directive.
-
Add and Remove Animations with ngClass
After watching this video; you will be able to create add and remove animations for AngularJS directive; such as ng-show; ng-hide; and ng-class.
-
Adding Controllers to Directives
After watching this video; you will be able to add controllers to directives.
-
Adding ngAnimate
After watching this video; you will be able to add the ngAnimate module as a dependency in an AngularJS application.
-
Animating a Custom Directive
After watching this video; you will be able to add support for AngularJS animation to a custom directive.
-
Animating Form Validation
After watching this video; you will be able to create animations that run when Angular performs form validation.
-
Creating Custom Behaviors on Mouse Events
After watching this video; you will be able to use different bindings to create custom behaviors based on different mouse events.
-
Creating Custom Display Filters
After watching this video; you will be able to create a custom display filter.
-
Creating Custom Properties
After watching this video; you will be able to create custom properties on routes.
-
Creating Custom Services
After watching this video; you will be able to create a simple custom service.
-
Debugging Animations
After watching this video; you will be able to debug CSS and JavaScript animations.
-
Enter and Leave Animations
After watching this video; you will be able to create enter and leave transition animations for AngularJS directives; such as ngInclude; ngView; ngIf; ngSwitch.
-
Entering and Leaving with ngRepeat
After watching this video; you will be able to animate ngRepeat items entering and leaving the DOM.
-
Examining Dot Notation
After watching this video; you will be able to describe how dot notation affects scope hierarchies.
-
Examining Isolate Scope Directives
After watching this video; you will be able to describe isolate scopes in directives.
-
Examining User Text Input
After watching this video; you will be able to work with user input.
-
Animating Forms and ngMessages
After watching this video; you will be able to create animations for the AngularJS directive ngMessages.
-
Development Using Unit Tests with Grunt
After watching this video; you will be able to create unit tests for your web project.
-
Grunt Introduction
After watching this video; you will be able to identify the functions and capabilities of Grunt.
-
Grunt Prerequisites
After watching this video; you will be able to install and update the software required by Grunt.
-
Installing and Configuring a Local Web Server
After watching this video; you will be able to use Grunt to provide a development web server.
-
Installing Grunt
After watching this video; you will be able to install Grunt using the npm; node package manager.
-
JavaScript Templating with Grunt
After watching this video; you will be able to use Grunt to employ templates in your JavaScript project.
-
Loading Plugins; Part 1
After watching this video; you will be able to configure Grunt to use matchdep to load plugins automatically
-
Loading Plugins; Part 2
After watching this video; you will be able to configure Grunt to load plug-ins using load-grunt-tasks and defer plug-in loading
-
Measuring Grunt Performance
After watching this video; you will be able to identify time-consuming tasks in Grunt.
-
Node.js Introduction
After watching this video; you will be able to use Node.js facilities to install Grunt and supporting modules.
-
Organizing Grunt Configuration
After watching this video; you will be able to generate a Gruntfile with organized sections to reduce execution time.
-
Packaging and Versioning Your App for Production
After watching this video; you will be able to use Grunt to package your app for production use and update version numbers.
-
SVG Icons and Sprites
After watching this video; you will be able to use Grunt to manage SVG sprites and icon fonts and reduce page load requests.
-
Testing Site Performance with Grunt
After watching this video; you will be able to use Grunt to test the performance of your project.
-
Using autoprefixer with Grunt
After watching this video; you will be able to use the grunt-postCSS plugin; autoprefixer; to handle vendor-specific CSS prefixes
-
Using Bower with Grunt
After watching this video; you will be able to use Bower to manage web development libraries.
-
Using CleanCSS and UnCSS with Grunt
After watching this video; you will be able to use CleanCSS and UnCSS to reduce the asset size of your CSS files.
-
Using Grunt to Manage Responsive Images
After watching this video; you will be able to use Grunt to control a number of tools to enable responsive image sizing in your web project.
-
Using Grunt with JavaScript Modules Part 1
After watching this video; you will be able to use modern JavaScript frameworks and practices with Grunt.
-
Using Grunt with JavaScript Modules Part 2
After watching this video; you will be able to use additional modern JavaScript frameworks and practices with Grunt.
-
Using imagemin with Grunt
After watching this video; you will be able to use imagemin to reduce the transmitted size of images in your web project.
-
Using JSHint with Grunt
After watching this video; you will be able to use JSHint to enforce quality standards on your JavaScript files.
-
Using Modernizr with Grunt
After watching this video; you will be able to use Modernizr to optimize your pages for various browser capabilities.
-
Using ngrok with Grunt
After watching this video; you will be able to use ngrok to expose your local server to the external Internet.
-
Using RECESS with Grunt
After watching this video; you will be able to use RECESS to enforce standards on your CSS files.
-
Using Sass with Grunt
After watching this video; you will be able to use Grunt with a simple HTML/CSS/JS application.
-
Using spritesmith with Grunt
After watching this video; you will be able to use spritesmith in Grunt to optimize image loading times.
-
Using svgmin to Reduce SVG file Size
After watching this video; you will be able to use svgmin to minimize the size and load time of SVG images.
-
Using Uglify with Grunt
After watching this video; you will be able to use Uglify to minify and obfuscate your JavaScript files.
-
Working with Files in Grunt
After watching this video; you will be able to use Grunt to specify files in your project.
-
Accessibility Testing with Grunt
After watching this video; you will be able to use Grunt facilities to automate accessibility testing.
-
Acting on Changes
After watching this video; you will be able to configure Grunt to perform actions when files in your project are updated.
-
Configuring Grunt to Help Generate Documentation
After watching this video; you will be able to use grunt-jsdoc to generate documentation from JSDoc annotations in your JavaScript files.
-
Configuring Parallel Tasks
After watching this video; you will be able to run multiple Grunt tasks simultaneously.
-
Configuring Unit Testing with Grunt
After watching this video; you will be able to use Grunt features to enable unit testing in your project.
-
Continuous Integration with Grunt
After watching this video; you will be able to use Travis CI and github to utilize continuous integration with your project.
-
Creating a Sample Gruntfile in Your Project
After watching this video; you will be able to add Grunt to your project.
-
Creating Grunt Plugins
After watching this video; you will be able to write custom plugins for Grunt.
-
Reducing the Size of Your CSS and JS Assets
After watching this video; you will be able to install Grunt and use it to reduce the size of JS and CSS assets.
-
Adding Error Handling
After watching this video; you will be able to work with the on error method in Gulp to perform error handling in your CSS code.
-
Automatically Adding Bower Files
After watching this video; you will be able to work with wiredep to automatically add Bower files on install.
-
Build Pipeline and Gulp Streams
After watching this video; you will be able to describe the purpose of a build pipeline and Gulp streams.
-
Cleaning the Build Folder
After watching this video; you will be able to create tasks to clean the subfolders of the dist build folder.
-
Coding Tasks with JSHint and JSCS
After watching this video; you will be able to create code for JSHint and JSCS tasks in Gulp.
-
Compressing and Copying Images
After watching this video; you will be able to install the gulp-imagemin package to compress images and create a Gulp task to copy the compressed images to the dist build folder.
-
Concatenating Files
After watching this video; you will be able to install and use the Gulp concat plugin to concatenate multiple files into one.
-
Copying Fonts to the Build Folder
After watching this video; you will be able to create a build folder and a Gulp task to copy the fonts to the dist build folder.
-
Creating a Configuration Module
After watching this video; you will be able to create and work with a reusable configuration file in Gulp.
-
Creating a Hello World Gulpfile.js
After watching this video; you will be able to create a Hello World gulpfile.js to demonstrate working with Gulp tasks.
-
Creating a List of Tasks
After watching this video; you will be able to use the npm package manager to install the gulp-task-listing package and create a listing of the tasks in your project.
-
CSS Linting
After watching this video; you will be able to install and use the Gulp csslint plugin to locate problems in your CSS code.
-
CSS Minification
After watching this video; you will be able to install and use the Gulp csso plugin to remove all unnecessary characters from your CSS code.
-
CSS Optimization
After watching this video; you will be able to install and use the Gulp uncss plugin to perform optimization of your CSS code.
-
Error Handling with gulp-plumber
After watching this video; you will be able to Install and work with the Gulp plumber tool to perform error handling in your CSS code.
-
Gulp APIs
After watching this video; you will be able to identify the four Gulp APIs and describe the purpose of each.
-
Installing Brackets
After watching this video; you will be able to install and configure the Brackets text editor.
-
Installing Gulp and Bower
After watching this video; you will be able to use the npm package manager to install and configure Gulp and Bower globally for use in your projects.
-
Installing Gulp Plugins
After watching this video; you will be able to install individual Gulp plugins as well as use lazy loading to install all Gulp plugins.
-
Installing Homebrew and Chocolatey
After watching this video; you will be able to install the appropriate package installer for Windows or Mac computers.
-
Installing JSHint and JSCS
After watching this video; you will be able to install and configure the Gulp JSHint and JSCS plugins for JavaScript linting and code style checking.
-
Installing Local Packages
After watching this video; you will be able to use the npm package manager to install and configure packages locally for use in your projects.
-
Installing the Gulp Browsersync Module
After watching this video; you will be able to use the NPM Package Manager to install Browsersync and how to configure it for use in your program.
-
Installing the Gulp inject Plugin
After watching this video; you will be able to install and use the Gulp inject plugin to write custom dependencies into your HTML.
-
Installing the gulp-nodemon Package
After watching this video; you will be able to use the NPM Package Manager to install gulp-nodemon and describe the purpose for using this package in your programs.
-
Installing the mocha testing library Plugin
After watching this video; you will be able to use the npm package manager to install mocha and chai and describe how gulp can use them to perform unit testing on your code.
-
Installing the Node.js wiredep Package
After watching this video; you will be able to use the npm package manager to install wiredep and describe the purpose for using this package in your programs.
-
JSHint and JSCS
After watching this video; you will be able to describe the purpose of the JSHint and JSCS plugins for performing code analysis against JavaScript.
-
Minifying JavaScript
After watching this video; you will be able to install and use the Gulp uglify plugin to perform minification of your JavaScript code.
-
Minifying the HTML
After watching this video; you will be able to install and use the Gulp htmlmin plugin to minify your HTML code.
-
Package Dependencies
After watching this video; you will be able to identify the differences between dependencies and devDependencies and how to create them.
-
Performing Server Integration Testing
After watching this video; you will be able to use the request package to perform server integration testing.
-
Removing Scripts and Styles from HTML
After watching this video; you will be able to use wiredep and inject to remove scripts and styles from your HTML code.
-
Running Tasks on Restart
After watching this video; you will be able to use nodemon to run Gulp tasks when the node server starts and restarts as a result of code changes.
-
Synchronizing Multiple Browsers
After watching this video; you will be able to use Browsersync to synchronize multiple browsers.
-
Synchronizing the Browser
After watching this video; you will be able to describe browser synchronization and the purpose for using it when working with your development code.
-
Testing Code Coverage
After watching this video; you will be able to use istanbul with mocha to test code coverage in your projects.
-
Testing in the Browser
After watching this video; you will be able to work with the mocha to run unit tests inside the browser.
-
Validating the HTML
After watching this video; you will be able to install and use the Gulp htmlhint plugin to validate your HTML code.
-
What Is Gulp?
After watching this video; you will be able to describe what Gulp is and the benefits of using it in your development workflow.
-
Working with Gulp Browsersync
After watching this video; you will be able to work with the Browsersync module and configure its options.
-
Working with mocha
After watching this video; you will be able to work with mocha to run unit tests using the command line test runner.
-
Working with nodemon
After watching this video; you will be able to work with nodemon to monitor changes and handle events when working with your code.
-
Working with wiredep
After watching this video; you will be able to work with wiredep to write your dependencies into your HTML.
-
Using Gulp and the Gulp Plugins
After watching this video; you will be able to identify the Gulp APIs and the main plugins used for working with JavaScript and CSS code.
-
Using the Autoprefixer Plugin
After watching this video; you will be able to install and work with the Gulp autoprefixer plugin to add vendor prefixes in your CSS code.
-
Using the SASS Compiler
After watching this video; you will be able to install and use the Gulp SASS plugin to compile your CSS code.
-
Prepare; Build and Test Projects with Gulp
After watching this video; you will be able to identify what is needed to prepare your HTML code; build and run tasks; create the build folder and perform testing on your projects .
-
Configuring the Karma Test Runner
After watching this video; you will be able to configure the Karma test runner.
-
Configuring the Test Environment
After watching this video; you will be able to configure the test environment.
-
Connecting to the Server
After watching this video; you will be able to use the $http service to connect to the server.
-
Creating a Barebones Application
After watching this video; you will be able to create and explore a barebones application.
-
Creating a RESTful Web App with Node.js and Express
After watching this video; you will be able to create and test a RESTful web app.
-
Creating and Using Modules
After watching this video; you will be able to create and use modules.
-
Creating and Using Services
After watching this video; you will be able to create and use services.
-
Creating the User Model
After watching this video; you will be able to create the user model.
-
Defining and Registering Middleware
After watching this video; you will be able to define and register middleware.
-
Deploy a MEAN Application
After watching this video; you will be able to deploy a MEAN application.
-
Deploying an App to Heroku
After watching this video; you will be able to deploy an app to Heroku.
-
Developing an AngularJS Application
After watching this video; you will be able to develop a basic AngularJS application.
-
Fundamentals of Passport Authentication
After watching this video; you will be able to identify the fundamentals of Passport authentication.
-
Fundamentals of Testing a MEAN Application
After watching this video; you will be able to identify the fundamentals of testing a MEAN application.
-
Implementing Authorization
After watching this video; you will be able to implement authorization.
-
Implementing Routing
After watching this video; you will be able to implement routing.
-
Implementing the AngularJS MVC Pattern
After watching this video; you will be able to implement two-way data binding in an AngularJS MVC application.
-
Injecting Dependencies in AngularJS
After watching this video; you will be able to inject dependencies in an AngularJS application.
-
Installing the Heroku Toolbelt
After watching this video; you will be able to install the Heroku toolbelt.
-
Installing the Prerequisites
After watching this video; you will be able to install the prerequisites for the MEAN stack.
-
Installing the Tools for Client-side Testing
After watching this video; you will be able to install the tools required for client-side testing.
-
Installing the Tools for Server-side Testing
After watching this video; you will be able to install the tools required for server-side testing.
-
Installing the Yeoman MEAN Generator
After watching this video; you will be able to install the Yeoman MEAN generator.
-
Integrating MongoDB with a Node.js Project
After watching this video; you will be able to integrate MongoDb with a Node.js project.
-
Introduction to Authentication and Authorization
After watching this video; you will be able to identify the fundamentals of authentication and authorization.
-
Introduction to Client-side and Server-side Testing
After watching this video; you will be able to identify the fundamentals of client-side and server-side testing.
-
Introduction to Deployment
After watching this video; you will be able to identify the fundamentals of deployment.
-
Introduction to Testing Tools
After watching this video; you will be able to identify the tools used for testing MEAN applications.
-
Introduction to Yeoman Generators
After watching this video; you will be able to identify the benefits of Yeoman generators.
-
Managing Dependencies with Package.json
After watching this video; you will be able to manage dependencies with package.json.
-
Modeling with the Mongoose Schema
After watching this video; you will be able to model with the mongoose schema.
-
Preparing an App for Deployment
After watching this video; you will be able to prepare an app for deployment.
-
Provisioning a Database
After watching this video; you will be able to provision a database on MongoLab.
-
Setting Up Views for Sign Up and Sign In
After watching this video; you will be able to set up views for sign up and sign in.
-
Testing AngularJS Controllers
After watching this video; you will be able to test AngularJS controllers.
-
Testing AngularJS Modules
After watching this video; you will be able to test AngularJS modules.
-
Testing AngularJS Services
After watching this video; you will be able to test AngularJS services.
-
Testing Asynchronous Code
After watching this video; you will be able to test asynchronous code.
-
The Architecture of the MEAN Stack
After watching this video; you will be able to identify the components of the MEAN stack.
-
The Benefits of the MEAN Stack
After watching this video; you will be able to identify the benefits of the MEAN stack.
-
The Key Features of AngularJS
After watching this video; you will be able to identify the key concepts of AngularJS.
-
The Key Features of MongoDB
After watching this video; you will be able to create and test a restful web app.
-
The Key Features of Mongoose
After watching this video; you will be able to identify key concepts of Mongoose.
-
The Key Features of Node.js and Express
After watching this video; you will be able to describe the purpose and benefits of Node.js and Express.
-
Using an AngularJS Application as a View
After watching this video; you will be able to integrate an AngularJS application as a view with a Node.js project.
-
Using the ngResource Module
After watching this video; you will be able to use the ngResource module.
-
Using the Yeoman MEAN Generator
After watching this video; you will be able to use the Yeoman MEAN generator.
-
Working with Basic MongoDB Commands
After watching this video; you will be able to identify the key concepts of MongoDB.
-
Writing and Running a Mocha Test
After watching this video; you will be able to write and run a mocha test.
-
Writing the Client-side Code for Authentication
After watching this video; you will be able to write client-side code for authentication.
-
Writing the Server-side Code for Authentication
After watching this video; you will be able to write server-side code for authentication.
-
Create a Simple MEAN Application
After watching this video; you will be able to create a simple MEAN application.
-
Anticipating Errors in JavaScript and HTML5
After watching this video; you will be able to recognize how to anticipate potential errors in JavaScript and HTML5 code.
-
APIs and Third-party Risks
After watching this video; you will be able to describe common risks associated with third-party APIs.
-
Browser and Plugin Issues
After watching this video; you will be able to troubleshoot potential risks associated with browser plugins.
-
Client Trust Issues and JavaScript
After watching this video; you will be able to identify the best practices for dealing with client input in a JavaScript HTML5 application.
-
Cross-Browser Testing for JavaScript and HTML5
After watching this video; you will be able to describe the benefits of testing your code for multiple browsers.
-
Cross-Origin Resource Sharing and HTML5
After watching this video; you will be able to describe how to implement a cross-origin resource-sharing policy in HTML5.
-
Cross-Origin Resource Sharing Policy
After watching this video; you will be able to identify the key features of a strong Cross-Origin Resource Sharing Policy.
-
Cross-Site Scripting and Cross-Site Request Forgery
After watching this video; you will be able to describe the risks associated with cross-site scripting and cross-site request forgery.
-
Defensible Methods in JavaScript and HTML5
After watching this video; you will be able to create examples of defensible methods in JavaScript and HTML5.
-
Defensive Coding for JavaScript and HTML5
After watching this video; you will be able to recognize the key features of defensive coding.
-
DOM Issues in JavaScript and HTML5
After watching this video; you will be able to list potential DOM risks to JavaScript and HTML5 applications.
-
DOM Manipulation
After watching this video; you will be able to demonstrate how to prevent DOM manipulation in JavaScript.
-
Error Codes and Messages in JavaScript and HTML5
After watching this video; you will be able to create a JavaScript and HTML5 application that incorporates error codes and messages into its error handling.
-
Error Handling in JavaScript and HTML5
After watching this video; you will be able to identify error-handling techniques to promote defensive coding.
-
Event Handlers and Untrusted Data
After watching this video; you will be able to use event handlers to account for and prevent untrusted data.
-
Global Objects in JavaScript and HTML5
After watching this video; you will be able to recognize how to use error processing and global objects.
-
Handling Errors Locally in JavaScript and HTML5
After watching this video; you will be able to identify how to handle errors locally in JavaScript and HTML5 code.
-
HTML5 Media
After watching this video; you will be able to demonstrate the most secure ways to include media in HTML5 pages.
-
If and Switch Statements in JavaScript and HTML5
After watching this video; you will be able to identify how to use if and switch statements in creating defendable code.
-
Information and Trust Issues in JavaScript and HTML5
After watching this video; you will be able to list potential information and trust issues that would affect JavaScript and HTML5 applications.
-
Introduction to JSON
After watching this video; you will be able to describe the key features of JavaScript Object Notation.
-
JSON Data and Eval
After watching this video; you will be able to use the eval method to convert JSON data into a JavaScript object.
-
JSON Input Validation
After watching this video; you will be able to perform input validation on JSON data.
-
JSON Risks
After watching this video; you will be able to list the key risks of using JavaScript Object Notation.
-
Parameters and Return Values in JavaScript and HTML5
After watching this video; you will be able to identify the techniques for applying defensive techniques for method parameters and return values in JavaScript and HTML5 methods.
-
Potential Software Risks in JavaScript and HTML5
After watching this video; you will be able to describe the potential risks faced by software applications.
-
Preventive Planning in JavaScript and HTML5
After watching this video; you will be able to list some key approaches to preventing problems during the planning stage.
-
Sandbox Implementation Risks
After watching this video; you will be able to demonstrate how to counteract risks by running JavaScript in a sandbox.
-
Securing HTML5 Elements
After watching this video; you will be able to distinguish some key ways to secure HTML5 applications.
-
Securing JavaScript and HTML5
After watching this video; you will be able to use defensive coding techniques to create a secure JavaScript and HTML5 application.
-
Securing JavaScript Code
After watching this video; you will be able to describe how to secure JavaScript code in your applications.
-
Securing Web Messaging in JavaScript and HTML5
After watching this video; you will be able to utilize secure Web messaging in JavaScript and HTML5.
-
Securing Web Storage in JavaScript and HTML5
After watching this video; you will be able to utilize secure Web storage in JavaScript and HTML5.
-
Social Jacking
After watching this video; you will be able to describe what social jacking is and identify what things users need to be on the lookout for.
-
SVG Exploits and JavaScript
After watching this video; you will be able to compare SVG exploits and how to use JavaScript to prevent them.
-
Unit Tests for JavaScript and HTML5
After watching this video; you will be able to recognize how to perform tests using Visual Studio for JavaScript and HTML5.
-
Using Escape in HTML5 and JavaScript
After watching this video; you will be able to recognize the correct way to use; or not use; the escape function.
-
Using Null Values in JavaScript and HTML5
After watching this video; you will be able to identify how to use null values in creating defendable code.
-
Utilizing Exceptions in JavaScript and HTML5
After watching this video; you will be able to demonstrate how to use exceptions to handle errors.
-
Variables in JavaScript and HTML5
After watching this video; you will be able to recognize how to implement variable declarations for defendable code.
-
Web Workers and HTML5
After watching this video; you will be able to describe secure practices for using HTML5 Web Workers.
-
Why Do Risks Exist in JavaScript and HTML5?
After watching this video; you will be able to identify the key reasons why risks are a recurring issue.
-
Writing Testable Code for JavaScript and HTML5
After watching this video; you will be able to recognize how to write testable code in JavaScript and HTML5.
-
Array Controllers
Ember.js allows you to use controllers while working with objects. In this video; Chris Keenan demonstrates how to create an ArrayController and access it from a template.
-
Basic Application Structure
Ember.js is a powerful JavaScript-based framework that helps you to create web applications based on the MVC architecture. In this video; Chris Keenan demonstrates how to create a basic Ember application and how to set up the folder structure.
-
Creating Basic Routes
Ember.js uses powerful templates to render dynamic content to the web page. As your application grows; you need to represent the different states of your application; and Ember routes represent these states. In this video; Chris Keenan demonstrates how to set up some basic routes in the Ember application.
-
Creating Ember Objects
Ember.js allows you to create classes and objects to model real-world items. In this video; Chris Keenan demonstrates how to create a class definition; subclasses; and new objects.
-
Creating Ember Views
In Ember.js; you can use the view class to insert templates into the DOM of a web page. In this video; Chris Keenan demonstrates how to use Ember.View to render templates into a web page.
-
Creating Route Subclasses
In Ember.js; you can customize the default behavior of a route by creating your own route subclasses. In this video; Chris Keenan demonstrates how to create a route subclass to change its default behavior in Ember.js.
-
Creating Routes
In Ember.js; you can use routes to represent the different states of an application. In this video; Chris Keenan demonstrates how to create routes in Ember.js.
-
Element Bindings
In Ember.js; you can use element bindings to dynamically add Ember content to the attributes of HTML elements. In this video; Chris Keenan demonstrates how to bind element attributes and class names.
-
Ember Object Properties
In Ember.js; you can create classes and objects to model real world items. In this video; Chris Keenan demonstrates how to add properties to the objects and interact with them.
-
Ember.Enumerable
Ember.js is a client-side; JavaScript-based framework that allows you to create powerful web applications based on MVC architecture. Ember includes many built-in classes; including the Enumerable class. In this video; Chris Keenan demonstrates how to use the Enumerable class and its methods.
-
Observing Single Properties
Assigning their properties' specific values is a part of creating objects and if you want to change these values you can use observes method. In this video; Chris Keenan will examine how to use the observes method to track a single property.
-
Rendering Templates
In Ember.js; you can customize which template gets rendered on a web page by using the renderTemplate hook. In this video; Chris Keenan demonstrates how to display a template other than the default one.
-
Retrieving Computed Properties
In Ember.js; you can use computed properties to manipulate or transform object data before returning a value. In this video; Chris Keenan demonstrates how to add a computed property to an Ember class definition.
-
Route Models
Ember.js lets you create classes and objects in your applications; and you can also model data directly in your route subclasses. In this video; Chris Keenan demonstrates how to set up a model inside a custom route.
-
Router Redirection
In Ember.js; you can redirect users to a new route by using transitionTo method. In this video; Chris Keenan demonstrates how to automatically redirect users from one route to another using transitionTo.
-
Setting Computed Properties
In Ember.js; you can use a computed property to set specific values in an object. In this video; Chris Keenan demonstrates how to set computed properties in the Ember.js applications.
-
Setting Up
Ember.js is a client-side JavaScript-based framework that allows you to create powerful web applications based on the MVC architecture. In this video; Chris Keenan shows where to get the Ember libraries and how to set up a new development environment.
-
The #with Helper
In Ember.js; when your applications become more complex; you may need to shorten references to Ember values or change their context. In this video; Chris Keenan demonstrates how to use the #with helper.
-
The linkTo Helper
In Ember.js; you can use helpers to switch from one template to another. In this video; Chris Keenan demonstrates how to dynamically switch from one template to another by using the linkTo helper in Ember.js.
-
Using Basic Templates
In Ember.js; you can use templates to render dynamic content to the web page. In this video; Chris Keenan demonstrates how to add templates to a web page in Ember.js.
-
Using Browser Development Tools
In Ember.js; you can use the developer tools to help in debugging your applications. In this video; Chris Keenan demonstrates how to use the browser tools to view the behind-the-scene information about the apps.
-
Using Conditional Helpers
In Ember.js; you can use the Ember helpers to incorporate programming logic into the templates. In this video; Chris Keenan demonstrates how to use the conditional helpers in Ember.js.
-
Using Resources
In Ember.js; you can create a resource to group the routes together. In this video; Chris Keenan demonstrates how to create a resource in the Ember application.
-
Using setupController
Ember.js uses controllers to represent application state and works in conjunction with routes and templates to display information to the user. You can use the setupController hook to tell the controller which specific model to present. In this video; Chris Keenan demonstrates how to implement the setupController hook in the code.
-
Using the #each Helper
Ember.js provides you powerful templates and helpers to render dynamic content to the page. In this video; Chris Keenan demonstrates how to use the #each helper to display a list of items on a web page.
-
Using the reopen Method
In Ember.js; you can define all your properties and methods either at the start or sometimes dynamically when working on the code. In this video; Chris Keenan will show you how to use the reopen method to add properties and methods to your existing class definitions.
-
Input Helpers
In Ember.js; you can include input helpers in your web page without having to use HTML code. In this video; Chris Keenan demonstrates how to use input helpers to include form controls in a page.
-
Object Controllers
Ember.js allows you to use controllers while working with objects. In this video; Chris Keenan will show you how to create an ObjectController and access it from a template.
-
Observing Multiple Properties
In Ember.js; you can use the run.once method to track changes in multiple values. In this video; Chris Keenan demonstrates how to monitor multiple properties in Ember.js.
-
Creating a Session
After watching this video; you will be able to create a session for a successfully logged-in user.
-
Creating an Express Web App for NodeJS
After watching this video; you will be able to use Express to create a simple web app.
-
Adding a View Using Jade
After watching this video; you will be able to create and add a view using Jade.
-
Adding Routes
After watching this video; you will be able to add routes to an express-generator application.
-
Configuring express-session
After watching this video; you will be able to configure express-session for use in an Express app.
-
Creating a Router Interface
After watching this video; you will be able to create a routing interface to handle requests.
-
Describing Express Routing
After watching this video; you will be able to describe how Express simplifies Routing.
-
Describing Middleware
After watching this video; you will be able to describe middleware and how it helps Express.
-
Describing Package.json
After watching this video; you will be able to describe and configure the package.json file for Express.
-
Describing Session Handling
After watching this video; you will be able to describe session handling with Express.
-
Describing the Application API
After watching this video; you will be able to describe the basics of the Express Application API.
-
Describing the Jade Template Engine
After watching this video; you will be able to describe the Jade template engine and how to create a template.
-
Describing the Request API
After watching this video; you will be able to describe and use the Express App Request API.
-
Describing the Response API
After watching this video; you will be able to describe and use the Express Response API.
-
Describing the Response Methods
After watching this video; you will be able to describe the Response API common methods.
-
Downloading a File
After watching this video; you will be able to create and use a web page that allows users to download a file from the server.
-
Exploring the Express-Generator Directories
After watching this video; you will be able to describe and explore the directory structure and files created by express-generator.
-
Handling Error Conditions
After watching this video; you will be able to create error-handling methods that respond with HTTP status codes and user-friendly error messages.
-
Installing and Using Express-Generator
After watching this video; you will be able to install and use the express-generator to create a default Express web application.
-
Installing Node; npm; and Express
After watching this video; you will be able to install the components necessary to use and develop a website using Express.
-
Installing the Middleware Express-Validator
After watching this video; you will be able to install the express-validator middleware.
-
Introducing Express
After watching this video; you will be able to describe the Express framework and its relationship with Node.
-
Keeping Session State
After watching this video; you will be able to check session states and display a simple menu to users who are already logged in.
-
Passing Control to Another Route
After watching this video; you will be able to use app.all and next() to pass control to another route.
-
Passing Data to a View
After watching this video; you will be able to use substitution in a Jade template to display data.
-
Redirecting a Response
After watching this video; you will be able to use HTTP status codes to do URL redirection.
-
Removing a Session on Logout
After watching this video; you will be able to create an interface to log out a user and remove the user's session.
-
Rendering a View
After watching this video; you will be able to render a Jade view with Express.
-
Responding with an HTTP Status Code
After watching this video; you will be able to use sendStatus() to control the HTTP status code sent to the client.
-
Running the Default Express-Generator App
After watching this video; you will be able to modify and run the default express-generator application.
-
Sending Binary Data with SendFile
After watching this video; you will be able to create and use a web page that allows users to send binary data with sendFile.
-
Setting Header Fields
After watching this video; you will be able to create fields or modify field values for the HTTP Header.
-
Using Cookies
After watching this video; you will be able to use the cookie-parser middleware to set and get cookies.
-
Using Express Middleware to Create an App
After watching this video; you will be able to use Express; sessions; and Middleware to create a web app.
-
Using Express-Validator for Input Validation
After watching this video; you will be able to use the express-validator middleware to do input validation.
-
Using Forms and POST Variables
After watching this video; you will be able to retrieve form data via POST variables.
-
Using GET Variables
After watching this video; you will be able to retrieve and use variables passed in on the URL.
-
Using HTTPS
After watching this video; you will be able to create an Express HTTPS server.
-
Using JSON
After watching this video; you will be able to use the body-parser middleware to parse and format data using json.
-
Using Regex in Routes
After watching this video; you will be able to use regular expressions to match paths.
-
Using Route Handlers
After watching this video; you will be able to use multiple handlers for a single path.
-
Using Route Paths
After watching this video; you will be able to use paths for serving simple web pages.
-
Using the Application API Settings
After watching this video; you will be able to describe and use the Express App methods.
-
Using the MVC Pattern
After watching this video; you will be able to use the model-view-controller pattern using Express.
-
Using the Router METHOD
After watching this video; you will be able to use router.METHOD to handle HTTP methods.
-
Using the Static Configuration Options
After watching this video; you will be able to configure and use the static configuration options for an Express project.
-
Using Wildcards in Routes
After watching this video; you will be able to use wildcards in routes to match multiple paths.
-
@ID and Advanced ID Options
In Java Hibernate; there are numerous options for creating the primary key using mapping. In this video; Tony Lowe demonstrates how to use more complex mapping options.
-
@Table and @SecondaryTable
In Java Hibernate; @Table and @SecondaryTable can help you create mappings when the Java naming and design does not align perfectly with the database naming and design. In this video; Tony Lowe demonstrates how to use @Table and @SecondaryTable.
-
@Transient
In Java Hibernate; you can use annotations to manage data in your model. In this video; Tony Lowe demonstrates how to use the @Transient annotation tool to mark attributes that you do not need to be persistent.
-
< class > Options
In Java Hibernate; mapping a class can be customized with many options to get different behaviour using XML. In this video; Tony Lowe demonstrates the various options that can be used with a class.
-
Advanced HQL
Java Hibernate allows you to return advanced query results by using the group by method and having clause to define the parameters of your results. In this video; Tony Lowe demonstrates how you can use advanced HQL to define and refine query results.
-
Advanced Query Management
Through HQL and Criteria objects; Java Hibernate provides advanced query management options that allow you to sort and present a consistent view when your queries return large amounts of data. In this video; Tony Lowe demonstrates how to order and paginate result data using both HQL and Criteria objects in Hibernate.
-
Advanced XML Table Mapping
Java Hibernate naming and design does not always align perfectly with the database naming and design; so XML mappings must bridge the differences. In this video; Tony Lowe demonstrates how to use advanced XML table mapping to solve this problem.
-
Allowing Hibernate to Create Tables
Java Hibernate has the ability to create your table structure with the required mapping queries. In this video; Tony Lowe uses the hbm2ddl.auto feature to allow Hibernate to create a table structure.
-
Associations and Foreign Keys – Annotations
You can use annotations in Java Hibernate to expand an object model by showing relationships between classes in Java and tables in the database; and include the mapping relationships. In this video; Tony Lowe demonstrates the steps involved in expanding an object model.
-
Associations and Foreign Keys – XML
Java Hibernate has XML mapping options which allow the framework to manage relationships between classes in Java and tables in the database. In this video; Tony Lowe demonstrates aspects of this relationship; the importance of keeping the relationships in sync; and how the relationships can be maintained.
-
Basic Mapping – Annotations
By adding simple metadata tags to your Java Hibernate code; you can do a mapping. In this video; Tony Lowe uses Java annotations to map your database table to your class.
-
Basic Mapping – XML
Java Hibernate uses annotations to map class files into a database. In this video; Tony Lowe demonstrates how to implement basic Hibernate mapping in XML between a class and a table.
-
Basic Querying – Criteria
Java Hibernate provides the Criteria API as a powerful alternative to HQL so you can perform basic querying in a programmatic way using simple Java method calls. In this video; Tony Lowe uses the createCriteria() method to create a Criteria object that returns instances of an object's class; before demonstrating how to add restrictions to a criteria query.
-
Basic Querying – HQL
Java Hibernate provides HQL (Hibernate Query Language); an object-oriented query language similar to SQL that operates on persistent objects and their properties in a Java context. In this video; Tony Lowe demonstrates the fundamentals of HQL that let you produce a SQL-like structure while performing a basic query using Java in Hibernate.
-
Basic Tests – Delete
In Java Hibernate; you can delete data using either a transient or persistent state. In this video; Tony Lowe demonstrates how to delete data in using these two different methods.
-
Basic Tests – Insert
Java Hibernate allows you to create; save; and update data objects using the Save; Persist; and saveOrUpdate options. In this video; Tony Lowe demonstrates how to create a Story object; call PERSIST and SAVE on it; and shows how PERSIST ignores and SAVE records database-generated IDs; and how saveOrUpdate inserts and saves objects to the database while overwriting existing objects.
-
Basic Tests – Reading
Loading data in Java Hibernate does most of the mapping of the data from the database to Java for you. In this video; Tony Lowe demonstrates how to load data in Hibernate and the different methods that can be used.
-
Basic Tests – Update Persistent Data
Java Hibernate allows you to keep data from Java and data from a database in sync. In this video; Tony Lowe demonstrates using the update and merge methods to control data in Java Hibernate.
-
Basic Tests – Update Transient Data
Java Hibernate allows you to update transient data from outside the current flow as part of your CRUD operations. In this video; Tony Lowe demonstrates how to load and update transient data in your current session by building an object; tying it to a database ID; and matching it to a story before updating and changing its title.
-
Batch Processing
Java Hibernate has the ability to do detailed operations such as batch processing. In this video; Tony Lowe uses the executeUpdate command as part of a query to do batch and bulk updates.
-
Bootstrapping Hibernate – Command Line
Java Hibernate; directly configured and loaded from your basic solution; will run from a command line or Desktop app. In this video; Tony Lowe demonstrates how to set up your JAR files; configure a SessionFactory connection to your database; and use a ConfigHelper class to load Hibernate into a command-line application.
-
Commenting SQL
Java Hibernate allows commenting in SQL; so you can discover the intent of the developers; search through logs quickly; and add additional metadata information. In this video; Tony Lowe demonstrates how to enable SQL commenting in Hibernate.
-
Create an Index in Hibernate
When creating your database tables; Java Hibernate allows you to create indexes that improve the speed of data retrieval and play an important role in optimizing database performance. In this video; Tony Lowe demonstrates how to create a database index in Hibernate using the @Index annotation; as well as through XML mapping.
-
Custom SQL in Annotations
In Java Hibernate; you can customize a range of statements. In this video; Tony Lowe demonstrates how to provide your own SQL for the insert; update; and delete options; instead of using the ones provided in the mappings.
-
Custom SQL in XML Mappings
In Java Hibernate; you can customize basic statements providing additional XML annotations. In this video; Tony Lowe demonstrates how to provide additional XML annotations that replace the insert; update; and delete options given by Hibernate.
-
Detailed Property Mapping with Annotations
Java Hibernate annotations are embedded directly in your Java classes; providing a powerful and flexible way of declaring property mappings and controlling database columns in Hibernate. In this video; Tony Lowe demonstrates how you can extend basic property mappings declared using the @Basic annotation; and how to declare column attributes using the @Column annotation.
-
Embedded Objects with @EmbedDED or <component>
Java Hibernate allows you to declare an embedded object and override it's column mapping using either annotations or XML. In this video; Tony Lowe demonstrates how to make an object embeddable at the class level with the @Embeddable annotation; as well as through the component tag in XML.
-
Filtering Data Results
In Java Hibernate; you can filter data in your database and only display the data that you want users to see. In this video; Tony Lowe uses the @Filter annotation to apply a filter to an entire class.
-
Hibernate and Logging
Java Hibernate provides many levels of logging; whether simply to debug or for a deeper functional need. In this video; Tony Lowe uses the log4j framework to configure the logging of information.
-
Hibernate Architecture
You can configure Java Hibernate to suit the specific needs of your application. In this video; Tony Lowe demonstrates various ways you can configure the Hibernate architecture to affect how it interacts with your application and the database; as well as mapping and querying options.
-
Identity Generation in Annotations
You can use Jave Hibernate Annotations to manage the process of assigning IDs to rows in databases. In this video; Tony Lowe demonstrates what is involved in assigning generic and custom row IDs; and shows examples of situations where it might be necessary to use a randomized model for unique row IDs.
-
Identity Generation in XML
In Java Hibernate; every class must have an id; and that id is normally a primary key that must be unique. In this video; Tony Lowe demonstrates how to generate ids that are unique using XML mappings.
-
Identity Management within XML
Java Hibernate requires every class to have a unique ID for XML identity mapping. In this video; Tony Lowe demonstrates how to manage XML identity mapping using a basic ID; a composite ID; or a foreign key ID.
-
Improving General Performance
In Java Hibernate; performance issue can be caused by a lack of understanding of how a solution is realized by the program. In this video; Tony Lowe demonstrates how to improve Hibernate's general performance by tweaking a range of options.
-
Improving Query Performance
In Java Hibernate; you can improve the Query performance in a number of different ways. In this video; Tony Lowe demonstrates how to optimize individual queries in Hibernate; as well as manage database performance to improve how queries are returned.
-
Inheritance – JOINED
In Java Hibernate; inheritance is used to create a superclass from the common features among classes. You can use the JOINED strategy to have a single table represent each class in the hierarchy. In this video; Tony Lowe demonstrates how the JOINED strategy is mapped by Hibernate between Java classes and the database.
-
Inheritance – Single Table
In Java Hibernate; you can use the Single Table strategy to map all classes in the hierarchy to a single table in the database. In this video; Tony Lowe demonstrates how the Single Table strategy is mapped by Hibernate between Java classes and Hibernate; and uses an abstract base to provide an overview.
-
Inheritance – TABLE_PER_CLASS
In Java Hibernate; you can map inheritance into the database by making use of the TABLE-PER-CLASS inheritance strategy. In this video; Tony Lowe demonstrates how to use this strategy to represent each concrete subclass as its own table in order to use Hibernate to map inheritance back into Java when there is little in common across the classes.
-
Debugging in Hibernate
In Java Hibernate; you can debug errors in a number of different ways. In this video; Tony Lowe demonstrates how to improve your mapping; pay attention to your fields; and understand your resources in order to successfully debug your error messages.
-
Defining Custom Types
In Java Hibernate; you can extend existing Java types with your own types to provide an even deeper mapping option. In this video; Tony Lowe uses the plusFour option to extend the zip code data type and creates a class for that zip type.
-
Defining with @Entity
In Java Hibernate; there are extensions to allow you to further refine the mapping of an entity. In this video; Tony Lowe demonstrates how to customize the basic mapping provided by JPA.
-
Detailed Property Mapping in XML
Java Hibernate allows you to specify detailed property mappings inside your XML that enables precise control over how data is represented; while aligning Java classes and database tables to each other. In this video; Tony Lowe demonstrates how to control the mapping between a data model and the database using the features of property and column elements in XML.
-
Interceptors for Hibernate Actions
Java Hibernate allows you to use the Interceptor API to access key events in the persistence life cycle. In this video; Tony Lowe demonstrates the multiple monitoring; maintenance; and management functions of interceptors; uses a listener class to plug an interceptor into his Hibernate configuration file; and demonstrates its create; read; update; and delete (CRUD) capabilities.
-
Interesting Queries in Criteria
Java Hibernate's Criteria query API offers capabilities for detailed data searches and complex queries across multiple tables. In this video; Tony Lowe demonstrates how to use conditional logic in conjunction with Restrictions; Projections; and various parameters to scale up Criteria objects to conduct complex searches on the Story class.
-
Interesting Queries in HQL
In Java Hibernate; Hibernate Query Language (HQL) offers capabilities allowing for detailed data searches and complex queries across multiple tables. In this video; Tony Lowe demonstrates how HQL handles queries and searches across and within multiple classes; joins; and multiple selects.
-
Lazy Loading
Java Hibernate allows you to define a fetching strategy that helps manage and retrieve data from related objects using lazy or eager loading in annotations or through XML mapping. In this video; Tony Lowe demonstrates the differences between lazy and eager loading in a one-to-many relationship using annotations and XML; as well as the use of the @FetchProfile annotation.
-
Managing Sessions and Transactions
Controlling your work in Java Hibernate is important as database operations must be bound by transactions. In this video; Tony Lowe demonstrates how to correctly manage sessions and transactions in Hibernate; and points out potential mistakes to avoid.
-
Multiple Mappings of Tables
Java Hibernate allows you to do multiple mappings of a table. In this video; Tony Lowe uses the StoryBrief object to do a second mapping of the Story object of a table.
-
Named Queries
Java Hibernate allows you to manage query strings in JDBC via annotation and XML mapping. In this video; Tony Lowe demonstrates how you can use named queries to separate your java code from your database by externalizing the query as annotation or an external XML file.
-
Projections and Aggregation
You can use projections and aggregations in Java Hibernate to categorize and limit data being returned by a query to a database. In this video; Tony Lowe demonstrates how you can use criteria objects to provide services to add projects which modify or limit the data being returned.
-
Query by Example
In Java Hibernate; Criteria objects allow you to perform quick and easy searches by implementing a Query by Example strategy whereby a data sample is provided and results returned based upon the sample. In this video; Tony Lowe uses Example.create to create a query criterion; before demonstrating how to return unique results and specify filtering criteria in Hibernate.
-
Read Only Objects
In Java Hibernate; the immutability feature allows you to make sure certain items in your database cannot be modified from the application. In this video; Tony Lowe demonstrates how to use immutability to make objects in your database read only by using Hibernate mapping options.
-
Running Hibernate Under JPA
JPA is a Java standard which offers a point of replacement for your ORM framework as an alternative to Java Hibernate. In this video; Tony Lowe demonstrates the necessary steps you need to take when loading an application using the JPA approach.
-
Sub-Queries in Criteria
Java Hibernate allows you to construct Criteria queries and use them as inputs to other queries. In this video; Tony Lowe demonstrates how Criteria queries are customized queries used to query classes using a subquery or DetachedCriteria; and shows you how to add Restrictions and Projections to refine your search along with a ResultTransformer to refine your results.
-
Unique Item Query
In Java Hibernate; your database can contain one unique result. In this video; Tony Lowe uses the uniqueResult method to ensure that your database outputs only a single required result.
-
Using <manytomany>
In Java Hibernate; there are many options for mapping data to tables and classes when working with XML mappings. In this video; Tony Lowe demonstrates how to use the manytomany option to create link tables virtually; so you don’t have to represent extra classes for data.
-
Using @JoinTable
When working with Java Hibernate you can create table relationships without having to create an actual extra third-party class. In this video; Tony Lowe demonstrates how to create many-to-many relationships using the @JoinTable annotation.
-
Using @Sort for Java Based Sorting
When using Java Hibernate you can use the @Sort Java clause to arrange database search results. In this video; Tony Lowe demonstrates the java based options that are available for easily sorting data returned from the database.
-
How to Capture Data from a Form Field in Real Time
In JavaScript; you can make a selection instead of typing and the same will be provided in a form filed. In this video; Jamie Campbell demonstrates how to capture data from a form field in real time using JavaScript.
-
How to Capture File Information from a File Submit Field
In JavaScript; you can validate a file or check its content before it gets passed to the server. In this video; Jamie Campbell demonstrates how to capture a file information from a file submit field using JavaScript.
-
How to Capture Form Data with
JavaScript can be used to collect data and validate information before a server-side script takes over. In this video; Jamie Campbell demonstrates how to use JavaScript to capture form data using JavaScript.
-
How to Change a Page Background
In JavaScript; you can change the background of a page in different aspects. In this video; Jamie Campbell demonstrates how to change a page background in JavaScript.
-
How to Change an Element's CSS Styles
In JavaScript; you can identify an element's CSS styles and change those dynamically. In this video; Jamie Campbell demonstrates how to change an HTML element's CSS styles by using JavaScript.
-
How to Change the Canvas Programatically
In JavaScript; you can create an area for drawing and creating animations. In this video; Jamie Campbell demonstrates how to programmatically change the HTML5 Canvas by using JavaScript.
-
How to Change the Font Color in Strings
In JavaScript; you can use different font colors to modify the string colors. In this video; Jamie Campbell demonstrates how to change the font color in strings by using JavaScript.
-
How to Change the Properties of a Button
In JavaScript; you can change the properties of the button on the fly. In this video; Jamie Campbell demonstrates how to change the properties of a button by using JavaScript.
-
How to Change the Size of Fonts in Strings
In JavaScript; you can modify the font size of the strings. In this video; Jamie Campbell demonstrates how to change the size of fonts in strings by using JavaScript.
-
How to Change the Style of Fonts in Strings
In JavaScript; you can use different string methods to modify strings. In this video; Jamie Campbell demonstrates how to change the font style of strings by using JavaScript.
-
How to Change the Value of a Button
In JavaScript; you can change the value of the button of the button; access user inputs and react dynamically; and alter the way the elements are displayed. In this video; Jamie Campbell demonstrates how to change the value of the button on the fly by using JavaScript.
-
How to Clear the Canvas
In JavaScript; Developers can use HTML5 Canvas feature to create an area on a web page where they can draw and animate. In this video; Jamie Campbell demonstrates how to clear the HTML5 Canvas using JavaScript.
-
How to Compare Strings Using localeCompare
JavaScript has many string operations; but localeCompare allows to search against two strings. In this video; Jamie Campbell demonstrates how to set and use localeCompare .
-
How to Convert a String to Lower or Upper Case
JavaScript provides several string methods that allow users to search and modify strings dynamically. In this video; Jamie Campbell explains how to convert strings to upper or lower case.
-
How to Convert Numbers to Strings
In JavaScript; you can take numerical input and convert it into strings as and when needed. In this video; Jamie Campbell explains how to convert numbers to strings.
-
How to Convert Strings to Numbers
JavaScript provides several string methods that allow you to convert a strings into numbers. In this video; Jamie Campbell explains how to convert strings to numbers.
-
How to Convert the Case of Strings Based on User Location
JavaScript provides several string methods that allow you to convert a string's case. In this video; Jamie Campbell explains how to convert strings to upper or lower case based on the user's location.
-
How to Create Radial Gradients on the HTML5 Canvas
In JavaScript; Developers can use HTML5 Canvas feature to create an area on a web page where they can draw and animate. In this video; Jamie Campbell demonstrates how to create Radial Gradients on the HTML5 Canvas using JavaScript.
-
How to Detect a User's Browser and Screen Dimensions
JavaScript provides the ability to determine a user's browser and OS environment. In this video; Jamie Campbell explains how to detect a user's screen and browser window sizes.
-
How to Detect Mouse Clicks on the Canvas
JavaScript allows you to understand how the mouse can interact with the canvas. In this video; Jamie Campbell demonstrates how to detect mouse clicks on an HTML5 Canvas by using JavaScript.
-
How to Determine the Function that Created a String
In JavaScript; users can determine the function that created a String; to grab information about a web site. In this video; Jamie Campbell demonstrates how to determine the function that create a string using JavaScript.
-
How to Determine the Length of a String
In JavaScript; users will be able to know any string's length to help them developing a web site. In this video; Jamie Campbell explains how to convert strings to upper or lower case based on the user's location.
-
How to Disable or Enable a CSS Style Sheet
JavaScript provides the ability to access and modify CSS style sheets. In this video; Jamie Campbell explains how to disable or enable a style sheet.
-
How to Drag and Drop an Image Into an HTML Element
JavaScript provides the ability to move an image from from one place to another. In this video; Jamie Campbell explains how to drag and drop an image into an HTML element.
-
How to Drag and Drop Text Into an HTML Element
JavaScript provides the ability to drag an item and move it into an HTML element. In this video; Jamie Campbell explains how to drag and drop text into an HTML element.
-
How to Draw a Circle on the HTML5 Canvas
In JavaScript; you can create an area to draw different shapes and images by using HTML5 Canvas. In this video; Jamie Campbell demonstrates how to draw a circle on the canvas by using JavaScript.
-
How to Draw a Line on the HTML5 Canvas
In JavaScript; you can use HTML5 Canvas to draw objects. In this video; Jamie Campbell demonstrates how to draw a line on the Canvas by using JavaScript.
-
How to Draw a Rectangle on the HTML5 Canvas
In JavaScript; you can use HTML5 Canvas to create an area where you can draw different shapes and images. In this video; Jamie Campbell demonstrates how to draw a rectangle on the canvas by using JavaScript.
-
How to Draw Text on the HTML5 Canvas
In JavaScript; Developers can use HTML5 Canvas feature to create an area on a web page where they can draw and animate. In this video; Jamie Campbell demonstrates how to draw text on the HTML5 Canvas using JavaScript.
-
How to Dynamically Add a Form Field to a Web Page
Using JavaScript; you can easily access HTML elements. In this video; Jamie Campbell demonstrates how to dynamically add a form field to a page.
-
How to Dynamically Add a Hyperlink to a Web Page
In JavaScript; you can add hyperlinks to the web page. In this video; Jamie Campbell demonstrates how to add a hyperlink to a web page in JavaScript.
-
How to Dynamically Create Arrays
JavaScript is a powerful language that interacts with web pages and it allows you to create commands dynamically; execute code; and modify programming quickly. In this video; Jamie Campbell demonstrates how to dynamically create arrays using JavaScript.
-
How to Dynamically Create Variables
JavaScript is used to add powerful features and interaction to websites. In this video; Jamie Campbell explains how to dynamically create variables using JavaScript.
-
How to Dynamically Generate and Execute Commands
In JavaScript; you can change elements and create commands dynamically to execute code and modify programming. In this video; Jamie Campbell demonstrates how to dynamically generate and execute JavaScript commands.
-
How to Execute Commands Contained in a String
In JavaScript; you can create JavaScript command dynamically from strings. In this video; Jamie Campbell demonstrates how to execute JavaScript commands contained in a string.
-
How to Filter File Types in a File Selector
In JavaScript; you can select different file types in a file selector. In this video; Jamie Campbell demonstrates how to filter file types in a file selector by using JavaScript.
-
How to Find and Change HTML Elements by Class Name
In JavaScript allows you can add classes are ways of assigning reusable attributes to elements on HTML page and that’s a really useful method to change multiple items on the fly. In this video; Jamie Campbell demonstrates how to find and change HTML elements by className using JavaScript.
-
How to Find and Change HTML Elements by Tag Name
In JavaScript; you can use tags to create HTML pages. In this video; Jamie Campbell demonstrates how to find and change HTML elements using the getElementsByTagName method.
-
How to Find HTML Elements by ID
In JavaScript; you can find the elements on a page by using the getElementById function. In this video; Jamie Campbell demonstrates how to find HTML elements.
-
How to Find; Add; or Change Form Elements
In JavaScript; you can use Form Fields to benefit from the dynamic nature of JavaScript in HTML. In this video; Jamie Campbell demonstrates how to find; add; or change HTML form elements using the JavaScript Forms method.
-
How to Generate a Character from a Unicode Value
JavaScript provides many string operations; but when you are working in web design; Unicode offers all the available characters in all available languages. In this video; Jamie Campbell demonstrates how to generate a character from Unicode by using JavaScript.
-
How to Generate a Hyperlink from a Text String
In JavaScript; you can create hyperlinks from strings. In this video; Jamie Campbell demonstrates how to generate hyperlinks from strings by using JavaScript.
-
How to Generate a Random Number Between a Range of Values
In JavaScript; randomization is found in the Math object and it provides many ways to generate algorithms and provide user output. In this video; Jamie Campbell demonstrates how to generate a random number between a range of values by using JavaScript.
-
How to Generate an Anchor Link
In JavaScript; you can use anchor link to create links and turn them into hyperlinks that you can add to a web page. In this video; Jamie Campbell demonstrates how to generate an anchor link by using JavaScript.
-
How to Generate Superscripts and Subscripts in Strings
In JavaScript; you can create subscript and superscript string values. In this video; Jamie Campbell demonstrates how to generate superscripts and subscripts in strings by using JavaScript.
-
How to Get an HTML Element's CSS Styles
JavaScript allows users to identify an HTML element's CSS styles; thereby making it easier to change the element dynamically. In this video; Jamie Campbell explains how to access an HTML element's CSS style.
-
How to Get Child Object Content and Attributes
In JavaScript; you can use the for loop and result method to get the values of the child object. In this video; Jamie Campbell demonstrates how to get child object content and attributes by using JavaScript.
-
How to Get HTML Text from a Page Element
In JavaScript; you can retrieve text from HTML elements. In this video; Jamie Campbell explains how to use JavaScript to get HTML text from a page element.
-
How to Get the Attributes of an HTML Element
JavaScript provides the ability to dynamically access HTML elements and its attributes. In this video; Jamie Campbell explains how to get the attributes of an HTML element.
-
How to Identify a Clicked HTML Element
In JavaScript; you can identify what a user is doing and program responses. In this video; Jamie Campbell demonstrates how to use JavaScript to identify when a user has clicked an HTML element.
-
How to Join Strings Using concat
JavaScript offers many string operations that you can use to search and modify strings dynamically. In this video; Jamie Campbell explains how to concatenate strings by using the concat method.
-
How to Locate a Character in a String Using charAt
JavaScript offers many string operations that can be used to search and modify strings dynamically. In this video; Jamie Campbell demonstrates how to use charAt to locate a specific character in a string.
-
How to Locate a String within a String Using indexOf
JavaScript offers substrings to pull a specific piece of information out of a larger string. You can also search within strings and return the specific index value of a substring. In this video; Jamie Campbell demonstrates how to locate a string within a string by using indexOf.
-
How to Locate the Last Known Position of a Substring Using lastIndexOf
JavaScript has many substring operations; but lastIndexOf finds the last known instance of a substring. In this video; Jamie Campbell demonstrates how to use lastIndexOf.
-
How to Move an HTML Element Using Keyboard Input
In JavaScript; developers can assign keypresses which move a sprite object in a specific direction. In this video; Jamie Campbell explains how to move an HTML element using keyboard input.
-
How to Move an HTML Element with the Mouse
In JavaScript; web developers can link HTML elements for dragging and moving an item from one place to another on the browser screen. In this video; Jamie Campbell explains how to drag and drop an HTML element.
-
How to Navigate to a URL with a Button
In JavaScript; you can use buttons instead of hyperlinks for navigation through the web page. In this video; Jamie Campbell demonstrates how to use buttons for navigation to a URL in JavaScript.
-
How to Nest Functions
In JavaScript; you can nest functions inside functions to create interesting interactive web pages. In this video; Jamie Campbell demonstrates how to use JavaScript to nest functions.
-
How to Obtain a Unicode Value from a String
JavaScript has many string operations; but Unicode offers all the available characters in all available languages; which is a useful feature for web designing. In this video; Jamie Campbell demonstrates how to get a Unicode value from a string by using JavaScript.
-
How to Obtain a Variable's Type
In JavaScript; you can assign any valid value to a variable without assigning a type and you can also get the type of an existing variable. In this video; Jamie Campbell demonstrates how to obtain a variable's type by using JavaScript.
-
How to Obtain the Attribute of an Object
In JavaScript; you can change the object’s properties by using getElementById method. In this video; Jamie Campbell demonstrates how to obtain the attribute of an object in JavaScript.
-
How to Obtain User Information
In JavaScript; you can get key information about the user's browser and operating system. In this video; Jamie Campbell demonstrates how to obtain user information by using JavaScript.
-
How to Place Images on the HTML5 Canvas
In JavaScript; you can place images on the canvas by using HTML5. In this video; Jamie Campbell demonstrates how to place images on the HTML5 Canvas by suing JavaScript.
-
How to Process a Radio Button Selection
In JavaScript; you can use radio buttons to collect data from the user. In this video; Jamie Campbell demonstrates how to process radio button selections by using JavaScript.
-
How to Process Checkbox Selections
In JavaScript; you can use checkboxes to collect user data. In this video; Jamie Campbell demonstrates how to process checkbox selections by using JavaScript.
-
How to Process Multiple Form Field Entries
In JavaScript; you can process the browser-side information. In this video; Jamie Campbell demonstrates how to multiple form fields' data into a string using JavaScript.
-
How to Read and Assign Class Names
JavaScript allows you to change classes assigned to objects. In this video; Jamie Campbell demonstrates how to read and assign class names to the objects by using JavaScript.
-
How to Recursively Store Data in a String
JavaScript provides useful string methods that allow you to add information to strings continuously and on demand. In this video; Jamie Campbell demonstrates how to how to recursively store input in a string.
-
How to Remove a CSS Style from a Style Sheet
JavScript provides the ability to access and modify CSS style sheets. In this video; Jamie Campbell explains how to remove a CSS style from a style sheet using JavaScript.
-
How to Remove a DIV Container Using removeChild
In JavaScript; you can create a container and remove it based on the user's input. In this video; Jamie Campbell demonstrates how to remove a div container by using the removeChild method in JavaScript.
-
How to Remove an Image File from a DIV
In JavaScript; you can add and remove objects from a div container. In this video; Jamie Campbell demonstrates how to remove an image file from a div container using JavaScript.
-
How to Remove List Elements Using
JavaScript offers dynamic control over every aspect of a web page; including adding and removing objects. In this video; Jamie Campbell demonstrates how to remove list elements from a web page.
-
How to Remove White Space from Strings
In JavaScript; you can easily clean up the strings that you have created as and when they are not perfectly formed. In this video; Jamie Campbell explains how to remove white space from strings using JavaScript.
-
How to Retrieve the X and Y Coordinates of an HTML Element
JavaScript provides the ability to identify where an element is at any given point of time to enable users to program responses. In this video; Jamie Campbell explains how to retrieve the x and y coordinates of an HTML element using JavaScript.
-
How to Search and Replace Strings Using the replace Method
JavaScript provides several string methods that allow users to search and modify strings dynamically. In this video; Jamie Campbell explains how to search and replace strings by using the JavaScript replace method.
-
How to Search Strings Using the match Method
JavaScript provides several string methods that allow users to search and modify strings dynamically. In this video; Jamie Campbell explains how to search strings using the JavaScript match method.
-
How to Search Strings Using the search Method
JavaScript provides several string methods that allow users to search and modify strings dynamically. In this video; Jamie Campbell explains how to search strings using the JavaScript search method.
-
How to Search Strings Using the slice Method
JavaScript provides several string methods that allow users to search and modify strings dynamically. In this video; Jamie Campbell explains how to search strings using the JavaScript slice method.
-
How to Select Files and Create Image Thumbnails
In JavaScript; you can select files and create thumbnails on a web page. In this video; Jamie Campbell demonstrates how to select files and create image thumbnails using JavaScript.
-
How to Split a String into an Array
JavaScript allows users to take a string and split it into an array using a simple command. In this video; Jamie Campbell explains how to split a string using JavaScript.
-
How to Track Keyboard Input
JavaScript makes it easy for the developers to grab keyboard input. In this video; Jamie Campbell explains how to track keyboard input.
-
How to Track Mouse Clicks and Coordinates
JavaScript is used to add powerful features and interaction to web sites. In this video; Jamie Campbell explains how to track mouse clicks and coordinates.
-
How to Track Mouse Clicks on Objects
JavaScript provides interactivity for web sites; including giving output for a user and collecting user input. In this video; Jamie Campbell explains how to track mouse clicks on HTML objects by using JavaScript.
-
How to Track Mouse Coordinates in a Browser
In JavaScript; web developers can not only know when the mouse clicks but actually determine where a user is hovering the mouse cursor. In this video; Jamie Campbell demonstrates how to track mouse coordinates in a browser using JavaScript.
-
How to Track the Mouse on the Canvas
In JavaScript; you can track the mouse movements on the canvas. In this video; Jamie Campbell demonstrates how to track mouse coordinates on HTML5 Canvas by using JavaScript.
-
How to Use Big and Small with Strings
In JavaScript; you can modify the string text by using the big and small methods. In this video; Jamie Campbell demonstrates how to make string text bigger and smaller by using JavaScript.
-
How to Use str.replace to Change Text on the Fly
In JavaScript; you can use strings to work with and manipulate text. In this video; Jamie Campbell demonstrates how to use the str.replace method to change text quickly.
-
How to Use the Confirm Dialog
In JavaScript; web developers can write code to ensure user interactivity which includes judging user choices and giving them options. In this video; Jamie Campbell demonstrates how to use Confirm Dialog box to create binary choices for users.
-
How to Use the Prompt Dialog
In JavaScript; web developers can set the Prompt Dialog to get typed response from users. In this video; Jamie Campbell demonstrates how to set the Prompt Dialog box.
-
How to Validate Character Input
In JavaScript web developers can write code to check user input to ensure that a user has made the correct entries in the correct fields. In this video; Jamie Campbell demonstrates how to validate text input using JavaScript.
-
How to Validate Numerical Input
In JavaScript web developers can write code to check user input to ensure that a user has made the correct entries in the correct fields. In this video; Jamie Campbell demonstrates how to validate numerical input using JavaScript.
-
Introduction to Code Spacing and Formatting
When working with JavaScript; you need to follow some best practices so that debugging and reviewing the code are easy. In this video; Jamie Campbell explains some dos and don'ts of code spacing and formatting.
-
Introduction to Functions
In JavaScript; you can create functions. In this video; Jamie Campbell demonstrates how to create functions in JavaScript.
-
Methods for Including in Web Pages
In JavaScript; you can include code in your HTML documents in different ways. In this video; Jamie Campbell explains the three methods for including JavaScript in web pages.
-
Null Variables
When working with JavaScript; you need to understand the relationship between declared and undeclared variables and variables that have been declared but haven't had a value assigned to them. In this video; Jamie Campbell demonstrates how null variables are handled in JavaScript.
-
Setting Up a Development Environment
JavaScript is browser-side scripting language that shares similarities with C; C++; and Java. Before you begin using JavaScript; you should have the proper applications in place. In this video; Jamie Campbell explains how to set up a development environment for using JavaScript.
-
Special String Characters in
In JavaScript; you can use special string characters using '/'. In this video; Jamie Campbell demonstrates how to use the special string characters in JavaScript.
-
The Absolute Math Object Method
JavaScript provides you many math object properties; which are fixed values; to perform simple calculations and create complex algorithms. In this video; Jamie Campbell demonstrates how to use the absolute math-object method
-
The Arccosine; Arcsine; Arctangent; and Arctangent2 Math Object Methods
JavaScript provides you many math object properties; which are fixed values; to perform simple calculations and create complex algorithms. In this video; Jamie Campbell demonstrates how to use the Arccosine; Arcsine; Arctangent; and Arctanget2 Math Object Methods.
-
The Cosine; Sine; and Tangent Math Object Methods
JavaScript provides you many math object properties; which are fixed values; to perform simple calculations and create complex algorithms. In this video; Jamie Campbell demonstrates how to use the cosine; sine; and tangent math object methods.
-
The crosshair; help; progress; and wait Mouse Cursors
In JavaScript; you can provide visual cues to the user by changing the mouse cursor in many ways; such as showing the cursor as a pointing hand when the mouse hovers over a draggable item. In this video; Jamie Campbell demonstrates how to change the cursor by using the "crosshair"; "help"; "progress"; and "wait" properties.
-
The default; auto; text; copy; and move Mouse Cursors
In JavaScript; you can change the cursor in many ways to provide visual cues to the user; such as changing the mouse cursor to a pointing hand when the mouse hovers over a draggable item. In this video; Jamie Campbell demonstrates how to change the cursor by using the "default"; "auto"; "text"; "copy"; and "move" properties.
-
The Directional Resize Mouse Cursors
JavaScript provides several methods to change the cursor to provide visual cues to the user. In this video; Jamie Campbell explains how to change the mouse cursor by using Directional Resize mouse cursors.
-
The document.write and document.writeln Methods
In JavaScript; you can change the change page element dynamically using two simple methods. In this video; Jamie Campbell demonstrates document.write and document.writeln methods in JavaScript.
-
The Exponent and Log Math Object Methods
JavaScript offers many math object methods; which require an argument to pass a resulting value. In this video; Jamie Campbell demonstrates how to use the exponent and log Math object methods.
-
The Floor and Ceiling Math Object Methods
JavaScript provides you many math object properties; which are fixed values; to perform simple calculations and create complex algorithms. In this video; Jamie Campbell demonstrates how to use the floor and ceiling math-object methods.
-
The window.open Method
In JavaScript; you can change the how new web pgaes open using window.open method. In this video; Jamie Campbell demonstrates how to use window.open method.
-
Undefined Variables
In JavaScript; you need to understand the relationship between declared and undeclared variables and variables that have been declared but haven't had a value assigned to them. In this video; Jamie Campbell demonstrates how to handle undefined variables in JavaScript.
-
Using a Console
When working with JavaScript; browsers such as IE11 include a powerful developer's Console that you can use to test code and analyze your site's performance. In this video; Jamie Campbell explains how to use a developer's Console in IE11.
-
The innerHTML Property
In JavaScript; you can use the innerHTML property to manipulate web pages. In this video; Jamie Campbell demonstrates how to change elements using innerHTML in JavaScript.
-
The Date Object
In JavaScript; you can use the date object for various purposes. In this video; Jamie Campbell demonstrates how to use the date object in JavaScript.
-
The Logarithm2 and Logarithm10 Math Object Properties
JavaScript provides you many math object properties; which are fixed values; to perform simple calculations and create complex algorithms. In this video; Jamie Campbell demonstrates how to use the log2 and the log10 math object properties.
-
The match String Method
In JavaScript; you can use match string to check against different strings and find characters. In this video; Jamie Campbell demonstrates how to use the match string method in JavaScript.
-
The Min and Max Math Object Methods
In JavaScript; you can use the math methods to perform simple calculations and create complex algorithms. These math methods require one or many arguments to pass a resulting value. In this video; Jamie Campbell demonstrates how to use the min and max Math object methods.
-
The PI Math Object Property
JavaScript offers many math object properties for performing simple calculations and creating complex algorithms. In this video; Jamie Campbell demonstrates how to use the PI Math object property.
-
The Power and Square Root Math Object Methods
JavaScript offers many math object methods; which are common mathematical tools and require one or two arguments to pass a resulting value. In this video; Jamie Campbell demonstrates how to use the power and square root Math object methods.
-
The Processing Order of Math Operators
Application Programming Languages use math performing operations and JavaScript includes the standard math operators. In this video; Jamie Campbell explains the processing order of math operators in JavaScript.
-
The Round Math Object Method
JavaScript offers many math object methods; which are common mathematical tools that require an argument to pass a resulting value. In this video; Jamie Campbell demonstrates how to use the round math object method.
-
The Square Root Half and Square Root 2 Math Object Properties
JavaScript provides you many math object properties; which are fixed values; to perform simple calculations and create complex algorithms. In this video; Jamie Campbell demonstrates how to use the Square Root Half and Square Root 2 math object properties.
-
Euler’s Number and the Logarithm Math Object Properties
JavaScript provides you many math object properties to perform simple calculations and create complex algorithms. These math object properties are fixed values that represent common mathematical tasks. In this video; Jamie Campbell demonstrates how to use Euler's number and the logarithm math object properties.
-
How to Access CSS Style Sheets with
JavaScript provides users the ability to access CSS style sheets. In this video; Jamie Campbell explains how to access a CSS style sheet using JavaScript.
-
How to Access the HTML5 Canvas
In JavaScript; you can use the HTML5 Canvas to create an area for drawing objects. In this video; Jamie Campbell demonstrates how to access the HTML5 Canvas by using JavaScript.
-
How to Add a CSS Style to a Style Sheet
In addition to accessing CSS style sheets; JavaScript also provides users the ability to add CSS style rules. In this video; Jamie Campbell explains how to add a CSS style to a style sheet using JavaScript.
-
How to Add a DIV Container Using appendChild
In JavaScript; you can add the div container based on the user's input. In this video; Jamie Campbell demonstrates how to add a div container using the appendChild method.
-
How to Add an Image File to a DIV
In JavaScript; you can add information or object to a div container. In this video; Jamie Campbell demonstrates how to add an image file to a div container by using JavaScript.
-
How to Add Content to a DIV
In JavaScript; you can retrieve text from HTML elements and add content to them. In this video; Jamie Campbell demonstrates how to use JavaScript to add content to an HTML DIV.
-
How to Add HTML Elements Using document.createElement
In JavaScript; you can use create new HTML elements. In this video; Jamie Campbell demonstrates how to add HTML elements to a web page using the document.createElement method.
-
How to Add List Elements Using
In JavaScript; you can add list elements and options on the fly. In this video; Jamie Campbell demonstrates how to add list elements to a web page using JavaScript.
-
How to Add Properties to Objects Using prototype
In JavaScript; you can create entire libraries of information by using objects with dot notation. And JavaScript has the ability to dynamically add properties to objects. In this video; Jamie Campbell demonstrates how to add properties to objects using prototype.
-
How to Animate Objects on the HTML5 Canvas
In JavaScript; you can animate the objects on the Canvas. In this video; Jamie Campbell demonstrates how to animate objects on the HTML5 Canvas.
-
How to Prevent a Form from Clearing Fields on Submit
In JavaScript; you can use HTML forms for all sorts of purposes but these forms can sometimes give unpredictable results. In this video; Jamie Campbell demonstrates you how to prevent a form from clearing its fields; when the Submit button is clicked.
-
How to Create an Automated Redirect
In JavaScript; you can redirect the user to another page with a message and within a specific interval of time. In this video; Jamie Campbell demonstrates how to create an automatic redirect by using JavaScript.
-
How to Create and Track an Object on the HTML5 Canvas
In JavaScript; you can create and track an object's location on the HTML5 Canvas. In this video; Jamie Campbell demonstrates how to create and track an object's location on the HTML5 Canvas using JavaScript.
-
How to Create Linear Gradients on the HTML5 Canvas
In JavaScript; Developers can use HTML5 Canvas feature to create an area on a web page where they can draw and animate. In this video; Jamie Campbell demonstrates how to create Linear Gradients on the HTML5 Canvas using JavaScript.
-
Basic Debugging
JavaScript offers you some simple tools for easy debugging. In this video; Jamie Campbell explains basic debugging in JavaScript.
-
Creating Variables
JavaScript; like most other programming languages; stores information in variables. In this video; Mark Lassoff demonstrates how you declare and initialize variables in JavaScript.
-
Custom Functions
When your JavaScript code becomes more complicated; you will want to encapsulate it by writing custom functions in the script tag or in an attached document. In this video; Mark Lassoff demonstrates how to write and call custom JavaScript functions.
-
Date Validation
After watching this video; you will be able to validate dates.
-
Dates and Days of the Week
You can create a code in JavaScript to check the day of the week to use in a string. In this video; Chris Keenan demonstrates how to use the getDay method and an array in JavaScript to figure out the days of the week.
-
Debugging with the Stack
In JavaScript; finding errors in codes can be a slow process. In this video; Chris Keenan discusses how to use the stack property of the Error object to debug the program.
-
Declaring Arrays
In JavaScript; you can store a number of pieces of information in a single structured variable called an array. In this video; Mark Lassoff demonstrates how you declare arrays and reference the stored values.
-
Default Parameters and Nesting Functions
After watching this video; you will be able to describe default parameter and nesting functions.
-
If Statements and Comparison Operators (Part 3)
After watching this video; you will be able to describe the various comparison operators.
-
If Statements and Comparison Operators (Part 4)
After watching this video; you will be able to use complex comparison operators.
-
If Statements and Comparison Operators (Part 5)
After watching this video; you will be able to use the strict equality operator.
-
In What Ways Do the User and I Interact with Each Other?
After watching this video; you will be able to describe user interaction.
-
Increment and Decrement Operators
JavaScript Increment and Decrement Operators can be used to change the value of the variable by 1. In this video; Chris Keenan demonstrates the differences between the prefix and postfix versions of these operators.
-
Inheritance and Extending Classes
While JavaScript isn’t a true Object Oriented language like C++ or Java; it does allow you to implement its own version of inheritance. In this video Chris Keenan demonstrates how to use the prototype key word to extend classes.
-
Input Validation of Dates
After watching this video; you will be able to use date input validation and send alerts.
-
Inserting Code
There are several ways to insert JavaScript code in HTML depending on the HTML standard used. In this video; Mark Lassoff demonstrates inserting JavaScript in the body of an HTML document; in a separate file; and in an HTML5 document.
-
Introduction to Date Validation
After watching this video; you will be able to describe date validation.
-
Statements That Can Be Used for Decision-making
After watching this video; you will be able to describe conditional program execution.
-
JSON Serialization
JavaScript Object Notation or JSON is a light-weight text-based data exchange format that is smaller and faster than XML. In this video; Chris Keenan discusses how to create JSON data by using the stringify method.
-
Locations Where Script Can Be Placed (Part 1)
After watching this video; you will be able to describe where JavaScript may be used.
-
Locations Where Script Can Be Placed (Part 2)
After watching this video; you will be able to describe JavaScript usage scenarios.
-
Looping (Part 1)
After watching this video; you will be able to describe loops.
-
Looping (Part 2)
After watching this video; you will be able to use loops to step through an array.
-
Looping (Part 3)
After watching this video; you will be able to describe the for in loop.
-
Looping (Part 4)
After watching this video; you will be able to use the do while loop.
-
Looping Through Arrays
In JavaScript; you can use a loop to read all the members of an array. In this video; Mark Lassoff demonstrates how you use a For loop to iterate through an array.
-
Loops and Arrays in
After watching this video; you will be able to use loops and arrays.
-
Manipulating HTML Attributes
After watching this video; you will be able to manipulate HTML attributes.
-
Manipulating HTML Content Method 1
After watching this video; you will be able to describe how to modify the title.
-
Manipulating HTML Content Method 2 (Part 1)
After watching this video; you will be able to use the innerHTML property.
-
Manipulating HTML Content Method 2 (Part 2)
After watching this video; you will be able to modify the innerHTML property.
-
Manipulating HTML Content Method 3 (Part 1)
After watching this video; you will be able to use the replace method.
-
Manipulating HTML Content Method 3 (Part 2)
After watching this video; you will be able to describe how to use the replace method.
-
Manipulating HTML Content Method 4
After watching this video; you will be able to use nodeValue.
-
Manipulating HTML Content Method 5
After watching this video; you will be able to use textContext.
-
Manipulating HTML Elements
After watching this video; you will be able to manipulate HTML elements.
-
More about Validating Form Data
After watching this video; you will be able to describe form data validation.
-
Moving Windows with moveBy
In JavaScript; you can move the windows relative to its current location; anywhere in the screen. In this video; Chris Keenan demonstrates how to use the moveBy method in JavaScript to move a window; relative to its current location.
-
Moving Windows with moveTo
In JavaScript; you can move a window to a specific location. In this video; Chris Keenan demonstrates how to use the moveTo method in JavaScript to move the window to a particular location.
-
Nesting if statements
JavaScript enables you to nest if statements one inside another; to design a complex decision process. In this video; Chris Keenan discusses how to use nested statements in JavaScript.
-
Notes about our for Loop Examples
After watching this video; you will be able to describe loop examples.
-
Number Object
In JavaScript the Number object is a very useful method to format numbers. In this video Chris Keenan examines how to use methods of the Number object to format decimal places of numbers in a string.
-
Numeric Data (Part 1)
After watching this video; you will be able to use numeric data.
-
Numeric Data (Part 2)
After watching this video; you will be able to use numeric data.
-
Numeric Data (Part 3)
After watching this video; you will be able to use numeric data.
-
Numeric Data Examples
After watching this video; you will be able to describe numeric data.
-
Object Cloning
In JavaScript; you need to create custom functions to generate clones of objects. In this video; Chris Keenan demonstrates how to create a custom function for cloning JavaScript objects.
-
Object Methods
JavaScript allows you to create custom objects and perform specific operations on those objects. In this video; Chris Keenan explains how to create object methods to execute those operations.
-
Passing Values to a Function
In JavaScript; you can make a function even more useful by passing values to the function and then manipulating those values in the function body. In this video; Mark Lassoff demonstrates how to pass values to a function and then capture those values in the function.
-
Placing code
After watching this video; you will be able to understanding JavaScript code placement.
-
Preventing Invalid Input
After watching this video; you will be able to describe how to trap invalid input.
-
Reading Cookies
JavaScript helps you to retrieve cookies in a readable format. In this video; Chris Keenan discusses how to retrieve and parse the cookie string to find out the value of a specific cookie.
-
Reading JSON Data
JavaScript Object Notation or JSON; is a lightweight; text based data exchange format similar to XML. However it’s faster and smaller than XML and also has the key advantage that it’s based on JavaScript syntax. In this video Chris Keenan discusses how to read and display JSON data using JavaScript.
-
Replacing Documents in the Browser
JavaScript includes the location object to access and modify a users browser location. In this video; Chris Keenan discusses how to use the replace method to change the document being used in a browser.
-
Resizing Windows
In JavaScript; you can resize the window that is currently being used. In this video; Chris Keenan demonstrates how to resize the windows by using the resizeBy and resizeTo methods in JavaScript.
-
Revisiting Chrome Development Tools
After watching this video; you will be able to describe chrome development tools.
-
Select HTML Elements (Part 1)
After watching this video; you will be able to select elements in the DOM.
-
Select HTML Elements (Part 2)
After watching this video; you will be able to use getElementsByTagName.
-
Select HTML Elements (Part 3)
After watching this video; you will be able to describe parent and child nodes.
-
Select HTML Elements (Part 4)
After watching this video; you will be able to describe the difference between child and children.
-
Select HTML Elements (Part 5)
After watching this video; you will be able to describe links and images.
-
"Alert Function" Demonstration 1
After watching this video; you will be able to use the Alert Function.
-
A Review of HTML Elements and CSS
After watching this video; you will be able to describe HTML elements and CSS.
-
"Alert Function" Demonstration 2
After watching this video; you will be able to use the Alert Function.
-
A Primer on Objects
After watching this video; you will be able to understand objects.
-
An Example of Conditional Logic
After watching this video; you will be able to describe conditional logic.
-
An Example of Looping Code
After watching this video; you will be able to describe looping code.
-
Animation with Timers
JavaScript is a very robust and versatile scripting language that can be used to interact with and modify web pages in a variety of ways. In this video; Chris Keenan discusses how to create a simple animation by using JavaScript Timers.
-
Anonymous Functions
JavaScript supports the creation of functions; which are specific set of operations that you want to use again. In this video; Chris Keenan explains how to create and invoke anonymous functions.
-
Applying Simple HTML and CSS
After watching this video; you will be able to use simple HTML and CSS.
-
Aptana Studio 3 Tour
After watching this video; you will be able to describe the features of Aptana Studio 3.
-
Array Functions
There are a number of array functions available in JavaScript to perform actions on arrays and return values. In this video; Mark Lassoff demonstrates how to use some of these array functions to manipulate the elements in an array.
-
Basic Event Handlers
In JavaScript; the ability to detect and respond to user interaction is an essential part of programming. In this video; Chris Keenan demonstrates how to capture some basic user events and respond to them using JavaScript code.
-
Bitwise Logical Operators
JavaScript is a versatile scripting language that allows users to interact with numbers in binary format. In this video; Chris Keenan explains how to work with bitwise logical operators to perform operations on binary numbers.
-
Bitwise Shift Operators
In JavaScript; one of the operations that you can perform with numbers in their binary form is bit shifting. In this video; Chris Keenan explains how to use JavaScript to perform bit shifting operations.
-
Boolean Data (Part 1)
After watching this video; you will be able to understand boolean data.
-
Boolean Data (Part 2)
After watching this video; you will be able to use boolean data.
-
Break and Continue Statements
In JavaScript; by using labels along with the break and continue statements you can specify which specific piece of code you want to break or continue from. In this video; Chris Keenan discusses how to use JavaScript labels and the break and continue statements.
-
Browser Settings
After watching this video; you will be able to describe JavaScript's specific browser settings.
-
Building an Object that has Methods
After watching this video; you will be able to build an object with methods.
-
Calling a Function in Code
After watching this video; you will be able to describe function calls.
-
Calling a Function in Response to an Event
After watching this video; you will be able to describe event-driven functions.
-
Closing Windows
JavaScript allows you to set menu bars and dispose unused windows. In this video; Chris Keenan discusses how to use JavaScript to close browser windows.
-
Combining "Comparison Operators" Used to Test "Sets of Conditions"
After watching this video; you will be able to use comparison operators.
-
Comments in
After watching this video; you will be able to describe comments.
-
Comparing Dates
In JavaScript; you can convert dates to milliseconds and perform comparison operations on them. In this video; Chris Keenan discusses how to compare dates to one another.
-
Constructor Functions
In JavaScript; constructor functions allow you to create custom objects and assign characteristics to them. In this video; Chris Keenan discusses how to code a constructor function for creating and initializing objects.
-
Creating Browser Windows
JavaScript allows you to create browser windows for dynamically displaying information to a user. In this video; Chris Keenan explains how to use the window object to create new browser windows.
-
Creating Custom Objects
In JavaScript; you will need to create custom objects. In this video; Chris Keenan explains how to create your own objects based on JavaScript’s object Object.
-
Creating Functions
After watching this video; you will be able to describe how to create a function.
-
Creating Objects; Viewing and Setting Properties (Part 1)
After watching this video; you will be able to use objects.
-
Creating Objects; Viewing and Setting Properties (Part 2)
After watching this video; you will be able to use objects.
-
Creating Private Properties and Methods
In JavaScript; you can use the var keyword to mimic behavior of Access Modifiers. In this video; Chris Keenan demonstrates the use of var keyword to create private properties and methods in JavaScript.
-
Escape Sequences in strings
JavaScript allows you to insert special characters in the strings and these allow you to either include formatting information or to include Unicode to display things. In this video; Chris Keenan discusses how to use Escape Sequences in JavaScript strings.
-
Event Firing
After watching this video; you will be able to describe how events fire.
-
Form Input Controls
After watching this video; you will be able to describe form input controls.
-
Sequential Execution (Part 1)
After watching this video; you will be able to use sequential program execution.
-
Sequential Execution (Part 2)
After watching this video; you will be able to describe how sequential execution works.
-
Sequential Program Execution
After watching this video; you will be able to describe sequential program execution.
-
setTimeout and setInterval Examples
After watching this video; you will be able to describe setTimeout and setInterval.
-
The for...in Loop
In JavaScript; you can use the for…in statement to get access to the names of all properties associated with the specific object. In this video; Chris Keenan examines the use of the for…in loop to iterate through the properties of an object.
-
The History Object
JavaScript's built-in history object helps users navigate into their browser’s history. In this video; Chris Keenan discusses how to use the History object to navigate the browser's history.
-
The Event Object
In JavaScript; an event is captured as an object. Objects have different attributes that can be parsed to retrieve a number of useful bits of information. In this video; Mark Lassoff demonstrates how you capture and parse an event object.
-
The Math Object and Random Numbers
JavaScript Math objects can be used for everything from performing complex calculations to creating code for games. In this video Chris Keenan illustrates how to create a simple dice game using both the Math.random and Math.floor methods.
-
The this Keyword
JavaScript uses the "this" keyword to refer to the object currently being used. In this video; Chris Keenan demonstrates how to use the "this" keyword in JavaScript code.
-
Turning Off in the Browser
After watching this video; you will be able to describe how to disable JavaScript within the browser.
-
Setting Cookies
JavaScript allows you to store unprivileged information about a user in small data files known as cookies. In this video; Chris Keenan explains how to use document.cookie to store values for later use.
-
Setting CSS Properties with
In JavaScript; it’s common to dynamically set Cascading Style Sheet (CSS) properties. In this video; Mark Lassoff demonstrates how to access the document object model and use it to set CSS properties.
-
Simple HTML and CSS
After watching this video; you will be able to describe simple HTML and CSS.
-
Some Notes about our Array Examples
After watching this video; you will be able to describe array examples.
-
Some Notes about our if Statement Examples
After watching this video; you will be able to describe if statement examples.
-
Some Notes about Working with Functions
After watching this video; you will be able to describe working with functions.
-
Some Sample Functions
After watching this video; you will be able to use the various sample functions.
-
Substrings
Substrings are a useful feature of String processing in JavaScript. In this video; Chris Keenan discusses the different methods used to create substrings in JavaScript for String processing.
-
Subtracting Dates
JavaScript is a scripting language that can be used to interact with and modify date objects in a variety of ways. In this video; Chris Keenan discusses how to subtract date and times in JavaScript.
-
Switching Statements
In JavaScript; the switch statement is a type of branching that tests a number of equalities against the value in a variable. In this video; Mark Lassoff demonstrates how you write switch statements.
-
Testing To See If a Browser Uses Cookies
After watching this video; you will be able to describe how to test for cookie usage.
-
The "Comparison Operators" Used in Decision-making Logic
After watching this video; you will be able to describe comparison operators.
-
The Basics of a "Statement"
After watching this video; you will be able to describe statements.
-
The Boolean Object
Similar to how JavaScript contains a Number and String object it also includes a Boolean object to represent true and false values. In this video; Chris Keenan will show you the different ways to create and use Boolean objects.
-
The Confirm Function
After watching this video; you will be able to use the confirm function.
-
The Document Object at the Top Level
After watching this video; you will be able to describe the DOM top level.
-
Using External Code Files
In JavaScript; when scripts become larger and complex; you can use external script files to alleviate some of the work involved. In this video; Chris Keenan will demonstrate how to reference and use external JavaScript code in web pages.
-
Using getElementById()
In JavaScript; getElementById is perhaps the most important function. It allows you to access elements in the HTML and manipulate them with JavaScript code. In this video; Mark Lassoff shows you how to use getElementById to get and change the content of elements.
-
Using Timers
In JavaScript; you can use Timers to either set a delay or call a function after specific time intervals. In this video; Chris Keenan discusses how to use Timers in a JavaScript code.
-
Using Loops to Control Code Execution
After watching this video; you will be able to use loops.
-
Using the Geolocation API
JavaScript can be used with the Geolocation API to quickly search for locations. In this video; Chris Keenan discusses how to use JavaScript in the Geolocation API to display a user’s location on a map.
-
Using the scrollTo Method
JavaScript allows you to quickly scroll to a specific location in a long web page with lot of text. In this video; Chris Keenan discusses how to use the scrollTo method to automatically scroll to a specific location.
-
Using the sessionStorage Object
With JavaScript; the sessionStorage object allows you to store values for a single browser session. In this video; Chris Keenan discusses how to use the Web Storage API and the sessionStorage object.
-
Using the Switch Statement
After watching this video; you will be able to use the switch statement.
-
Using the transformToFragment Method
In JavaScript to transform XML using the XSLTProcessor object; it might be necessary process document fragments. This allows you to add the results to another DOM document and requires less overhead than transforming entire documents. In this video; Chris Keenan demonstrates how to use the XSLTProcessor object along with the transformTofragment method to perform transformations on document fragments.
-
Using the XSLTProcessor Object
The pairing of JavaScript and XML has long been a powerful combination. This is p due to the fact that JavaScript can be used to transform XML; using the XSLTProcessor object and its methods. In this video; Chris Keenan demonstrates how to use the XSLTProcessor object along with the importstylesheet to perform transformations.
-
Validating Input of Dates
After watching this video; you will be able to convert milliseconds into valid dates.
-
Validation of E-mail Input
After watching this video; you will be able to describe e-mail validation.
-
Validation of Input
After watching this video; you will be able to use input validation.
-
Validation of Phone Number Input
After watching this video; you will be able to describe how to validate a phone number.
-
Variable Scopes and Data Types
After watching this video; you will be able to describe variable scopes and data types.
-
Variable Scoping
JavaScript has distinct scoping rules for variables. In this video; Chris Keenan discusses the differences between local and global variables as well as the implications of using each variable.
-
View the DOM with Chrome DevTools 1
After watching this video; you will be able to view the DOM.
-
View the DOM with Chrome DevTools 2
After watching this video; you will be able to use chrome development tools to view the DOM.
-
View Variables during Program Execution
After watching this video; you will be able to view variables during program execution.
-
What about the Event-driven Paradigm?
After watching this video; you will be able to describe the event-driven paradigm.
-
What about the Output of the Function?
After watching this video; you will be able to describe function output.
-
What Are "Regular Expressions?"
After watching this video; you will be able to describe regular expressions.
-
What are the Basic Approaches that Programs Can Use?
After watching this video; you will be able to describe basic program approaches.
-
What is a Function?
After watching this video; you will be able to describe functions.
-
What is an Event?
After watching this video; you will be able to describe events.
-
What is Conditional Execution?
After watching this video; you will be able to describe conditional execution.
-
What is the Document Object Model
After watching this video; you will be able to describe the DOM.
-
What is Throwing an Event?
After watching this video; you will be able to describe throwing an event.
-
Working with Boolean Data
After watching this video; you will be able to understand boolean data.
-
Working with HTML Attributes (Part 1)
After watching this video; you will be able to describe how to create; delete; and append HTML attributes.
-
Working with HTML Attributes (Part 2)
After watching this video; you will be able to describe how to delete an attribute.
-
Working with HTML Elements (Part 1)
After watching this video; you will be able to describe how to create an element and attach it to the DOM.
-
Working with HTML Elements (Part 2)
After watching this video; you will be able to use appendChild.
-
Working with HTML Elements (Part 3)
After watching this video; you will be able to describe how to delete elements.
-
Working with Numeric Data
After watching this video; you will be able to understand numeric data.
-
Working with the Location Object
JavaScript includes the location object for accessing information about a user’s browser location. In this video; Chris Keenan discusses how to retrieve a user’s location and redirect the user to another page.
-
Working with the Navigator Object
JavaScript includes the navigator object for finding out information about the user’s browser and redirecting the users to pages that are tailored to their browsers. In this video; Chris Keenan explains how to use the navigator object to retrieve and display browser properties.
-
Working with XML
In JavaScript being able to display XML data is a useful feature. In this video; Chris Keenan discusses how to how to use the JavaScript XMLHttpRequest object to retrieve and display XML data in a web page.
-
XPath First Nodes
The pairing of JavaScript in XML is a powerful combination. In this video; Chris Keenan discusses how to use the XPath result object to select the first matching node in an XML document.
-
XPath Iterators
In JavaScript; you can use XPath to return an iterator type of node in an XML document. In this video; Chris Keenan discusses how to use the XPath result object to return an iterator type of node.
-
XPath Returning Result Types
In JavaScript; you can use the XPath result object to select a variety of return types. In this video; Chris Keenan discusses how to use the XPath result object to select simple types in an XML document.
-
XPath Returning Single Node Results
In JavaScript; you can use the XPath result object to specify a variety of return types in an XML document. In this video; Chris Keenan discusses how to use the XPath result object to select a single node in an XML document.
-
XPath Snapshots
In JavaScript; you can use the the XPath result object to return complex data types. In this video; Chris Keenan discusses how to use the XPath result object to return a snapshot.
-
XPath within HTML
In JavaScript; you can use XPath to select specific nodes in an HTML document. In this video; Chris Keenan discusses how to use JavaScript along with XPath to select specific nodes in an HTML document.
-
XPath XML Document Queries
In JavaScript; you can query an XML document by using an XPath expression. In this video; Chris Keenan discusses how to use JavaScript along with XPath to select specific nodes in an XML document.
-
XSLT in IE
Unlike other browsers; the Internet Explorer does not support the XSLT process or object. In this video; Chris Keenan demonstrates how to use JavaScript and an XSLT stylesheet to transform an XML document in Internet Explorer.
-
Determining the Optimal Animation Frame Rate
In JavaScript; you can determine the optimal frame rate for the Canvas. In this video; Jamie Campbell demonstrates how to determine the optimal frame rate for Canvas animation using JavaScript.
-
Equality and the Triple Equal Sign in
JavaScript is used to add powerful features and interaction to websites. In this video; Jamie Campbell demonstrates equality and the triple equal sign in JavaScript.
-
Demonstration of Attaching an Event Handler to an Event
After watching this video; you will be able to describe how to attach and event handler to an event.
-
Demonstration of Using Switch Statements
After watching this video; you will be able to describe switch statements.
-
Detecting Screen Features
JavaScript includes the screen object that helps you detect information about a user’s screen and deliver content in an appropriate format. In this video; Chris Keenan explains how to detect screen features.
-
DevTools (Part 1)
After watching this video; you will be able to use advanced breakpoints.
-
DevTools (Part 2)
After watching this video; you will be able to use development tools.
-
Dialog Boxes
In JavaScript; you can use built-in dialog boxes to either display information or gather inputs from the user. In this video; Chris Keenan discusses how to use the Alert; Prompt; and Confirm dialog boxes in JavaScript codes.
-
Dynamic Data Types and the typeof Operator
After watching this video; you will be able to describe dynamic data types.
-
Dynamically Adding Styles
JavaScript allows you to dynamically insert styles to a web page. In this video; Chris Keenan discusses how to add and manipulate CSS styles by using JavaScript code.
-
Elapsed Time
In JavaScript; you can create codes to check how much time has elapsed between dates. In this video; Chris Keenan demonstrates how to calculate elapsed time.
-
Encoding and Decoding URIs
JavaScript allows you to encode URI components. In this video; Chris Keenan discusses how to encode and decode URIs to a readable format by using JavaScript.
-
Error Handling: The Throw Statement
In JavaScript; you can use the throw statement to generate custom errors. In this video; Chris Keenan discusses how to use JavaScript to create custom errors using the throw statement.
-
Error Handling: Try and Catch
In JavaScript; you can use error-handling to recover from errors. In this video; Chris Keenan examines how to use try-catch statements to implement error handling in a JavaScript code.
-
Formatting Strings
String formatting and manipulation is a very useful feature of JavaScript. In this video Chris Keenan will show you how to perform basic formatting as well as how to render HTML using JavaScript.
-
Function Declarations vs. Expressions
After watching this video; you will be able to describe function declarations vs. expressions.
-
Function Parameters
After watching this video; you will be able to describe function parameters.
-
Functions vs. "Object Methods"
After watching this video; you will be able to describe functions vs. object methods.
-
Generate an Alert Dialog Box
After watching this video; you will be able to generate an alert dialogue box.
-
Getting Date and Time
The Date object in JavaScript makes recovering information easy. In this video Chris Keenan discusses the different ways to create dates and the variety of information you can set and retrieve using Date objects.
-
Handling Errors with “Try/Catch Blocks”
After watching this video; you will be able to use try/catch blocks.
-
How to Reference DOM Elements
After watching this video; you will be able to describe how to reference DOM elements.
-
HTML/CSS/ Roles
After watching this video; you will be able to understand the roles of HTML; CSS; and JavaScript.
-
If Statements and Comparison Operators (Part 1)
After watching this video; you will be able to describe comparison operators and if statements.
-
If Statements and Comparison Operators (Part 2)
After watching this video; you will be able to use the else statement.
-
Create an Array
After watching this video; you will be able to describe array creation.
-
IndexOf (Part 1)
After watching this video; you will be able to use array IndexOf.
-
IndexOf (Part 2)
After watching this video; you will be able to use IndexOf to locate multiple string instances.
-
IndexOf for Second Occurrence
After watching this video; you will be able to describe array IndexOf Second Occurrence.
-
Length
After watching this video; you will be able to describe array length.
-
Pop Method
After watching this video; you will be able to describe the array pop method.
-
Push Method
After watching this video; you will be able to describe the array push method.
-
Read an Element
After watching this video; you will be able to describe array elements.
-
Shift Method
After watching this video; you will be able to describe the array shift method.
-
Sort Arrays Char
After watching this video; you will be able to sort arrays by character.
-
Sort Arrays Num
After watching this video; you will be able to sort arrays by number.
-
Splice to Add
After watching this video; you will be able to describe array splice to add.
-
Splice to Remove
After watching this video; you will be able to describe array splice to remove.
-
Unshift
After watching this video; you will be able to describe array unshift.
-
Declaration vs. Expression 1
After watching this video; you will be able to use function declarations and expressions.
-
Declaration vs. Expression 2
After watching this video; you will be able to describe function expressions.
-
Fit the Canvas to a Browser Window
In JavaScript; you can resize the canvas according to the window size. In this video; Jamie Campbell demonstrates how to auto-fit the HTML5 Canvas to a browser window by using JavaScript.
-
up and Dim the Background
In JavaScript; you can use a div pop-up and dim everything else from the page until the pop-up is closed. These pop-ups are more effective than the standard browser elements; such as alerts. In this video; Jamie Campbell demonstrates how to create a div pop-up and dim the browser background.
-
up Link
In JavaScript; you can use pop-ups for many purposes; such as creating tooltips; providing additional information; and revealing answers to a quiz. In this video; Jamie Campbell demonstrates how to create hyperlink pop-ups.
-
ups
In JavaScript; you can use pop-ups for many purposes; such as creating tooltips; providing additional information; and revealing answers to a quiz. In this video; Jamie Campbell demonstrates how to create button pop-ups.
-
up an Image on Mouse Hover
In JavaScript; you can make pop-up images appear when the mouse is hovered over a page element. This feature provides dynamic level interactivity for a user. In this video; Jamie Campbell demonstrates how to create hyperlink pop-ups on mouse hover.
-
Down Menu Selection
In JavaScript; you can use drop-down menus collect data from the user. In this video; Jamie Campbell demonstrates how to process drop-down menu selections by using JavaScript.
-
mail Address
In Javascript; you can validate the e-mail addresses. In this video; Jamie Campbell demonstrates how to validate an e-mail address by using JavaScript.
-
menu; alias; all-scroll; and cell Mouse Cursors
JavaScript provides several methods to change the cursor to provide visual cues to the user. In this video; Jamie Campbell explains how to change the mouse cursor by using context-menu; alias; all-scroll; and cell properties.
-
drop; and not-allowed Mouse Cursors
"In JavaScript; you can provide visual cues to the user by changing the cursor in many ways. In this video; Jamie Campbell demonstrates how to change the cursor by using the ""inherit""; ""pointer""; ""no-drop""; and ""not-allowed"" properties."
-
text; none; row-resize; and col-resize Mouse Cursors
JavaScript provides several methods to change the cursor to provide visual cues to the user. In this video; Jamie Campbell explains how to change the mouse cursor by using vertical-text; none; row-resize; and col-resize mouse cursors.
-
Add a Form View to an Application
In Backbone.js; a view that contains a form can be added to an application like any other view. In this video; Rob Huddleston demonstrates how to add a form view and use it to enter data through a browser which is set to a model.
-
Add Default Values to a Model
In Backbone.js; it's sometimes useful for a model to contain default properties. In this video; Rob Huddleston demonstrates how to set up default values in for a basic model.
-
Add Images to a Handlebars Template
When building a JavaScript Backbone.js application; the Handlebars templating engine allows you to easily add images to your display. In this video; Rob Huddleston demonstrates how to add an attribute to the model; update the HTML code in the template; and modify the scripts.js file to display an image in the browser.
-
Adding and Deleting Records with the Database
JavaScript Backbone.js provides developers with the ability to add and delete database records via a Background application. In this video; Rob Huddleston demonstrates how to use a view to render the data while all operations are carried out by the node server configuration.
-
Adding Simple Properties to a Model
Backbone.js allows you to create arbitrary properties within a model; which act as placeholders for the individual data points. In this video; Rob Huddleston demonstrates how to add arbitrary properties and display them in the browser's JavaScript console.
-
Backbone Performance – Limiting HTTP Requests
Backbone.js allows you to reduce HTTP requests to your server by letting you embed your code into your main HTML document. In this video; Rob Huddleston demonstrates how HTTP requests slow applications; and how to use the script tag to embed JSON data requested by the LibraryView into your index file.
-
Basic Views
In JavaScript Backbone.js; views contain the programming logic behind the presentation layer and not the actual HTML mark-up that your user will see. In this video; Rob Huddleston uses the scripts.js file to introduce the basic concepts of creating views.
-
Bind a Model to a View
In JavaScript Backbone.js; you can bind a model to a view. In this video; Rob Huddleston uses the render function of the view to display data from the model in a browser window.
-
Create a Script File
Within Backbone.js; ideally all custom JavaScript code should exist in a separate file. In this video; Rob Huddleston demonstrates how to create a script file and link it to the broilerplate HTML file.
-
Create a Server.js File and Start the Node Server
To run a Node in JavaScript Backbone.js; you need a JavaScript file with the basic settings you require for the server. In this video; Rob Huddleston demonstrates how to add the appropriate handlers for the routes Backbone.js needs.
-
Create Links for a List View
In JavaScript Backbone.js; you can use Handlebars to administer the functionality of views. Handlebars can also contain any number of htmls. In this video; Rob Huddlestone demonstrates how to convert a list of items from a collection into a set of hyperlinks.
-
Creating a Handlebars Template File
Backbone.js allows you to precompile your Handlebars' templates code by removing it from your Backbone Views and saving it in a new handlebars file. In this video; Rob Huddleston demonstrates how to create a Handlebars template file by cutting Handlebars code from a Views file; pasting it into a handlebars file; and removing all JavaScript string-concatenation code.
-
Creating a Model
Rather than hard coding the data structure in a store; JavaScript Sencha provides the ability to define the structure in a model and then reference that model in any number of stores. In this video; Rob Huddleston demonstrates how to create a model for use with a store.
-
Binding the DOM versus jQuery
JavaScript Backbone.js can listen to events bound to DOM elements or bound with jQuery. In this video; Rob Huddleston demonstrates how to bind DOM elements using the event property or by using jQuery; in both cases using "this" as a keyword.
-
Binding Using API Events
In JavaScript Backbone.js; API events allow you to add additional callbacks to events as required. In this video; Rob Huddleston demonstrates the arguments you need to pass to the API event depending on the type of event being called.
-
Combining Underscore Utilities
In JavaScript Backbone.js collections; the Underscore.js chain() function lets you perform multiple operations in a sequence on an array by combining Underscore.js utilities. In this video; Rob Huddleston demonstrates how to sort the values of a collection; map an incrementing number to them; and use jQuery to iterate over the resulting array by combining Underscore.js utilities with a chain() function.
-
Configuring Node.js to Connect to MongoDB
JavaScript Backbone.js provides developers with MongoDB to create data-driven applications in Backbone. In this video; Rob Huddleston demonstrates how to modify the node.js server configuration to connect to MongoDB.
-
Controlling the HTML Element; Class and ID
In JavaScript Backbone.js; your view can be set to any other element besides the default HTML div element. In this video; Rob Huddleston uses the tagName property to set an HTML ul tag in a view.
-
Create a Broilerplate
Once you create a Broilerplate HTML file which specifies the dependencies required by Backbone; it can be used with little or no modification throughout the building of an application. In this video; Rob Huddleston demonstrates how to create a Broilerplate in an HTML editor.
-
Create a Collection for the List View
JavaScript Backbone.js allows you to add collections web applications use to render lists from a server. In this video; Rob Huddlestone demonstrates how to create a collection that can hold lists and retrieve data from a server.
-
Create a Form View to Collect Data From a User
In JavaScript Backbone.js; you can extract information input by a user and insert it into a model. In this video; Rob Huddleston demonstrates how to create a new blank JavaScript document to extend Backbone.View and a Handlebar template to contain the html form elements; and then configures it to accept user input information.
-
Create a Handlebars Template
You can automatically escape HTML characters that might create problems in your JavaScript Backbone.js when you use a Handlebars template. In this video; Rob Huddleston uses the Handlebars.compile function to create a Handlebars template.
-
Create a List View
JavaScript Sencha provides the List component; which is a subclass of DataView; that allows you to present an indexed-style list of items from a data source. In this video; Rob Huddleston demonstrates how to render a basic list by extending the List class; creating an alias; and providing content that includes loading text; empty text; and list item specifications.
-
Create a Router for a List
In JavaScript Backbone.js; you can display List Views in response to a route. This route needs to initialize the models and collections needed for the view. In this video; Rob Huddlestone demonstrates how to initialize models and collections needed for this view; as well as how to call the render function of the view.
-
Creating a Simple Route
Backbone.Router is one of the most useful objects in JavaScript Backbone.js; providing methods for routing client-side pages within your applications when using hash navigation. In this video; Rob Huddleston demonstrates how to create a simple Backbone route and highlights how its basic navigation works.
-
Define a Marionette Application
JavaScript Backbone.js allows you to use add-ons; such as the Marionette composite application library; to define application objects. In this video; Rob Huddleston demonstrates how to use Marionette to define an Essential Application Object.
-
Deleting Models From the Server
In Backbone.js; you can easily remove items from a model based on a server. In this video; David Dye demonstrates how to remove items by adding the Backbone.delete method to the application.
-
Download Backbone.js
To install JavaScript Backbone.js; the Production Version (1.1.0) file needs to be installed onto your computer. In this video; Rob Huddleston demonstrates the steps needed to download the Backbone.js file from the Backbonejs.org website and save it to your selected folder.
-
Download Handlebars
Several libraries allow you to create HTML templates that are compatible with JavaScript Backbone.js. In this video; Rob Huddleston uses the handlebarsjs.com website to download the Handlebars template library.
-
Download jQuery
Backbone.js needs a jQuery-compatible library to work properly. In this video; Rob Huddleston demonstrates how to download the latest version of jQuery onto your computer.
-
Download the Handlebars Runtime
Backbone.js allows you to use the Handlebars templating engine to precompile templates and speed View rendering. In this video; Rob Huddleston demonstrates how to download and save the Handlebars runtime to the appropriate folder; reference the runtime in your index file; and use a command-line tool to download and install Handlebars components that allow you to compile Handlebars templates.
-
Download Underscore.js
Similar to Backbone; Underscore is a JavaScript Library; and is required by Backbone.js for it to work properly. In this Video; Rob Huddleston demonstrates how to download Underscore.js for use on your system.
-
Get a List of the Values of an Attribute in a Collection
Underscore.js pluck() is a useful function when working with JavaScript Backbone.js collections that is used to return an array containing the values extracted from the source collection. In this video; Rob Huddleston demonstrates how to get an array of elements from a collection using pluck() before using the jQuery each() function to list them separately.
-
Install Node.js
Backbone.js uses Node.js; a lightweight JavaScript web server; to allow client-server functionality for your Backbone applications. In this video; Rob Huddleston demonstrates how to locate; download; and install Node.js on your computer.
-
Installing Marionette
JavaScript Backbone.js allows you to use add-ons; such as the Marionette composite application library; to build-large scale applications easily. In this video; Rob Huddleston demonstrates how to install the Marionette application library.
-
Iterate Over a Collection
JavaScript Backbone.js; through its dependency on the Underscore.js JavaScript library; allows the utilization of built-in utilities that let you iterate over a collection of models and display a specific list of data. In this video; Rob Huddleston demonstrates how to loop over a collection of models using the forEach utility and return specific data from within each model.
-
Keyboard Events
Backbone.js allows you to create and manage large; complex JavaScript applications through its range of includable features. In this video; Rob Huddleston uses Backbone to include recognition for a keypress event in a Backbone.js application.
-
Load Data From the Server
JavaScript Backbone.js can retrieve data from a server and load it into a model which can then be rendered from a view. In this video; Rob Huddlestone demonstrates the process of retrieving data from a server using the fetch method and rendering and instance of the model to a view.
-
Marionette Composite Views
In Backbone.js; Marionette composite views; a feature of the Marionette extension to Backbone; allow you to render all the models in a given collection; using your chosen template. In this video; Rob Huddleston uses Marionette to create multiple instances of an itemView across a collection in a Backbone.js application.
-
Marionette Layouts
In Backbone.js; Marionette layouts; a feature of the Marionette extension to Backbone; allow you to render templates and extend the way in which the framework renders views. In this video; Rob Huddleston uses Marionette to create a layout and manage a template in a Backbone.js application.
-
Marionette Regions
In Backbone.js; Marionette regions; a feature of the Marionette extension to Backbone; provide an improved way of managing the content that go into specific elements in the application. In this video; Rob Huddleston uses Marionette to create regions in a Backbone.js application.
-
More Specific Events
In addition to changing the model; JavaScript Backbone.js allows you to change individual properties of the model. In this video; Rob Huddleston uses the initialize function to add an event when the title changes.
-
Navigating to a Route with HTML
Backbone.js allows you to manage your page navigation by creating HTML hyperlinks. In this video; Rob Huddleston demonstrates how to construct an index page hyperlink specifying the hash route within the HTML anchor tag's href attribute; before navigating to the defined destination in the browser.
-
Passing Values in the URL
Backbone.js lets you use a router to pass additional values to create complex URLs that allow you to parse individual pages. In this video; Rob Huddleston demonstrates how to use Backbone.js colon syntax to pass identifiers as arguments to the hash function which; when the Backbone.js route is triggered by a hyperlink in the browser; displays as a complex URL.
-
Populate a Collection with Data From a Database
JavaScript Backbone.js provides developers with the ability to populate collections with data from a database. In this video; Rob Huddleston demonstrates how to pull data from a database on the server and put it into a collection.
-
Precompiling Handlebars Templates
Backbone.js allows you to speed up Views rendering by allowing you to compile your Handlebars' templates into JavaScript files in the Handlebars command-line tool. In this video; Rob Huddleston demonstrates how to navigate to the file you want to compile; use the -f command to compile it as a JavaScript file; and save it in your templates folder.
-
Provide Error Callbacks
JavaScript Backbone.js provides developers with the ability to include error callbacks to handle application failure during communication with the server. In this video; Rob Huddleston demonstrates how to add an error callback to the save method in case of a failure.
-
Run the Node npm Module
Backbone.js requires you to run a Node.js module; NPM (Node Packed Modules); to finalize the installation of; download dependencies for; and prepare your Node.js server. In this video; Rob Huddleston demonstrates; using a Windows command prompt or the Mac Terminal; how to install the dependencies required by the Node.js server; and complete its installation.
-
Saving Models to the Server
In Backbone.js; you can save data that has been collected from users for later retrieval. In this video; David Dye demonstrates how Backbone can be used to save this data to a server based on an event function.
-
Separating Code
The design practice for JavaScript Backbone.js is to keep your models; views; and controllers in separate files; thereby making it easy to code and maintain. In this video; Rob Huddleston uses an editor to separate code for models and views into their respective files.
-
SetupNode for RESTful Applications
JavaScript Backbone.js provides developers with the ability to use REST to communicate seamlessly with the server. In this video; Rob Huddleston demonstrates how to use REST to create an application that allows users to create; read; update; and delete records from the server.
-
Sorting a Collection
In JavaScript Backbone.js; the Underscore.js sortBy() method allows you to perform a sort on a collection of models based upon a specific criteria. In this video; Rob Huddleston demonstrates how to create a variable implementing the sortBy() method; before iterating over a collection and returning an alphabetized array.
-
Transform Collection Items with a Map
In JavaScript Backbone.js; the Underscore.js map function allows you to iterate over a collection and transform its items by mapping each value through a transformation function. In this video; Rob Huddleston demonstrates how to create a new instance of a collection with each element in the output array preceded by an incrementing value.
-
Understanding Simple Events
Backbone.js has event based architecture and you can easily extend the Backbone.js event class to handle user interaction. In this video; David Dye demonstrates the fundamental rules regarding Backbone events.
-
Use a Getter to Access Properties
The JavaScript Backbone.js library allows users to access individual properties of an instance of a model. In this video; Rob Huddleston demonstrates how to use a Getter to access model properties.
-
Use a Setter to Add or Change a Property's Value
The JavaScript Backbone.js library allows users to access the properties of a model and change any existing values. In this video; Rob Huddleston demonstrates how to use Setters to add or change a model's property values.
-
Use Events
The JavaScript Backbone.js library allows users to bind listeners to models. In this video; Rob Huddleston demonstrates how to use events to ensure application responses when dealing with data model changes.
-
Use jQuery to Add a View to a Page
In JavaScript Backbone.js; you can display a view in a browser once a model is bound to this view. In this video; Rob Huddleston uses the views render method to add the view to the DOM and get it to display in the browser.
-
Use LocalStorage
Backbone LocalStorage library allows your Backbone.js applications to store data directly on your computer. In this video; Rob Huddleston uses the Backbone LocalStorage library to add this storage capability to a Backbone.js application.
-
Using a Precompiled Handlebars Template
Backbone.js allows you to use a precompiled Handlebars template file by referencing its JavaScript version in the main HTML file. In this video; Rob Huddleston demonstrates how to reference the template file in the HTML index file; remove the template property from the View; and reference it as a property of Handlebars.templates called directly by the render function.
-
Using Events in Views
In JavaScript Backbone.js; events can be added as a response to user interaction. In this video; Rob Huddleston demonstrates how to add a message that displays whenever the user clicks on the screen.
-
Using Events on Collections
In JavaScript Backbone.js; you can bind events to collections. In this video; Rob Huddleston demonstrates how to alter collections by adding; changing; or removing the model bound to the collection by initializing an event and then writing a function to handle it.
-
Using Events on Models
In JavaScript Backbone.js; a model can contain events; such as a change event; that respond whenever the models data is changed. In this video; Rob Huddleston demonstrates how to add a change event to a model.
-
Using listenTo
JavaScript Backbone.js provides developers with a method of preventing the memory leaks that can occur when the JavaScript garbage collector fails to remove an event listener. In this video; Rob Huddleston demonstrates how to use the listenTo method to add events and have the object listen for events on other objects.
-
Using Marionette Modules
In Backbone.js; Marionette modules; a feature of the Marionette extension to Backbone; provide a method of encapsulating and protecting application variables; within a module. In this video; Rob Huddleston uses Marionette to place application variables within a module in a Backbone.js application.
-
Using Marionette to Render a View
JavaScript Backbone.js allows you to use add-ons; such as the Marionette composite application library; to render views. In this video; Rob Huddleston demonstrates how to use Marionette to reduce the code needed to create and render views to a single line.
-
Using pushState in Backbone
JavaScript Backbone.js provides developers with the ability to eliminate the pound (or hash) sign in a URL. In this video; Rob Huddleston demonstrates how to use the pushState feature to call routes in a browser without the hash sign being included.
-
Using the Once Method
JavaScript Backbone.js provides developers with the tools to ensure that an event occurs only once. In this video; Rob Huddleston demonstrates how to use the once method; which unbinds an event from the object after a single call.
-
Accessing Data with the For Tag
In JavaScript JsRender; you can simplify your code by using the for tag. In this video; Jean Boulet demonstrates how to use the for tag to access an investor's address and portfolio data.
-
Accessing Pertinent Data
In JavaScript JsRender; when creating a helper function; you can use it to access JSON data. In this video; Jean Boulet demonstrates how to access pertinent data within a JSON object.
-
Allowing JavaScript Code in a Template
JavaScript JsRender allows you to add code to a template using the allowCode approach. In this video; Jean Boulet demonstrates the benefits and disadvantages of inserting pure JavaScript coding into a template using allowCode.
-
Assigning Variables
Variables can be used within different contexts in JavaScript JsRender. In this video; Jean Boulet demonstrates how to declare a variable that has access to JSON data that gets passed into JsRender.
-
Comparison Tests
JavaScript JsRender allows you to perform comparison tests through the use of tags; JavaScript; and Helper functions. In this video; Jean Boulet demonstrates how to filter template data with comparisons.
-
Compiling Multiple Templates
In JavaScript JsRender; compiled templates provide for faster templates. In this video; Jean Boulet demonstrates how to use compiled templates based on checkboxes; and switch between the compiled templates.
-
Compiling Templates
In JavaScript JsRender; you can use compiled templates to save time. In this video; Jean Boulet demonstrates how to use compiled templates and uses the render method of a compiled template to get data.
-
Compiling Templates from a String
In JavaScript JsRender; templates can be created in many different ways; but String offers the most flexibility. In this video; Jean Boulet demonstrates how to compile templates using String instead of Script Tag.
-
Converters and Encoding
In JavaScript JsRender; converters give you the power to manipulate data; the most common converter being HTML. In this video; Jean Boulet demonstrates how use an Encode Converter to convert the code's format.
-
Custom Converters
In cases where the provided converters are not sufficient; JavaScript JsRender gives you the option of creating your own converters which you can associate with complex JavaScript code. In this video; Jean Boulet demonstrates the advantages of using custom converters to clean up complex code; remove logic; and make code more manageable.
-
Custom Converters with Attributes
JavaScript JsRender allows you to supply converters with attributes to make them flexible in different scenarios. In this video; Jean Boulet demonstrates how to create a new attribute and add it to your work area to give you more flexibility.
-
Custom Tags with Attributes
In JavaScript JsRender; custom tags can be implemented with more flexibility when you add attributes to them. In this video; Jean Boulet demonstrates how to create custom tags with attributes to change the color of a value depending on whether it is true or false.
-
Data Binding
JavaScript JsRender allows you to specify declarative data binding. In this video; Jean Boulet demonstrates how to bind a specific field with JSON data so that data binding is automatic and is displayed dynamically when the focus shifts.
-
Data Binding and Deleting a Record
JavaScript JsRender allows you to use JsViews to delete data from a database table. In this video; Jean Boulet demonstrates how to create a delete statement; submit it to the database; and return the deleted associative array count as a JSON object.
-
Data Binding and Inserting the Database
JavaScript JsRender allows you to use JsViews to insert data into a repository. In this video; Jean Boulet demonstrates how to create an observable array that triggers a network call when an insert statement is run.
-
Data Binding and Updating the Database
In JavaScript JsRender; you can update the data repository using JsViews. In this video; Jean Boulet demonstrates how to update the repository by making an AJAX call; using data binding; and JsViews.
-
Data Repository
JavaScript JsRender allows you to build a data repository using WAMP functionality. In this video; Jean Boulet demonstrates how to create a two-table MySQL database that is dynamically updated using JsViews.
-
Default Values
In JavaScript JsRender; it's possible to use a variable within a template when working with JSON data. In this video; Jean Boulet demonstrates how to use JsRender to assign values to a variable.
-
Exploring the Environment
You need an IDE; web server; and web browser to set up your JavaScript JsRender environment. In this video; Jean Boulet demonstrates how to use WampServer to create an environment for your project.
-
Global Helper Functions
In JavaScript JsRender; functions can be specific to a certain template or reusable in the case of a global function. In this video; Jean Boulet demonstrates how to create a global helper function in by converting a local function to a global function.
-
Helper Functions
In JavaScript JsRender; you can create a Helper function to use with templates. In this video; Jean Boulet demonstrates a Helper function and how to do multiple functions that exist within the context of a specific template.
-
Helper Functions with Utility Objects
JavaScript JsRender allows you to create helper and utility objects to do unit testing on sections of Java code. In this video; Jean Boulet demonstrates how to create pages that you can modify without updating the code.
-
If Else Tag
In JavaScript JsRender; the if and else tags allow the developer to make decisions on the presentation layer. In this video; Jean Boulet demonstrates how to use the if tag to display an image if a client has a certain amount of money.
-
If Else Tag and Click Event with jQuery
In JavaScript JsRender; you can use the onclick event to make changes to the DOM. In this video; Jean Boulet demonstrates how to use jQuery syntax to associate the click event to highlight the female clients only.
-
If Else Tag and Click Event without JQuery
In JavaScript JsRender; with very little jQuery you can use the if tag and the click event to manipulate the DOM. In this video; Jean Boulet; demonstrates how to use standard JavaScript to associate the onclick event with a checkbox.
-
Iterating Through Fields
In JavaScript JsRender; you can work with JSON data which can contain many attributes and fields. In this video; Jean Boulet demonstrates how to iterate through data fields with JsRender.
-
JSON Data and HTML Design
In JavaScript JsRender; you can use JSON data to create dynamic web pages. In this video; Jean Boulet demonstrates how to use JSON data to populate a web page.
-
Looping Through Multiple Objects
Using JsRender; it's possible to iterate through multiple arrays at the same time. In this video; Jean Boulet demonstrates how to simultaneously loop through multiple arrays using a template and a converter.
-
Named Templates
In JavaScript JsRender; named templates are a way of accessing the templates via a defined name. In this video; Jean Boulet demonstrates how to access named templates anywhere within the page without polluting the global namespace.
-
Passing in Additional Helpers to Render
In JavaScript JsRender; a template can pass in additional helpers during a render call. In this video; Jean Boulet demonstrates how to pass in additional helper functions with to change the naming format of certain data.
-
Paths and Accessing Data
In JavaScript JsRender; you have more than one way to access data. In this video; Jean Boulet demonstrates how to use the dot notation syntax to access the investor's address information.
-
People Resource
JavaScript JsRender allows you to use JsViews to insert and delete server-side database data. In this video; Jean Boulet demonstrates how to compile an INSERT INTO statement for submission to a database table from which data is then deleted.
-
Reusing External Templates
In JavaScript JsRender; you can reuse external templates. In this video; Jean Boulet demonstrates how to create a menu template that will be displayed on every page; using jQuery; AJAX; JsRender; and standard JavaScript.
-
Separators
By using templates; you can add separators to split a string or a sentence with JavaScript JsRender. In this video; Jean Boulet demonstrates how to use separators to delimit JSON data.
-
Setting Up JsRender; jQuery; and the DataRepository
In JavaScript JsRender; you can create a custom JavaScript class to load rows of JSON data to a web page. In this video; Jean Boulet demonstrates how to use the investorDAO variable to access the JSON data that will be loaded to a web page.
-
The For Tag and Arrays
In JavaScript JsRender; you can also use the for tag to iterate through data. In this video; Jean Boulet demonstrates how to use the for tag to iterate through all client investments.
-
The For Tag and Data Access
In JavaScript JsRender; it's possible to display certain data and then separate out the data output using a comma and an ‘and’ in a for tag. In this video; Jean Boulet demonstrates setting up a for tag in JsRender.
-
Toggling Templates
JavaScript JsRender allows you to show different templates within a page. In this video; Jean Boulet demonstrates how to toggle between templates in JsRender.
-
Working with External Templates and Utility Objects
In JavaScript JsRender; you can create external templates and utility objects that can be used globally. In this video; Jean Boulet demonstrates how to create a utility object; which can be inserted into any page using AJAX; jQuery; and JsRender.
-
Working with External Templates without jQuery
JavaScript JsRender allows you to work with external templates without the use of jQuery. In this video; Jean Boulet demonstrates how to use functions and an object literal to pass JSON data to JsViews in order to render the data based on an external template.
-
Working with jQuery in AJAX
JavaScript JsRender allows you to use jQuery to simplify and reduce the number of steps in a standard JavaScript data retrieval. In this video; Jean Boulet demonstrates how to use jQuery to retrieve JSON data and how to use an AJAX call to import a template for rendering the data in an HTML table.
-
Custom Tags
In JsRender; complex JavaScript can be associated from code to a custom tag. In this video; Jean Boulet demonstrates how to create your own tags to make your presentation layer simpler.
-
If Else Tag with Templates and #index
In JavaScript JsRender; you can use the if tag to make choices in order to select templates based on JSON data. In this video; Jean Boulet demonstrates how to use the mainTemplate template to call either the account for women or the account for men.
-
Adding Extra Levels in Binding Context Hierarchy
In JavaScript Knockout; you can add extra levels in the binding context hierarchy. In this video; Rafiq Wayani demonstrates how to use custom bindings to add extra levels in the binding hierarchy allowing their descendants to access data at outer levels.
-
Asynchronous Module Definition Dependency List
In JavaScript Knockout; you can use asynchronous module definitions to handle modular JavaScript code and simplify dependency management. In this video; Rafiq Wayani demonstrates how to construct the asynchronous module's dependency list.
-
Asynchronous Module Definition with Acquire JS
In JavaScript Knockout; modular applications make the process of maintaining apps quite difficult. In this video; Rafiq Wayani demonstrates how to maintain apps asynchronously in code by using Acquire JS.
-
attr Binding – View
In JavaScript Knockout; it's very easy to bind attributes. In this video; Rafiq Wayani demonstrates how to use the attr command to bind attributes.
-
attr Binding – View Model
To implement the View associated with your Attribute Binding; you can use JavaScript Knockout to create a View Model. In this video; Rafiq Wayani demonstrates how to create a View Model for the attr Binding.
-
Binding context
In JavaScript Knockout; the binding context offers a concise way to link hierarchical data to your UI. In this video; Rafiq Wayani demonstrates how to use the data-bind syntax and binding context properties to reference different levels of nested view model data.
-
Bindings DOM Element Focus Defined
JavaScript Knockout allows developers to perform normal and custom bindings to any Document Object Model (DOM) elements. In this video; Rafiq Wayani demonstrates how to create custom text and foreach bindings to catch DOM events and View Model changes; and how to automatically update the View.
-
Bindings DOM Element Focus Demo
JavaScript Knockout allows developers to change focus from one DOM element to another; or add additional focuses. In this video; Rafiq Wayani demonstrates how to use a jQuery script reference to implement fadeIn/fadeOut functionality in a Knockout View Model.
-
Bindings DOM Element Focus Implement
JavaScript Knockout allows developers to implement a DOM element focus once the View and View Model have been constructed. In this video; Rafiq Wayani demonstrates how to create a function to calculate the number of points added to a survey by the end user.
-
Bindings DOM Element Focus View
JavaScript Knockout allows developers to focus on a particular Document Object Model (DOM) element. In this video; Rafiq Wayani demonstrates how to use data bindings; a binding handler; variables; and an If statement to fade an element in or out; depending on its current state.
-
Bindings DOM Element Focus View Model
JavaScript Knockout allows developers to construct a View Model once the DOM element focus and the View behind it have been determined. In this video; Rafiq Wayani demonstrates how to write a View Model using the SurveyViewModel function.
-
Bindings that Support Virtual Elements
In JavaScript Knockout; both control flow bindings and custom bindings can be used to support virtual elements. In this video; Rafiq Wayani demonstrates how to create bindings that support virtual elements.
-
Check Boxes Bound to an Array
JavaScript Knockout allows you to work simultaneously with check boxes and arrays through binding. In this video; Rafiq Wayani demonstrates how to use Knockout to effectively bind a check box to an array.
-
checked Binding
JavaScript Knockout allows you to easily add data elements and functions to an existing array. In this video; Rafiq Wayani demonstrates how to use Knockout to add check-bounded elements to an array and display it.
-
click Binding – View
JavaScript Knockout allows you to bind click events using the click binding view. In this video; Rafiq Wayani demonstrates how to use Knockout to bind a click event to get a particular custom task accomplished.
-
Controlling Descendant Bindings
JavaScript Knockout provides a great deal of flexibility in the binding context hierarchy by allowing you to control whether or not descendant bindings are applied. In this video; Rafiq Wayani demonstrates how to create a custom binding that allows descendant bindings to be applied if the value is true by entering a flag from the binding's init function.
-
Copy and Observe Properties
In JavaScript Knockout; the copy array and observe array can be used to manipulate default arrays by forcing the mapping plugin to copy and make certain properties observable. In this video; Rafiq Wayani demonstrates how to issue a copy while maintaining two arrays; before adding an observable to a copied element inside Knockout.
-
Creating Custom Bindings
JavaScript Knockout allows you to create custom bindings. These bindings offer a flexible solution when interacting with DOM elements without the limitations of the built-in bindings. In this video; Rafiq Wayani demonstrates how to register a custom binding as a subproperty of ko.bindingHandlers and provide both an init and update callback.
-
Creating View Models with Observables View
JavaScript Knockout's ko.observable syntax allows the monitoring of elements subject to dynamic change in a form. In this video; Rafiq Wayani demonstrates how to add input values and a text variable to a JavaScript Knockout view; and configure the view model to compute the values to return a dynamic variable.
-
Creating View Models with Observables View Model
In JavaScript Knockout; observables make it possible for you to successfully construct a detailed View Model. In this video; Rafiq Wayani demonstrates how to view and change Observable's variables to the View Model.
-
CSS Binding – View
In JavaScript Knockout; you can apply Cascading Style Sheets (CSS) binding inside a view. In this video; Rafiq Wayani demonstrates how to apply CSS binding inside a view in Knockout to display positive values in black and negative values in red.
-
CSS Binding – View Model
To implement CSS Binding in JavaScript Knockout; you need to create a View Model for it. In this video; Rafiq Wayani demonstrates how to bind the View and the View Model together to implement this behaviour.
-
Custom Disposal Logic
In JavaScript Knockout; you can add clean-up logic to ensure that elements removed from your custom bindings are disposed of properly. In this video; Rafiq Wayani demonstrates how to build a custom disposal process.
-
Customizing Object Construction Using Create
In JavaScript Knockout; the create callback allows you to handle part of the mapping yourself; providing the flexibility to customize object construction dynamically. In this video; Rafiq Wayani demonstrates how to use the create callback with the options argument; and how to augment an original JavaScript object with additional computed observables.
-
Customizing Object Updating Using Update
In JavaScript Knockout; the update callback allows you to customize how an object is updated. In this video; Rafiq Wayani demonstrates how to use the update callback and the options argument to add text to the incoming data before updating and displaying an alert in a view model.
-
data bind Syntax
In JavaScript Knockout; all actions are performed with the use of data-bind syntax which allows you to reduce traffic; increase performance; and maintain a smooth connection for users. In this video; Rafiq Wayani demonstrates the properties associated with data-bind.
-
disable Binding
You can easily use JavaScript Knockout to disable Binding. In this video; Rafiq Wayani demonstrates how to disable certain controls from being acted on.
-
enable Binding – View
You can use JavaScript Knockout to enable certain elements based on other parameters being true. In this video; Rafiq Wayani demonstrates how to work with the enable Binding in a View.
-
enable Binding – View Model
You can use JavaScript Knockout to apply the enable binding to elements; such as text boxes; to allow certain features to be activated based on a user's selection. In this video; Rafiq Wayani demonstrates how to use the enable binding inside a view model.
-
event Binding – View
In JavaScript Knockout; it's a simple matter to bind your key press or mouse event. In this video; Rafiq Wayani demonstrates how to use the data-bind command to bind an event to a mouseover.
-
event Binding – View Model
In JavaScript Knockout; you can use event binding to implement a click or mouse event. In this video; Rafiq Wayani demonstrates how to use the viewModel command to enable and disable a mouseover event.
-
Extending Knockout's Binding Syntax – Preprocess DOM Nodes
JavaScript Knockout allows you to extend the Knockout binding syntax. In this video; Rafiq Wayani demonstrates how to work with DOM nodes by customizing the preprocess syntax in Knockout.
-
Extending Knockout's Binding Syntax – Preprocessor Reference
JavaScript Knockout allows you to extend Knockout's binding syntax. In this video; Rafiq Wayani demonstrates how to reference an extended binding system in code so that it can be added; initialized; and manipulated.
-
Extending Knockout's Binding Syntax – Using Preprocessing
JavaScript Knockout allows you to extend Knockout's binding syntax. In this video; Rafiq Wayani demonstrates how to use a preprocessor function to manipulate the Knockout Base Initializing System used to create libraries of reusable bindings or extended syntax.
-
Extending Knockout's Binding Syntax – Virtual Template Elements
JavaScript Knockout allows you to extend Knockout's binding syntax. In this video; Rafiq Wayani demonstrates how to manipulate the preprocessor for virtual elements; such as templates; and fade-in/fade-out; or show-hide elements.
-
Extending Observables
In JavaScript Knockout; you can use extenders to add additional functionality to an observable. In this video; Rafiq Wayani demonstrates how to create and use an extender to augment the function of a logChange observable.
-
Foreach Binding View
In JavaScript Knockout; you can construct a view model and use the foreach binding to iterate through an observable array to ensure that when items are added or deleted the binding will make the corresponding change. In this video; Rafiq Wayani demonstrates how to use the foreach binding to make changes to a seat reservation and meal selection system.
-
Foreach Binding View Model
In JavaScript Knockout; you can construct a view model to implement the foreach binding. In this video; Rafiq Wayani demonstrates how to construct a view model to implement a foreach binding which will make dynamic changes to a seat reservation web page.
-
hasFocus Binding – View
You can use JavaScript Knockout to change the focus on certain elements in the View Model. In this video; Rafiq Wayani demonstrates how to use the hasFocus command to link a DOM element's focus date with a View Model property.
-
hasFocus Binding – View Model
You can use JavaScript Knockout to show a message when a user interface (UI) object has focus and have the message disappear when the object does not have focus. In this video; Rafiq Wayani demonstrates how to display a message when a UI object hasFocus.
-
HTML Binding
JavaScript Knockout allows the binding of HTML elements; such as buttons; so you can easily update editable data in an observable array. In this video; Rafiq Wayani demonstrates the coding of an HTML button which he data binds to a click event handler; allowing for the input and manipulation of DOM data.
-
if Binding
In JavaScript Knockout; it's very easy to construct a view and determine whether or not to display a value. In this video; Rafiq Wayani demonstrates how to use if binding to control the display of a sentence in a browser.
-
ifnot Binding
In JavaScript Knockout; it's very easy to display the false value of something. In this video; Rafiq Wayani demonstrates how to use ifnot binding to control the display of a message.
-
Ignoring and Including Properties
You can use JavaScript Knockout to either ignore or include certain objects constructed inside of Knockout. In this video; Rafiq Wayani demonstrates how to use the Ignore array and the Include array to either ignore or include certain properties.
-
Implementing Custom Bindings
In JavaScript Knockout; custom binding is a powerful and flexible feature that allows you to control how observables interact with DOM elements in a reusable way. In this video; Rafiq Wayani demonstrates how to implement a custom binding that animates an element's transition according to the value of an observable.
-
KO Mapping Plugin – Defined
In JavaScript Knockout; the ko.mapping plugin helps to reduce redundant code by allowing you to easily map a regular JavaScript object into a view model. In this video; Rafiq Wayani demonstrates how to create a manual mapping without the ko.mapping plugin; and describes the benefits of using Knockout to perform mapping within client-side code.
-
KO Mapping Plugin – View Model
If your data structures become complex; JavaScript Knockout's ko.mapping plugin helps reduce redundant code by automatically converting object properties into observables; allowing you to create a mapping from a regular JavaScript object to an observable view model. In this video; Rafiq Wayani demonstrates how to create a view model via the mapping plugin with the ko.mapping.fromJS function.
-
Loading and Saving JSON Data Defined
JavaScript Knockout allows developers to load and save JSON data. In this video; Rafiq Wayani demonstrates how to create a task list that users can use to add and delete tasks using buttons. The list also displays the number of incomplete tasks.
-
Loading and Saving JSON Data Implement
JavaScript Knockout allows the loading or saving of data in JSON format for local-storage serialization or exchange with the server. In this video; Rafiq Wayani uses a view and view model to demonstrate how to load and save JSON data inside a simple form.
-
Loading and Saving JSON Data View
JavaScript Knockout allows the loading or saving of data in JSON format for local-storage serialization or exchange with the server. In this video; Rafiq Wayani demonstrates how to add two functions to a task list inside a view being constructed to load and save JSON data.
-
Loading and Saving JSON Data View Model
JavaScript Knockout allows the loading or saving of data in JSON format for local-storage serialization or exchange with the server. In this video; Rafiq Wayani demonstrates how to add functions to a task list inside of a view model being constructed to load and save JSON data.
-
Mapping from Multiple Sources
JavaScript Knockout allows you to map from multiple sources; including JSON sources. In this video; Rafiq Wayani demonstrates how to combine multiple JavaScript objects in one View Model by applying Knockout mapping from JS calls; and how to view the mapped observable array.
-
Multi–Parameter Click Binding
JavaScript Knockout allows you to bind click events according to a range of parameters. In this video; Rafiq Wayani demonstrates how to use Knockout to bind a multi-parameter click event.
-
Reference All HTML Controls – View
In JavaScript Knockout; you need to be able to reference your HTML controls when you construct a view in HTML. In this video; Rafiq Wayani demonstrates how to use HTML controls to construct a view.
-
Reference All HTML Controls – View Model
In JavaScript Knockout; it's easy to create interactive components where you enter a password or select items from a drop-down list and radio buttons. In this video; Rafiq Wayani demonstrates how to use HTML controls to construct interactive components in a view model.
-
Single-Page Application Defined
JavaScript Knockout allows developers to create single-page applications. In this video; Rafiq Wayani demonstrates how to start a script for a new webmail application by building an unordered list of mail folders bound with a foreach and using a function to construct a Webmail View Model.
-
Single-Page Application View
JavaScript Knockout allows developers to create a View in a single-page application. In this video; Rafiq Wayani demonstrates how to construct a View from which a user can choose one of several mail folders; using a grid and the messages class.
-
Single-Page Application View Model
JavaScript Knockout's ko.observable syntax allows the construction of single-page application view models. In this video; Rafiq Wayani demonstrates how to construct and code a view model and view for a single-page application.
-
Style Binding – View
In JavaScript Knockout; you can use style binding inside a view model to update the style whenever the observable value changes. In this video; Rafiq Wayani demonstrates how to bind a country name with its co-ordinates so that its latitude and longitude are displayed when the code is run.
-
Style Binding – View Model
In JavaScript Knockout; you can apply style binding inside a view model. In this video; Rafiq Wayani demonstrates how to apply style and CSS bindings inside a view model in Knockout.
-
submit Binding Button – View
You can use JavaScript Knockout to develop forms that contain built-in event handlers so that specified JavaScript functions are executed when the handler is submitted to easily change the behaviour of forms. In this video; Rafiq Wayani demonstrates how to bind a Submit button.
-
submit Binding Button – View Model
You can use JavaScript Knockout to develop forms that contain built-in event handlers so that specified JavaScript functions are executed when the handler is submitted allowing you to change the behaviour of the form. In this video; Rafiq Wayani uses a view model to demonstrate how to bind different events to a Submit button.
-
Supplying Additional Values to Descendant Bindings
In JavaScript Knockout; you can use custom bindings to attach additional values to descendant bindings. In this video; Rafiq Wayani demonstrates how to pass values to descendant bindings.
-
Supporting Virtual Elements
In addition to regular DOM elements; JavaScript Knockout allows you to create custom bindings that support virtual elements. In this video; Rafiq Wayani demonstrates the set of virtual element APIs in Knockout that allow you to work with virtual elements when implementing control flow bindings.
-
template Binding – View
JavaScript Knockout allows you to bind templates so you can design objects and add or remove objects from within your code repeatedly in a consistent manner. In this video; Rafiq Wayani demonstrates how to create and implement a name template.
-
template Binding – View Model
JavaScript Knockout allows you to call a series of Name Templates and then return all of the details contained within each one. In this video; Rafiq Wayani demonstrates how to use a View Model to return detailed information about the people added to a Name Template.
-
Text Binding – View
In JavaScript Knockout; you can apply text binding inside a view model. In this video; Rafiq Wayani demonstrates how to apply text binding to a text object inside a view model.
-
Text Binding – View Model
In JavaScript Knockout; you can apply text binding inside a view model. In this video; Rafiq Wayani demonstrates how case sensitivity changes the way binding effects text objects inside a view model.
-
The Options Binding
JavaScript Knockout's options binding controls the options displayed in a drop-down list or select element. In this video; Rafiq Wayani demonstrates how to code a select element to display a drop-down list containing data from a specified observable array.
-
The selectedOptions Binding View
JavaScript Knockout's selectedOptions binding; used with a select element and options binding; determines elements shown as selected in multi-select lists. In this video; Rafiq Wayani demonstrates how to construct a view; then scripts and formats a function to compute prices from an array; before viewing the HTML user interface (UI) in the browser.
-
The selectedOptions Binding View Model
JavaScript Knockout's selectedOptions binding; used with a select element and options binding; determines elements shown as selected in multi-select lists. In this video; Rafiq Wayani reviews a script; debugs it; and computes prices from associated arrays; before viewing the HTML UI in the browser.
-
uniqueName Binding
JavaScript Knockout automatically creates the name attribute inside a particular tag which allows you to create multiple instances of an element in a template without naming each element individually. In this video; Rafiq Wayani demonstrates the uniqueName binding in Knockout to show how Knockout automatically caters for names.
-
Unobtrusive Event Handling
JavaScript Knockout provides two helper functions that can be used in event handlers that are attached unobtrusively; allowing you to maintain clean and concise markup. In this video; Rafiq Wayani uses the ko.dataFor() helper function in an event handler that is attached unobtrusively to a link with a remove class using a jQuery click.
-
Unobtrusive Event Handling Implementation
In Javascript Knockout; you can construct a view and an implementation for components that prevent them from being interfered with. In this video; Rafiq Wayani demonstrates how to implement the unobtrusive event handler.
-
Unobtrusive Event Handling View Model
In JavaScript Knockout; unobtrusive event handlers help to reduce the complexity of data-bind attributes in a view model no matter how nested the links become. In this video; Rafiq Wayani uses a view model example to highlight the implementation of multiple parent and child links with a single handler attached unobtrusively for each link type.
-
Using Computed Observables – Defined
Computed observables in JavaScript Knockout allow you to add flexibility to your applications by combining the values of two or more observables and have the new value automatically update. In this video; Rafiq Wayani demonstrates how to add computed observables using Knockout's computed method to calculate observable values in a view model and bind them to a view's UI elements.
-
Using Computed Observables – Demo
When using JavaScript Knockout to declare model properties as observables and create views using declarative binding; it is important to understand the various elements; their syntax; and how to manipulate them. In this video; Rafiq Wayani demonstrates how to monitor the view and view model code for issues related to naming; specifying default values; and providing the intended binding handlers.
-
Using Computed Observables – Implement
By implementing computed observables; JavaScript Knockout allows you to update the UI by tracking dependencies automatically. In this video; Rafiq Wayani demonstrates how to create a view model class implementing computed observables and apply bindings to HTML markup so that it reflects and edits the state of the view model.
-
Using Computed Observables – Reconstruct
When using computed observables with JavaScript Knockout; altering the elements in an observable can result in a reconstruction of the view model and an incorrect rendering of the application's view. In this video; Rafiq Wayani demonstrates how manipulating a computed observable's syntax can result in undesired values being passed to the UI from the containing view model.
-
Using Computed Observables – View
JavaScript Knockout computed observables allow you to create properties that are dynamically generated and kept up-to-date in a view whenever the underlying data changes. In this video; Rafiq Wayani demonstrates how to construct a computed observable and implement the correct data-bind syntax when linking data to UI elements in an application view.
-
Using Computed Observables – View Model
JavaScript Knockout allows you to declare computed observables as functions inside view models for displaying dynamic data in the UI. In this video; Rafiq Wayani demonstrates how the computed values bound to HTML elements are declared as computed observables and observable arrays within a view model; and exposed in the browser as two-way binding.
-
Using fn to Add Custom Functions
JavaScript Knockout allows you to define custom functions by attaching new functionality to Knockout's core value types using fn. In this video; Rafiq Wayani demonstrates how to create a filtered view of an observable array by defining a filterByProperty function that will become available on all subsequently-created ko.observableArray instances.
-
Using fn to Add Custom Functions Implementation – View
In JavaScript Knockout; once the view for the fn function has been created; you need to implement it. In this video; Rafiq Wayani demonstrates how to design and implement a custom function for an unordered list.
-
Using fn to Add Custom Functions Implementation – View Model
In JavaScript Knockout; the ability to use the custom fn function opens up numerous features and options. In this video; Rafiq Wayani takes you through a number of these features; such as adding a filter property.
-
Visible Text HTML Binding – View Implement
JavaScript Knockout allows the display of computed values by allowing a view to work with a view model's ko.applyBindings command. In this video; Rafiq Wayani demonstrates how to add a third text value to his view; before using a ko.computed function in the view model to concatenate the first two values and return a third.
-
Visible Text HTML Binding – View Model
JavaScript Knockout view models provide a code representation of data on a UI that allows you to extend the visible HTML by text values to the DOM elements. In this video; Rafiq Wayani demonstrates how to avoid syntax and mapping issues when binding view model parameter text values with HTML elements referencing Knockout's ko.applyBindings() attribute.
-
with Binding
In JavaScript Knockout; you can bind descendent elements to the context of a specific object. In this video; Rafiq Wayani demonstrates how to use with binding to display the height of a person in feet and inches.
-
with Binding with View Model
In JavaScript Knockout; you can utilize a view model for the with binding. In this video; Rafiq Wayani demonstrates how to use with binding to display the height of a person.
-
Working with Collections – Defined
You can use JavaScript Knockout to track a collection of objects and dependents. In this video; Rafiq Wayani demonstrates how to work with arrays and nested arrays in Knockout.
-
Working with Collections – View
JavaScript Knockout's ko.observable syntax allows the rendering of collections in views. In this video; Rafiq Wayani demonstrates how a foreach loop iterates through a view model's nested collections and renders added content items in the application view.
-
Working with Collections – View Model
JavaScript Knockout's ko.observable syntax allows the rendering of view model collections. In this video; Rafiq Wayani demonstrates how to structure; code; and bind a view model before performing actions on its collection from the browser view.
-
Working with JSON Strings
JavaScript Knockout includes mapping options that can be used when working with JSON strings to provide added control over how the mapping is performed. In this video; Rafiq Wayani demonstrates how to uniquely identify objects using keys to determine whether an object should be replaced or updated.
-
Working with Observable Arrays
In JavaScript Knockout; you can change the variables in a list by using the observable syntax to ensure that when the item value changes; so does the display. In this video; Rafiq Wayani demonstrates how to use the foreach element and data binding when working with observable arrays to update the display on a seat reservation web page.
-
Using Text Binding without a Container
In JavaScript Knockout; you can use containerless syntax to bind text without a container element. In this video; Rafiq Wayani demonstrates how to use text binding without a container.
-
Visible Text HTML Binding – View Demo
JavaScript Knockout allows you to add and bind new variables to existing Knockout libraries. In this video; Rafiq Wayani demonstrates how to add a button variable to a view; add a function and behavior to the view model; and illustrates the variable's binding by acting on it in the view.
-
value Binding
JavaScript Knockout allows you to bind elements based on the values that are put into it. This is useful if a user needs to input a username or password; for example; and you want the values to be bound as soon as the user inputs the data. In this video; Rafiq Wayani demonstrates how to do value binding in Knockout.
-
Visible Text HTML Binding – Defined
JavaScript Knockout binds view models to UI observables or views comprising HTML elements; keeping data in sync using dependency tracking. In this video; Rafiq Wayani demonstrates how to define a UI's appearance using Views and declarative bindings.
-
Visible Text HTML Binding – View
By referencing the Knockout library's ko.applyBindings() method and passing in a view model; JavaScript Knockout allows you to bind text values to HTML elements in the DOM. In this video; Rafiq Wayani demonstrates how to declare parameters in a view model and use text binding to display strong text values of the parameters within a paragraph element.
-
Add Validation to a Model
In JavaScript Sencha; a validation config ensures that any data passed to a model will be in the correct format and include any required data points. In this video; Rob Huddleston demonstrates how to add validation to a model and set its type and field.
-
Adding a View to a Controller
JavaScript Sencha provides developers with the ability to add a view to a Controller. In this video; Rob Huddleston demonstrates how to add a view referenced by name to a Controller’s views property; and render the view in the main viewport.
-
Build Your App Using Apache Cordova
In Microsoft PowerShell; Apache Cordova is an open source tool that allows you to package apps for distribution on Android and Apple App stores. In order to use Cordova; you need Node.js. In this video; Rob Huddleston demonstrates how to install Node.js.
-
Building a Grid in a View
JavaScript Sencha provides developers with the ability to build a grid in a view. In this video; Rob Huddleston demonstrates how to define a view to extend the list class which creates a grid; and also demonstrates passing appropriate data to the grid.
-
Building Your App with PhoneGAP Build
In JavaScript Sencha; you can upload source code and build an application that you can install on a device. In this video; Rob Huddleston uses PhoneGap Build to build an application for an Android device.
-
Configuring Classes
JavaScript Sencha provides developers with ExtJS; which has a config property that automatically generates getters and setters for classes. In this video; Rob Huddleston demonstrates how to create a simple class using the config property.
-
Configuring LocalStorage
HTML5 allows developers to configure local storage for browser-based applications using a Sencha Touch proxy. In this video; Rob Huddleston demonstrates how to enable browser-based applications to store data locally on the user’s hard drive by loading the LocalStorage class from the proxy package; and adding functionality to the Save button on an editor form.
-
Convert Hard-Coded Store Data to JSON
In JavaScript Sencha; you will usually want the data for your application to be dynamically loaded from a server rather than hard coded in the app. In this video; Rob Huddleston demonstrates how to convert sample hard-coded data into a separate JSON file that could be loaded by the app.
-
Create a Container
In JavaScript Sencha; you can create a container which can be used to hold the view components of the interface for an app. In this video; Rob Huddleston demonstrates how to create a basic container.
-
Create a Data Store
JavaScript Sencha Touch apps rely on data stores for their data. In this video; Rob Huddleston demonstrates how to set up and manage a data store within an existing model.
-
Create a Sencha Touch Form
The Sencha Touch framework includes configs to create forms that let you collect information from users. In this video; Rob Huddleston demonstrates how to use Sencha Touch's configs and xtypes to customize the view and various properties for a form.
-
Create a Sencha Touch Model
In Sensha Touch; a model is used to represent the data structure of an application. In this video; Rob Huddleston demonstrates how to create and name a model for an app.
-
Create an Android Emulator
In JavaScript Sencha; it's possible to set up an Android emulator within the Android Virtual Device Manager (AVD). In this video; Rob Huddleston demonstrates how to open AVD Manager to create and set up an Android emulator in order to test a custom app.
-
Create an App Home Page
In JavaScript Sencha; you can use the app.js files as a starting point when creating a custom app. In this video; Rob Huddleston demonstrates how to edit the app.js file to create a simple app structure for a Home page.
-
Creating a Class in Ext JS
In JavaScript Sencha; developing an application involves not only utilizing built-in classes; but also creating your own classes which can be achieved in Ext JS using the Ext.define() method. In this video; Rob Huddleston demonstrates the syntax of the Ext.define() method and its parameters; and how to create and instantiate a simple class in Ext JS.
-
Creating a config.xml file for PhoneGAP
You can use PhoneGAP to package apps created in JavaScript Sencha and prepare them for distribution on app stores. In this video; Rob Huddleston demonstrates how to create and edit the config.xml file of an application ready for use with PhoneGAP.
-
Creating a Store
JavaScript Sencha provides developers with the ability to create a store to contain JSON-encoded data or a reference to server-side data. In this video; Rob Huddleston demonstrates how to define a store by extending the Store class; defining fields; and providing an array of data points.
-
Creating Components
In JavaScript Sencha; you can make your code easier to read and edit by creating components. In this video; Rob Huddleston uses the Viewport container to specify that childPanel1 and childPanel2 are its items.
-
Defining a Controller
JavaScript Sencha provides developers with the ability to define and work with Controllers which an app’s models and views communicate. In this video; Rob Huddleston demonstrates how to create and define the Controller for a new application.
-
Defining a Simple Ext JS App
In JavaScript Sencha Cmd; after running the generate app command the app.js file is created in which you can define the basic parameters of your application. In this video; Rob Huddleston demonstrates hwo to replace the default contents of app.js with a call to the Ext.define() method; define global application settings; and create a bootstrap using the launch function.
-
Delaying Layout
In JavaScript Sencha; you can delay the layout process until all components are created in order to save processing and execution time. In this video; Rob Huddleston uses the suspendLayout property to delay the layout of two child panels.
-
Deleting Records from LocalStorage
JavaScript Sencha allows developers to delete user records from LocalStorage. In this video; Rob Huddleston demonstrates how to add an event handler to the deleteButton; then write a function in the Controller that calls the remove function from the Store.
-
Display Store Data in a View
In JavaScript Sencha; referencing a store in a view can be done using the store config with the EXT.getStore method. In this Video; Rob Huddleston demonstrates how to set up a store in a view by using a controller and adding specific config files to your application.
-
Download Sencha Cmd
JavaScript Sencha command provides a number of accessories that assist in developing your Sencha applications. In this video; Rob Huddleston demonstrates how to download the Sencha command tool.
-
Download Sencha Ext JS
Sencha Ext JS is available as either a commercial product; or as a free open source download. In this video; Rob Huddleston demonstrates how to download the free version of Sencha Ext JS.
-
Download Sencha Touch
JavaScript Sencha allows you to create an app using Sencha Touch. In this video; Rob Huddleston demonstrates how to download and install Sencha Touch along with Ruby in order to build your app.
-
Download the Android SDK
In Microsoft PowerShell; in order to build an app for Android devices; you'll need the Android SDK. In this video; Rob Huddleston demonstrates how to download the Android SDK from the Android Developer's site.
-
Editing Items
JavaScript Sencha provides developers with the ability to let users edit elements directly on a page. In this video; Rob Huddleston demonstrates how to use the edit class and add an editing view to the Controller to allow records to be added by the user.
-
Emulating the App with Cordova
In Microsoft PowerShell; Cordova includes an emulator that you can use to check your app and ensure it is working as you might expect on a real device. In this video; Rob Huddleston demonstrates how to emulate an app with Cordova.
-
Enable Cordova Support and Configure the App
In Microsoft PowerShell; the Sencha command tool can enable support for Cordova within your app. In this video; Rob Huddleston demonstrates how to enable Cordova support and configure an app.
-
Explore the Generated App
In JavaScript Sencha; when generating an app using the Sencha command utility there are a number of files and directories that are automatically created. In this video; Rob Huddleston demonstrates the file structure; explores what was created; and shows you what can and should be edited.
-
Generate a Sencha Touch App
In JavaScript Sencha; you can use the Sencha Touch command utility to create the initial parts of an app that uses touch functionality. In this video; Rob Huddleston demonstrates how to launch Sencha Touch to generate and name a new app.
-
Generate an Application
When creating an application in JavaScript Sencha; Sencha Cmd provides a simple command allowing you to easily generate an application skeleton so you can get started quickly and efficiently. In this video; Rob Huddleston demonstrates how to run Sencha Cmd's generate app command and edit the initial code so a new application can be created.
-
Layouts
In JavaScript Sencha; you can manage the size and position of components within containers. In this video; Rob Huddleston uses the layout property to position two child panels side-by-side in a browser.
-
Listening to Events in a Controller
JavaScript Sencha provides developers with the ability to listen to events using a Controller. In this video; Rob Huddleston demonstrates how to use a Controller’s control function to add an appropriate handler to a specific event.
-
Listening to Specific Items in the Viewport
JavaScript Sencha provides developers with the ability to listen to specific items in the viewport. In this video; Rob Huddleston demonstrates how to find a specific element on a page and respond to a user action on that element.
-
Load and Test Your App on the Android Emulator
You can test an app built in JavaScript Sencha by loading it onto an Android emulator. In this video; Rob Huddleston demonstrates how to run the Android emulator in order to install and test the functionality of an app created in Sencha.
-
Navigating the App
In Microsoft PowerShell; you can use Event Handlers to control navigation. In this video; Rob Huddleston demonstrates how to configure an app's Home button to return the user to the main screen.
-
Organizing Files
JavaScript Sencha provides developers with the Model View Controller architecture which ensures that each new application contains the same file structure. In this video; Rob Huddleston demonstrates how the uses of the folders; subfolders; and files that are automatically generated when an application is created.
-
Add a Component to a Container
Adding a component into a container is a relatively simple task in JavaScript Sencha providing versatility to your application by utilizing the ability of containers to contain and manage components. In this video; Rob Huddleston demonstrates how to add a component to a container by adding a reference in the view config; and defining the view in the container.
-
Add a Container to an App
In JavaScript Sencha; you can use code to create and add components to an app. In this video; Rob Huddleston demonstrates how to create and add a subscriber list container to an app by using code.
-
Add a Touch Controller
JavaScript Sencha provides controllers that can both listen for events in your app; and respond accordingly. In this video; Rob Huddleston uses Sencha Touch to add an EventListener controller to an app.
-
Refactor Components for Better Encapsulation
In JavaScript Sencha; using the initialize function and alias property of the view components allow for better encapsulation within the app. In this video; Rob Huddleston demonstrates how to use a component's initialize function and alias property in an app's view code.
-
Rendering a View on an Event
JavaScript Sencha allows developers to render a view with an event in another view. In this video; Rob Huddleston demonstrates how to render a view with an event in another view by adding a reference to the view that will be rendered to the Controller. You then create an instance of the model and render the view.
-
Save Data with a Model
In JavaScript Sencha; user-supplied data can be saved from a view by referencing the appropriate model and store in an event handler. In this video; Rob Huddleston demonstrates how to save data as a model using a button with a save action and the updateUser handler.
-
Save Data with LocalStorage
JavaScript Sencha allows developers to write a function to collect the data supplied by the user and save it to the device’s hard disk. In this video; Rob Huddleston demonstrates how to write a save function for the Controller to transfer data from an editable form to the LocalStorage.
-
Start the Web Server
When deploying a JavaScript Sencha application; Sencha Cmd provides a lightweight web server that serves files from localhost and is easily started with a simple command. In this video; Rob Huddleston demonstrates how to use Command Prompt to start the Sencha Cmd web server; before accessing the web server in a web browser to verify that it is working.
-
Testing the App
In JavaScript Sencha; once you've generated your application and defined its basic parameters; testing your application in the browser during development is an important part of the process. In this video; Rob Huddleston demonstrates how to restart the Sencha Cmd web server and access an application in the browser.
-
Use a Store in a View
In JavaScript Sencha; the data in a store can be displayed in a view by including a reference to the store in the controller; as well as in a view that will use the store's data. In this video; Rob Huddleston demonstrates how to use a store in a view.
-
Use Ajax to Update Data on the Server
In JavaScript Sencha; you can save the data updated by users to a server. In this video; Rob Huddleston uses Ajax to send a POST request to the server to update and save the modified data to a file.
-
Use an Alias to Create a Component
In Javascript Sencha; you can easily create additional instances of an app component by referencing its alias. In this video; Rob Huddleston demonstrates how to create an app component using an alias in Javascript Sencha.
-
Use ConfiGAP to Create a config.xml File
In JavaScript Sencha; you can easily generate a config.xml file for your application. In this video; Rob Huddleston uses the ConfiGAP application to create a config.xml file.
-
Use JSON Data in a Store
JavaScript Sencha apps can make requests back to the server to download and consume data. This data needs to be encoded as JSON. In this video; Rob Huddleston demonstrates how these connections work using sample data.
-
Use Statics
JavaScript Sencha provides developers with static members that can be called directly from a class; rather than an instance of the class. In this video; Rob Huddleston demonstrates how to use the statics keyword to create instances of a class that can be called directly.
-
Use the Apply Method to Run Custom Logic
JavaScript Sencha provides developers with the ability to use the apply method to perform custom logic on a property before it is set. In this video; Rob Huddleston demonstrates how to run custom logic using the apply method that the config property automatically generates.
-
Work with Containers
In JavaScript Sencha; there is a simple way to create and manipulate containers. In this video; Rob Huddleston uses the app.js launch function to create a main panel with two child panels to help manage containers.
-
Writing Your Own app.js File
JavaScript Sencha provides developers with control over the naming of app objects by allowing them to code an app.js file rather than having Sencha generate the app. In this video; Rob Huddleston demonstrates how to create an app.js file to define a new application.
-
Adding a Collection of Routes Using the map() Function
In JavaScript SPA; you can add module routes to the shell's router that provides access to the application views from the shell. In this video; Wesley Miller demonstrates how to use the map() function on a Durandal shell router instance to map a collection of routes in Visual Studio 2013.
-
Adding a New View in a Durandal SPA
In JavaScript SPA; the DurandalJS framework uses KnockoutJS for data binding to views; jQuery for DOM manipulation; and RequireJS for dynamic module loading. In this video; Wesley Miller demonstrates how to add a new view to a DurandalJS SPA project in Visual Studio 2013.
-
Adding a New View in a Hot Towel MVC SPA Project
In JavaScript SPA; the Hot Towel MVC SPA template uses Knockout; Durandal; and RequireJS to help you structure your code; view navigation; data binding and management; and neat styling. In this video; Wesley Miller demonstrates how to add a new view in a Hot Towel MVC SPA project in Visual Studio 2013.
-
Adding a New Viewmodel in a Durandal SPA
In JavaScript SPA; the DurandalJS framework uses KnockoutJS for data binding to views; jQuery for DOM manipulation; and RequireJS for dynamic module loading. In this video; Wesley Miller demonstrates how to add a new viewmodel to a Durandal SPA project in Visual Studio 2013.
-
Adding a Splash Page in a Durandal SPA
In JavaScript SPA; you can use the CSS styling files in the Durandal Starter Kit to create custom Splash page. In this video; Wesley Miller demonstrates how to add a custom splash page in a Durandal SPA in Visual Studio 2013.
-
Adding a View Transition in Durandal
JavaScript SPA allows users to add custom transition views in Durandal. In this video; Wesley Miller explains how to add a new transition for initial view.
-
Adding an MVC 5 Partial View Using C#
In JavaScript SPA; you can use HTML helpers to render partial views of any view page or layout page within the application. In this video; Wesley Miller demonstrates how to add and load MVC 5 partial views by using visual C#.
-
Adding an MVC 5 Partial View Using VB
In JavaScript SPA; you can add MVC 5 Partial Page views using the HTML Helper function. In this video; Wesley Miller demonstrates how to add and load MVC 5 Partial Page views using Visual Basics in Visual Studio 2013.
-
Adding an MVC 5 View Using C#
In JavaScript SPA; you can use the controller actions to display views and pass UI interactions from a view to its corresponding view model. In this video; Wesley Miller demonstrates how to add a MVC 5 view by using C# in Visual Studio 2013.
-
Adding an MVC 5 View Using VB
In JavaScript SPA; controller actions can be used to display views and pass UI interactions from a view to its corresponding view model. In this video; Wesley Miller demonstrates how to add an MVC 5 view using Visual Basic in Visual Studio 2013.
-
Adding and Using the jQuery and Modernizr Libraries
In JavaScript SPA; you can use Modernizr libraries to implement specific browser functionalities. In this video; Wesley Miller demonstrates how to install and use the jQuery and Modernizr libraries.
-
Adding and Using the Twitter.Bootstrap Library
In JavaScript SPA; you can use the Twitter-Bootstrap Library that provides access to a collection of JavaScript CSS and HTML files to customize styling. In this video; Wesley Miller explains how to use the Twitter-Bootstrap Library in Visual Studio 2013.
-
Adding Application Data: Client-Side Setup and App Execution
In JavaScript SPA; you can add data to the database by using client-side setup. In this video; Wesley Miller demonstrates how to add application data in a client-side setup and execute the app.
-
Adding Application Data: Server-Side Setup
In JavaScript SPA; you can add application data and post changes made to the data; from client-side to server-side. In this video; Wesley Miller demonstrates how to add data to a JavaScript SPA by accessing the data context of the connected database and using an [HttpPost] request in Visual Studio 2013.
-
Adding Null Objects into Lookup Lists: Client-Side Setup and App Execution
In JavaScript SPA; you can add null objects into lookup lists in the client-side setup. In this video; Wesley Miller demonstrates how to add null objects into lookup lists with client-side setup.
-
Adding Null Objects into Lookup Lists: Server-Side Setup
In JavaScript SPA; you can create null objects and use them to prepopulate combo boxes input fields. In this video; Wesley Miller demonstrates how to add a null object.
-
Adding Routes for Customized Navigation Menus
In JavaScript SPA; you can organize your navigation bar content. In this video; Wesley Miller demonstrates how to add routes for customized navigation menus.
-
Adding the ASP.NET Razor Package
In JavaScript SPA; you can add the ASP.NET Razor NuGet Package to give access to runtime assemblies for ASP.NET Web pages package. In this video; Wesley Miller demonstrates how to install and use the ASP.NET Razor NuGet packages in Visual Studio 2013.
-
Adding the ASP.NET Web API Package
In JavaScript; you can create an area to draw different shapes and images by using HTML5 Canvas. In this video; Jamie Campbell demonstrates how to draw a circle on the canvas by using JavaScript.
-
Adding the ASP.NET Web Optimization Package
In JavaScript SPA; you can add the ASP.NET Web Optimization package to to bundle and minify our project’s JavaScript in CSS files. In this video; Wesley Miller demonstrates how to install and use the ASP.NET Web Optimization package.
-
Adding the EntityFrameWork Package
In JavaScript SPA; you can add the EntityFramework NuGet package to a JavaScript project for handling database configuration and connection. In this video; Wesley Miller demonstrates how to install the EntityFramework NuGet package by adding it to an empty web application project in Microsoft Visual Studio 2013.
-
Adding the EntityFramework.SqlServerCompact Package
In JavaScript SPA; you can add the EntityFramework.SqlServerCompact NuGet package to allow the use of SqlServerCompact 4.0 with the EntityFramework package. In this video; Wesley Miller demonstrates how to install the EntityFramework.SqlServerCompact NuGet package by adding it to an empty web application project in Visual Studio 2013.
-
Administering Projection Query Data to Views
In JavaScript SPA; you can use data projections that utilize the client view bindings to correctly reference the data to display the contents on screen. In this video; Wesley Miller demonstrates how to access and display data from a projected query in an application view in Visual Studio 2013.
-
Applying Custom Validation Rules on the Client
In JavaScript SPA; you can validate the input by user using custom validation rules to match it with pre-defined constraints before allowing form submission. In this video; Wesley Miller demonstrates how you can apply custom validation rules on the client in the JavaScript Spa in Visual Studio 2013.
-
Applying Data Annotations on the Server
In JavaScript SPA; you can use Breeze to look at metadata generated by server-side data annotations and use that metadata to automatically enforce validation rules on the client. In this video; Wesley Miller demonstrates how to add data annotations such as required fields and max length model properties on the server in Visual Studio 2013.
-
Binding View Navigation to a Progress Bar
In JavaScript SPA; you can add or bind a Durandal view navigation event to a bootstrap style progress bar in Visual Studio 2013. In this video; Wesley Miller demonstrates how to bind a view navigation event to a progress bar.
-
Bootstrapping with RequireJS in a Durandal SPA
In JavaScript SPA; the DurandalJS framework uses KnockoutJS for data binding to views; jQuery for DOM manipulation; and RequireJS for dynamic module loading. Each view has a corresponding view model; which together make an independently loadable module. In this video; Wesley Miller demonstrates how to bootstrap the application with RequireJS for Durandal in Visual Studio 2013.
-
Bundling SPA Scripts
The practice of bundling SPA scripts and style sheets serves to optimize the application load-up time by reducing the size and number of requests to be made of the server during load up. In this video; Wesley Miller demonstrates how to use the ASP.NET Web Optimization framework to bundle SPA scripts and style sheets in Visual Studio 2013.
-
Caching Data on the Client with Breeze
In JavaScript SPA; when you use the Breeze data services to retrieve data from the server; the Breeze EntityManager uses metadata to create entities from the retrieved data and store them in the local EntityManager cache. In this video; Wesley Miller demonstrates how to cache data on the client with Breeze.
-
Cancelling On-Screen Changes
In JavaScript SPA; you can change input element values in application view and then reset them as well. In this video; Wesley Miller demonstrates how to cancel and reset changes made to input element values in application view.
-
Composing a Partial View
In JavaScript SPA; you can compose a partial view. In this video; Wesley Miller demonstrates how to use a Durandal composition to compose a partial view.
-
Composing a View with Its Own View Model
In JavaScript SPA; you can use a Durandal composition to compose a view that has its own viewmodel. In this video; Wesley Miller demonstrates how to use a Durandal composition to compose a view that has its own viewmodel; which uses its own data in the containing view.
-
Configuring RequireJS in a Durandal SPA
In JavaScript SPA; the DurandalJS framework uses KnockoutJS for data binding to views; jQuery for DOM manipulation; and RequireJS for dynamic module loading. In this video; Wesley Miller demonstrates how to configure RequireJS for a Durandal SPA project in Visual Studio 2013.
-
Configuring Routes Using the makeRelative() Function
In JavaScript SPA; you can use the makeRelative() function to reduce each module path to the name of the module. In this video; Wesley Miller demonstrates how to use the makeRelative() function to shorten our application module paths in Visual Studio 2013.
-
Configuring SPA Controller Routes Using C#
In JavaScript SPA; you need to map incoming browser requests to specific actions on a controller. In this ASP.NET routing; a route table gets created whenever the application starts. In this video; Wesley Miller demonstrates how to configure controller routes for JavaScript SPA using C# in Visual Studio 2013.
-
Configuring SPA Controller Routes Using VB
In JavaScript SPA; you need to map incoming browser requests to specific actions on a controller. In this ASP.NET routing; a route table gets created whenever the application starts. In this video; Wesley Miller demonstrates how to configure controller routes for JavaScript SPA using VB in Visual Studio 2013.
-
Deleting Application Data: Server-Side Setup
The ability to add and delete application data is an essential part of any web application. In this video; Wesley Miller demonstrates how to delete application data in JavaScript SPA.
-
Displaying a Drop-Down List in a View
In JavaScript SPA; you can use drop-down lists with data from your query results. In this video; Wesley Miller demonstrates how to use drop-down lists with the data from the database tables.
-
Handling Successful Model Data Retrieval in Durandal
When using a data service to retrieve and share data among application views; You can use service to detect and report if queries made by the data service were successful or not by using callbacks on the query execution. In this video; Wesley Miller demonstrates how to handle a successful query execution for model data retrieval in a Durandal SPA in Visual Studio 2013.
-
Handling Unknown Routes in Durandal
In JavaScript SPA; you can use the shell router in the event an invalid route is requested while the application is still running. In this video; Wesley Miller demonstrates how to implement a custom function for handling unknown or invalid routes in Visual Studio 2013.
-
Initializing Application Data with Breeze
In JavaScript SPA; you can prime a Durandal SPA with model data with breeze. In this video; Wiesley Miller demonstrates how to initialize application data with breeze.
-
Installing Breeze for a
In JavaScript SPA; you can add the Breeze Web API Package to your project to utilize the rich data management capabilities it provides. In this video; Wesley Miller explains how to install and use the Breeze Web API 2.0; the Breeze JSClient; and the Breeze Server packages to a Durandal SPA project in Visual Studio 2013.
-
Limiting Server Data Fetch Frequency
In JavaScript SPA; you can improve your application's performance by limiting the number of Ajax calls that an SPA client makes to the server. In this video; Wesley Miller demonstrates how to limit data fetch frequency in a Durandal SPA in Visual Studio 2013.
-
Mapping Model Data to ViewModel Observables in Durandal
In JavaScript SPA; you can use a Durandal Composition to compose a partial view and use it to automatically access data from its containing view's context.In this video; Wesley Miller demonstrates how to use a Durandal Composition to automatically access data in a Durandal SPA in Visual Studio 2013.
-
Mapping Partial Data Entities: Client-Side Setup and App Execution
In JavaScript SPA; you can map partial entities with the client-side setup. In this video; Wesley Miller demonstrates how to set up the client side of an application that supports the use of a partial entity mapper utility to help identify and map partial Breeze.
-
Mapping Partial Data Entities: Server-Side Setup
In JavaScript SPA; you can use partial entity mapper function to help identify and map partial breeze entities on the client side. In this video; Wesley Miller demonstrates how to use a partial entity mapper function in a JavaScript SPA in Visual Studio 2013.
-
Navigating Object Graphs with Breeze
In JavaScript SPA; you can navigate object graphs by using the breeze query link. In this video; Wiesley Miller demonstrates how to navigate objects with breeze.
-
Notifying the User of Input Validation Errors
In JavaScript SPA; you can use Breeze to display input validation errors as toast notifications to the user. In this video; Wesley Miller demonstrates how to display input validation errors as a toast notification in Visual Studio 2013.
-
Parsing Validation Error Messages on the Client
In JavaScript SPA; you can use Breeze to parse validation error messages. In this video; Wesley Miller demonstrates how to parse validation error messages on the client.
-
Prompting for Save Before Navigating Away from a View
In JavaScript SPA; you can prompt the user to cancel any changes made before navigating away from an application view. In this video; Wesley Miller demonstrates how to prompt the user to cancel any changes made before navigating away from an application view.
-
Querying the Local Cache with Breeze: Client-Side Setup and App Execution
In JavaScript SPA; you can query the local cache with service-side setup. In this video; Wesley Miller demonstrates how to set up the service side of an application to query the local cache.
-
Querying the Local Cache with Breeze: Server-Side Setup
In JavaScript SPA; you can query the local cache with Breeze in Visual Studio 2013. In this video; Wesley Miller demonstrates how to query the local cache with Breeze server-side setup.
-
Registering Custom Validation Rules with Breeze
In JavaScript SPA; you can register custom validation rules on the client. In this video; Wesley Miller demonstrates how to register custom validation rules in JavaScript SPA by using Visual Studio 2013.
-
Retrieving Model Data with Breeze
In JavaScript SPA; you can use Breeze Web API Controller to retrieve model data. In this video; Wesley Miller demonstrates how to retrieve model data for JavaScript SPA with Breeze.
-
Saving and Restoring Changes Made Offline: Client-Side Setup and App Execution
In JavaScript SPA; you can save and restore changes made offline in the client-side setup. In this video; Wesley Miller demonstrates how to save and restore changes made offline with client-side setup.
-
Saving and Restoring Changes Made Offline: Server-Side Setup
You can export offline changes to a browser local storage and then import them upon reconnection in a JavaScript SPA. In this video; Wesley Miller demonstrates how to save and restore changes.
-
Saving Model Data Updates
In JavaScript SPA; you can save changes to application data. In this video; Wesley Miller demonstrates how to save changes to application data in JavaScript SPA.
-
Setting the Startup Module in Durandal
In JavaScript SPA; you can reset the startup module for your Durandal application. In this video; Wesley Miller demonstrates how to set the startup module in Durandal.
-
Sharing Data Amongst Client Views with Breeze: Client-Side Setup and App Execution
In JavaScript SPA; you can sharing data amongst client views with breeze. In this video; Wesley Miller demonstrates how to query the local cache with breeze server-side setup.
-
Sharing Data Amongst Client Views with Breeze: Server-Side Setup
In JavaScript SPA; you can use Breeze to share data among views in Visual Studio 2013. In this video; Wesley Miller demonstrates how to share data among client views with Breeze server-side setup.
-
Tracking On-Screen Changes
In JavaScript SPA; you can track on-screen changes. In this video; Wesley Miller demonstrates how to track changes to data fields in a view and update UI controls in a JavaScript SPA in Visual Studio 2013.
-
Using a Custom Routing Convention
In Javascript SPA; you can use a custom routing convention for locating views under viewmodels. In this video; Wesley Miller demonstrates how to use a custom routing convention in a Durandal project.
-
Using a Data Retrieval Service in Durandal
In JavaScript SPA; you can separate data fetching responsibilities from the views and viewmodels by creating a data service module that can retrieve the module data from the server and pass it to the application views. In this video; Wesley Miller demonstrates how to add a data retrieval service in a Durandal SPA in Visual Studio 2013.
-
Using an Application Layout Page
When you develop a JavaScript SPA user interface; you need to use a layout page to give a consistent look and feel to all of the views within the application. In this video; Wesley Miller demonstrates how to create a layout page for a JavaScript SPA in Visual Studio 2013.
-
Using Breeze Metadata from the Server
In JavaScript SPA; you can retrieve and use metadata from the server to create breeze entities. In this video; Wesley Miller demonstrates how to retrieve and use metadata.
-
Using Editable View Bindings
In JavaScript SPA; you can use editable knockout data-bindings in Visual Studio 2013. In this video; Wesley Miller demonstrates how to create a view with editable knockout data-bindings in a JavaScript SPA.
-
Using Iconic Font from FontAwesome
In JavaScript SPA; you can use the FontAwesome package to get the iconic fonts designed for bootstrap that can be used to enhance the appearance of buttons or link elements on a web page. In this video; Wesley Miller demonstrates how to install and use the FontAwesome package.
-
Using the canActivate() Function in Durandal
In Javascript and Durandal SPA; you can use the activators to manage advanced screen-state scenarios using canActivate method. In this video; Wesley Miller demonstrates how to use the canActivate() method for an activator in Durandal.
-
Using the canDeactivate() Function in Durandal
In JavaScript SPA; activators are used to manage advanced screen state settings. In this video; Wesley Miller demonstrates how to use the canDeactivate() method in Visual Studio 2013.
-
Using the deactivate() Function in Durandal
In JavaScript SPA; activators are used to manage advanced screen state settings; such as hiding and showing elements on a web page. In this video; Wesley Miller demonstrates how to use the deactivate method in Visual Studio 2013.
-
Using the Default Routing Convention
In JavaScript SPA; you can use the Durandal applications' default routing convention for locating a viewmodel's corresponding view and vice versa to construct each module at run-time. In this video; Wesley Miller demonstrates the default routing convention used to locate views and their viewmodels in Visual Studio 2013.
-
Connecting to a SQL Server Compact 4.0 Database
In JavaScript SPA; you can connect to a local SQL Server Compact database and view its content using the SQL Server Compact Toolbox add-in. In this video; Wesley Miller demonstrates how to connect to a SQL Server Compact 4.0 database and view its content in Visual Studio 2013.
-
Constructing Breeze Queries
In JavaScript SPA; when you work with the Breeze library; you can use queries to retrieve data and metadata from the server so that Breeze can use the metadata to create local entities from the retrieved data. In this video; Wesley Miller demonstrates how to construct a query in Visual Studio 2013.
-
Creating a Nav Bar Using the Router Navigation Model
In JavaScript SPA; you can build a navigation model from the shell's router object and then use the navigation model to dynamically create a nav bar content in the shell view. In this video; Wesley Miller explains how to create a navigation bar in the Durandal shell view.
-
Creating a Projection Query
In JavaScript SPA; you can create projections on the data when constructing the client query to get only the specific set of data from the associated model. In this video; Wesley Miller demonstrates how to create a query that uses data projections to retrieve only the selected set of fields from a data model in Visual Studio 2013.
-
Creating a View for Adding Data: Client-Side Setup and App Execution
In JavaScript SPA; you can set up the service-side view of an application which lets the user add data. In this video; Wesley Miller demonstrates how to add an orderadd view that can be used to create and add data to a JavaScript SPA in Visual Studio 2013.
-
Creating a View for Adding Data: Server-Side Setup
In JavaScript SPA; you can add and delete an application data by creating a view even in server-side setup. In this video; Wesley Miller demonstrates how to create a view to add new application data in a JavaScript SPA in Visual Studio 2013.
-
Creating a View for Deleting Data: Client-Side Setup and App Execution
In JavaScript SPA ; you can create a view that can be used to delete data in an application. In this video; Wesley Miller demonstrates how to set up the client side view to be used to delete data from a JavaScript SPA in Visual Studio 2013.
-
Creating a View for Deleting Data: Server-Side Setup
In JavaScript SPA; you can create a server-side view to delete data. In this video; Wesley Miller demonstrates how to create a view to delete data from a JavaScript SPA in Visual Studio 2013.
-
Creating a View Model for Adding Data: Client-Side Setup and App Execution
In JavaScript SPA; you can create a view model that supports a view for adding application data. In this video; Wesley Miller demonstrates how to set up the client side view model that supports adding application data in a JavaScript SPA in Visual Studio 2013.
-
Creating a View Model for Adding Data: Server-Side Setup
In JavaScript SPA; you can create a view model to add data. In this video; Wesley Miller demonstrates how to create a view model for adding application data to a JavaScript SPA in Visual Studio 2013.
-
Creating an Activator in a Durandal SPA
In JavaScript SPA; you use an activator to enforce the activation life cycle on its values and manage advanced screen state scenarios. In this video; Wesley Miller demonstrates how to manually create an activator in a Durandal SPA in Visual Studio 2013.
-
Creating an MVC 5 Controller Using C#
In a single page application; controller actions can be used to display views and pass UI interactions from a view to its corresponding model or view model. In this video; Wesley Miller demonstrates how to create an MVC 5 controller using C# in Visual Studio 2013.
-
Creating an MVC 5 Controller Using VB
In JavaScript SPA; you can use the controller actions to display views and pass UI interactions from a view to its corresponding view model by using Visual Basic. In this video; Wesley Miller demonstrates how to add a MVC 5 view by using Visual Basic.
-
Creating and Using Breeze Metadata on the Client
In JavaScript SPA; you can use Breeze Web API Controller in Visual Studio 2013. In this video; Wesley Miller demonstrates how to create and use breeze metadata on the client.
-
Defining Custom Validation Rules
In JavaScript SPA; you can set custom validation rules on the client. In this video; Wesley Miller demonstrates how to set custom validation rules in JavaScript SPA by using Visual Studio 2013.
-
Deleting Application Data: Client-Side Setup and App Execution
In JavaScript SPA; you can delete data from the database by using client-side setup. In this video; Wesley Miller demonstrates how to delete application data in a client-side setup and execute the app.
-
Enabling System Debugging in a Durandal SPA
In JavaScript SPA; you can use Duranadal Framework for system debugging which displays application activity messages in the developer Console. In this video; Wesley Miller demonstrates how to enable system debugging in a Durandal SPA in Visual Studio 2013.
-
Forcing a Remote Data Fetch with Breeze
In JavaScript SPA; you can access remote data with Breeze. In this video; Wesley Miller demonstrates how to force a remote data fetch with Breeze in JavaScript SPA by using Visual Studio 2013.
-
Gathering Breeze Entity Errors
In JavaScript SPA; you can validate the input by user using custom validation rules to match it with pre-defined constraints and provide tooltips for error and success messages with the validated input. In this video; Wesley Miller demonstrates how we can use Breeze to gather entityErrors on a client in JavaScript SPA in Visual Studio 2013.
-
Generating Entity Framework 6.0 Models from Database
In JavaScript SPA; you can generate code for an Entity Framework 6.0 Designer model from a SQL Server Compact for database in Visual Studio 2013. In this video; Wesley Miller demonstrates how to generate Entity Framework 6.0 models from database.
-
Obtaining Object Graphs with Breeze
In JavaScript SPA; you can use the Breeze API Web controller to obtain object graphs. In this video; Wesley Miller demonstrates how to obtain an object graph using a Breeze query.
-
Getting Familiar with the Breeze-Angular Template
In JavaScript SPA; you can use the Breeze KnockoutJS to manage the application data while using Knockout to bind the data to your views. In this video; Wesley Miller demonstrates how to install Breeze Knockout template in Visual Studio 2013.
-
Getting Familiar with the Breeze-Knockout Template
In JavaScript SPA; the Breeze-Knockout JS template uses the Breeze JavaScript library to manage application data while using Knockout to bind the data to your views. In this video; Wesley Miller demonstrates how to install the Breeze-Knockout JS template in Visual Studio 2013 and explains its key features.
-
Getting Familiar with the Durandal SPA Template
In JavaScript SPA; you can use the DurandalJS template to develop an ASP.NET MVC application. In this video; Wesley Miller demonstrates how to get familiar with the Durandal SPA template in Visual Studio 2013.
-
Getting Familiar with the Ember Template
The Ember.js SPA; you can use jQuery for DOM manipulation and Ember.js for implementing MVC on the client side; and can use the Handlebars for implementing templates that get used in the application UI. In this video; Wesley Miller discusses how to install and explore the structure of the Ember.js SPA template in Visual Studio 2013.
-
Getting Familiar with the Hot Towel Template
In JavaScript SPA; the Hot Towel MVC SPA template uses Knockout for binding viewmodel data to views and uses Durandal to compose viewmodel modules and carry out routing and navigation. In this video; Wesley Miller demonstrates how to install and identify some key features of the Hot Towel MVC SPA template in Visual Studio 2013.
-
Handling Failed Model Data Retrieval in Durandal
In JavaScript SPA; you can handle a failed query attempt easily. In this video; Wesley Miller demonstrates how to handle the failed query attempt by retrieving model data in a Durandal SPA in Visual Studio 2013.
-
Finding an Element's Position
Determining the exact position of an element on a webpage can be difficult. The JQuery library provides the position and offset function to make this task easier. In this video; James Stevens demonstrates how to find an element’s position.
-
Focus Enabled/Disabled Selectors
In jQuery; you can let controls or DOM elements allow users to input data and then disable them when processing the data. In this video; Rafiq Wayani demonstrates the functionality of visually enabling or disabling input controls using the :enabled and :disabled selectors in a browser.
-
Form Serialization
In jQuery; serialization allows you to encode a set of form elements in standard URL-encoded notation as a text string. In this video; Rafiq Wayani demonstrates how to include a form element's value in a serialized string; before showing how to serialize a form containing drop-down lists; checkboxes; and radio buttons in a string.
-
Forms in Modal Windows
jQuery allows you to create modal windows within forms which restrict the user's interaction until certain conditions are met. In this video; Rafiq Wayani demonstrates how to create a modal windows form which requires user information to be added before the user can continue.
-
Getting Values from Elements
JQuery provides a number of ways to retrieve information that a user has entered in an HTML page. In this video; James Stevens discusses the uses of the text and val functions to get the values entered by a user.
-
Modifying Styles over a Query Result
In JQuery; you can apply the same style changes to all the elements in the query. In this video; James Stevens demonstrates how to use the for loop and the each() function to modify a JQuery result.
-
Mouse Double Click
jQuery is a cross-platform JavaScript library which makes the task of client-side HTML scripting easie. In this video; Rafiq Wayani demonstrates how to use the double-click action in jQuery.
-
Mouse Down and Up
jQuery is a cross-platform JavaScript library which simplifies the task of client-side HTML scripting. In this video; Rafiq Wayani demonstrates how to use the mouse down and mouse up actions in jQuery.
-
Mouse Focus Out
In jQuery; you can keep track of the actions performed by a user in your form. In this video; Rafiq Wayani demonstrates how to set a focusout event for the mouse so it's sent to an element when it; or any element inside of it; loses focus.
-
Mouse Over
jQuery is a cross-platform JavaScript library which makes the task of client-side HTML scripting simpler. In this video; Rafiq Wayani demonstrates how to use the mouse-over action in jQuery.
-
On Instead of Bind
In jQuery; the on() method has replaced the older bind(); live(); and delegate() methods. In this video; Rafiq Wayani demonstrates how to define the various elements; such as event; childSelector; data; function; and map; that can be used with the on() method.
-
On Instead of Delegates
In jQuery; the on() method has replaced the delegate() method which has been deprecated. In this video; Rafiq Wayani demonstrates how to use the on() method with a paragraph in a div; and how this method differs from using delegate.
-
Overwriting the Contents of an Element
In JQuery; you can use the html function to read and overwrite the contents of an element. In this video; James Stevens demonstrates how to use the html function to overwrite; retrieve; and move content.
-
Passing an Array of Promises to when()
Since jQuery 1.8; passing an array of Promises to jQuery.when() allows you to defer tasks without the need for you to track anything yourself. In this video; Rafiq Wayani demonstrates the code behind the passing of Promises returned by multiple AJAX calls to jQuery.when() and adding a done() handler to handle the successful completion of requests and display a message.
-
Accordion Events and Methods
In jQuery; you can use the accordion to enhance the appearance of a page; as well as maximize the available real estate for displaying information. In this video; Rafiq Wayani demonstrates how to use the accordion method to organize a page and add styles to it.
-
Accordion Hovering and Sortable
In jQuery; you can customize the appearance of accordions and even allow users to make their own changes to them. In this video; Rafiq Wayani demonstrates how to make an accordion automatically expand as a user hovers their mouse over it; and how to allow the user to resize and reposition an accordion.
-
Accordion Icon and Fill
In jQuery; you can customize the appearance of an accordion by modifying its icons; and also adjust the size of the accordion. In this video; Rafiq Wayani demonstrates how to toggle icons on and off; use the fill spaces settings; and resize accordions.
-
Adding and Removing Classes
Applying multiple style properties to elements with a CSS rule is the most effective way to create consistent Styles on a page. The addClass and removeClass functions in JQuery are great for dynamically changing which CSS rules are applied to website elements. In this video; James Stevens demonstrates how addClass and removeClass can be used to format the Class attribute.
-
Adding Content to an Element
In JQuery; you can add content directly to the web page. The HTML elements can be created or existing elements can be used. In this video; James Stevens demonstrates how to use the append() and appendTo() functions.
-
Fieldsets and Multi-Column Forms
In jQuery; you can create multi-column forms with fieldsets that provide functionality such as pagination; filtering; and ordering with the ability to add individual headers and footers. In this video; Rafiq Wayani demonstrates how to initialize the jQuery DataTable and column filtering plugins before highlighting the filtering and sorting capabilities within a form.
-
Filter
In jQuery; the filter() method allows you to narrow down the search for an element in a group of selected elements by specifying a criteria and only returning elements that match. In this video; Rafiq Wayani demonstrates how to reduce the set of matched elements using the filter() method and its functions.
-
Filtering Query Results
In JQuery; you can use the filter function to get the subset of elements in a result. In this video; James Stevens demonstrates how to build different functions to select elements from a JQuery result and how to use pseudo selectors to filter a JQuery result.
-
Find
jQuery is a cross-platform JavaScript library which makes the task of client-side HTML scripting much simpler. In this video; Rafiq Wayani demonstrates how to use the 'find' method in jQuery.
-
Handling the Completion of an Animation
In JQuery; the animate function provides a complete function to execute when the animation has finished. In this video; James Stevens demonstrates some common operations to perform in the complete function and explains some ways to chain animations by using the completion function.
-
Hiding Elements
In JQuery; you can hide the content from the page without removing it. In this video; James Stevens demonstrates how to use the hide; show and toggle functions to create different effects while removing the elements from view on the page.
-
Horizontal Forms and Styling Forms with Bootstrap 3
In jQuery; using Bootstrap 3 allows for horizontal forms; takes care of spacing issues; and allows for styling of controls. In this Video; Rafiq Wayani demonstrates how to set up a horizontal form using a Bootstrap style option.
-
Inline Forms
In jQuery; you can authenticate form data using Inline form validation. In this video; Rafiq Wayani demonstrates the various benefits and applications of Inline form validation using the jQuery authentication engine.
-
Inserting Content into the Document
In JQuery; you can inject new contents either before or after an element on a page. In this video; James Stevens demonstrates how to use the after(); before(); insertAfter(); and insertBefore() functions.
-
Installation and Implementation
JQuery is an independent library of JavaScript functions and features that make web development much easier. In this video; James Stevens discusses how to install JQuery library in a web site.
-
Loading Content from Another Page
The JQuery load function can be used to get content from another page. In this video; James Stevens demonstrates how to use the load function and selectors to restrict what content is loaded.
-
Making Asynchronous Requests
In JQuery; you can request additional content for a page from a server by using the ajax function. The ajax function can take many parameters to suit any type of request to the server. In this video; James Stevens discusses the various uses of the type; verb; and data parameters.
-
Modifying Element Colors Dynamically
In JQuery; you can use the setInterval function to change a style property continuously. In this video; James Stevens demonstrates how to change the JQuery color property in an interval and format the value for the JQuery object.
-
Modifying Element Style Properties
In JQuery the CSS function allows us to retrieve or set style properties of elements. The CSS function is the preferred way to change style properties rather than through the style attribute. In this video; James Stevens demonstrates the uses of the CSS function to change the position of elements.
-
Progress Bar
jQuery provides an easy-to-use progress bar widget that allows you to display the current percentage completed for a specific process within an application. In this video; Rafiq Wayani uses a code example to illustrate how to initialize the jQuery progress bar widget and specify some of the configurable options before demonstrating how it works.
-
Removing Elements from the Document
In JQuery there are numerous ways to remove elements from the Document Object Model. In this video; James Stevens discusses how the detach; remove; and empty functions remove content from a webpage.
-
Removing Event Handlers
In JQuery; you can remove event handlers. In this video; James Stevens demonstrates how to use the off function to remove both direct and delegate event handlers in JQuery.
-
Replacing Elements on a Page
The JQuery library provides the replaceAll and replaceWith functions when multiple elements of a page need to be replaced. In this video; James Stevens discusses the use of and differences between the replaceAll and replaceWith functions.
-
Resizables
In jQuery; you can resize components according to your needs. In this video; Rafiq Wayani uses the resizable method to resize a particular component of a page.
-
Resolving Multiple Ajax Calls with when()
In jQuery; you can use then and when methods to combine multiple Ajax calls. This involves combining handlers; chaining then functions together; calling multiple functions in succession; and combining Promises. In this video; Rafiq Wayani resolves multiple Ajax calls using the then and when methods.
-
Running Code When the Page Loads
You can use the JQuery ready function to run the JavaScript code as soon as a page is available. In this video; James Stevens demonstrates the correct use of the ready function and discusses the timing of how a page is loaded and how the ready function is different from the JavaScript document onload event handler.
-
Selecting by Attribute
JQuery allows elements to be selected by the attributes of the elements. The attributes of an element include name; required; and title. In this video; James Stevens demonstrates the syntax to select elements by their attributes.
-
Selecting by Attribute Variants
JQuery allows elements to be selected by the attributes of the elements. The selector can be further refined to retrieve elements with partially matching attributes. In this video; James Stevens discusses how to select elements by attribute variants.
-
Creating a Bootstrap 3 Form
In jQuery; you can use Bootstrap to create and customize forms and tables by adding classes; working with inline-forms and Selects; and adding placeholders to the form. In this video; Rafiq Wayani uses Bootstrap to create and customize a form to add a placeholder.
-
Creating a Doughnut Chart
In jQuery; you can use various types of charts to display numbers and make them easier for the user to view and interpret. In this video; Rafiq Wayani demonstrates how to create a doughnut chart.
-
Creating a Line Chart
In jQuery; there are different chart and graph formats that you can use to depict data. In this video; Rafiq Wayani demonstrates how to use the line graph to show a comparison between two sets of data.
-
Creating a Pie Chart
In jQuery; you can depict data in a concise manner with a pie chart. In this video; Rafiq Wayani demonstrates how to use a pie chart to depict data displayed in different colors.
-
Creating a Polar Area Chart
In jQuery; you can use a polar chart to determine how close something is to a set of goals. In this video; Rafiq Wayani demonstrates how to use the polar area chart to compare a set of random numbers.
-
Creating a Six Charts Chart
In jQuery; you can readily display multiple charts in one area of a page. In this Video; Rafiq Wayani demonstrates how to place a number of different charts inside the jQuery environment on your page at the same time.
-
Creating Custom Easing Functions
jQuery easing functions specify the speed at which an animation progresses at different points within the animation; and by adding your functions to the jQuery.easing object you can customize your own easing functions for jQuery animations. In this video; Rafiq Wayani demonstrates function arguments and how to initialize a custom function to create a bounce type effect.
-
Custom Content
In jQuery; you can use custom content to construct how various elements are shown and assembled. In this video; Rafiq Wayani demonstrates how to create custom content to modify how data and graphics are displayed.
-
Datepicker
The jQuery UI provides a configurable datepicker widget that allows you to select a date from an inline or pop-up calendar. In this video; Rafiq Wayani demonstrates how to customize the date format while displaying the desired date based on the selection made from the datepicker calendar invoked when the associated text field gains focus.
-
Datepicker – Disable Specific Dates
In jQuery; the datepicker widget allows you to disable specific dates; preventing the user from selecting the dates for a defined period from within the calendar. In this video; Rafiq Wayani demonstrates how to specify a range of dates and use the beforeShowDay event to blackout the specified dates within the datepicker calendar.
-
Datepicker – Highlighting Specific Dates
The jQuery UI datepicker allows you to highlight specific dates within the calendar so you can create schedules and assist users in identifying important events. In this video; Rafiq Wayani demonstrates how the datepicker calendar can be configured through CSS classes to highlight certain dates using the beforeShowDay event.
-
Delegate Event Handlers
With JQuery; you can assign and delegate an event handler; which will be triggered by all elements that match a certain pattern. In this video; James Stevens demonstrates how to assign delegate event handlers with the on function and explains the difference between the delegate and direct event handlers.
-
DOM Objects versus Objects
The object returned by a JQuery selector is different than a DOM object. The two types of objects can be coerced into behaving similarly in a number of ways. In this video; James Stevens creates and compares JQuery objects and DOM objects.
-
Easing Plugin
In jQuery; you can use the easing plugin to create code that is consistently rendered across the board. In this video; Rafiq Wayani demonstrates how to create and use the easing plugin and how it looks when implemented.
-
Tooltip
In jQuery; you can use tooltips to communicate to the user what information should be entered into fields. In this video; Rafiq Wayani demonstrates how to create and use tooltips to provide field descriptions.
-
Selecting by Element Type
JQuery provides a number of ways to select elements in a webpage with JavaScript. In this video; Jim Stevens will demonstrate the different JQuery element selectors.
-
Themes
In jQuery; you can construct themes for your pages so they have a consistent look and feel. In this video; Rafiq Wayani demonstrates how to implement themes on pages to improve how they display to the user.
-
Selecting by ID
JQuery is a free library of Java Script tools that make web development easier. In this video; James Stevens discusses how to select elements by their ID in a web page by using JQuery.
-
Tooltip Animate
In jQuery; you can add animations to tooltips so they have a greater visual appeal. In this video; Rafiq Wayani demonstrates how to animate tooltips to enhance their appearance.
-
Selecting by Class
The JQuery class selector will retrieve all elements that have a particular class or className. In this video; Jim Stevens discusses using class selectors; with and without element selectors.
-
Selecting Children of a Query Result
A JQuery set of elements can be manipulated to retrieve the children of the set. Elements that descend from the original set can be found with the children and find functions. In this video; James Stevens demonstrates the use of the children( ) and find( ) functions; and the differences between them.
-
Selecting Descendant Elements
JQuery includes selectors to retrieve elements by their relative position. In this video; James Stevens discusses how to specifically select direct descendants; adjacent elements; and sibling elements in JQuery.
-
Selecting with Pseudo Selectors: First and Last
In JQuery; the set of elements returned by a selector can be restricted with pseudo selectors. In this video; James Stevens discusses how to use pseudo selectors to retrieve subsets of elements that are equal to; greater than; or less than an index.
-
Selecting with Pseudo Selectors: Nth-Child; Even; Odd; Less Than and Greater Than
The set of elements returned by a JQuery selector can be restricted with pseudo selectors. In this video; James Stevens discusses how to select elements with JQuery pseudo selectors.
-
Selectors for Form Elements
In jQuery; you can use selector items to allow users to use and manipulate a form's many different types of controls. In this video; Rafiq Wayani demonstrates the multiple controls available in a form; and the use of jQuery selectors to manipulate and monitor controls to ease navigation and data input for users.
-
Setting Values of Form Elements
In JQuery; you can update input elements; which the user interacts with on a page; by using the val and text functions. In this video; James Stevens discusses how these two functions should be used and how to format the values correctly.
-
Slider
In jQuery; picking colors is one of the ways in which you can use a slider. In this video; Rafiq Wayani uses the slider method to pick and change the colors of a swatch.
-
Slider Select
In jQuery; you can bind sliders to a listbox or textbox so that as you change elements in the listbox; the slider also changes. In this video; Rafiq Wayani uses the change event to bind a slider to a drop-down menu and a scrollbar.
-
Slider Vertical and Increment
Using jQuery; you can create vertical sliders that increment at set intervals. In this video; Rafiq Wayani demonstrates how to create a vertical slider that has a set range and increments at certain defined points.
-
Slider with Ranges
In jQuery; you can create sliders and then set up ranges of minimum and maximum values within those sliders. In this video; Rafiq Wayani demonstrates how to create a slider and use the sliderRange function to set up minimum and maximum slider values.
-
Snapping Stacking Handles Helpers
In jQuery; the panelSnap plugin allows you to enhance a site's scrolling by snapping content into view inside areas known as panels when the user scrolls. In this video; Rafiq Wayani uses an example to highlight the snapping effect of the panelSnap plugin; before demonstrating how to implement the plugin as and its basic usage.
-
Sortables
In jQuery; you can drag an item to a new spot in a list and all the other items will adjust to fit around it. In this video; Rafiq Wayani uses the sorting method to rearrange and automatically adjust items to fit within a list.
-
Stopping an Animation
In JQuery; you can halt an animation in progress by using the finish and stop functions. In this video; James Stevens demonstrates how to stop an animation in progress; how to cause an animation to go to its end state; and how to clear a queue of animations.
-
Styles
In jQuery; you can easily manipulate single or multiple CSS properties to modify styles. In this video; Rafiq Wayani demonstrates how to create a button that will change the background color and font size of a number of paragraphs with a single click.
-
Submit Event
In jQuery; you can trigger the submit event to process data attached to a form element submitted to a web page; site; or server. In this video; Rafiq Wayani demonstrates four ways you can trigger the submit event; codes an HTML page containing a form element and input types; and triggers the submit event by entering the required data.
-
The Slide and Fade Animations
By using the JQuery slide and fade functions; you can animate elements by moving them in and out of view. In this video; James Stevens discusses the slide up; slide down; and slide toggle animations.
-
Transforming DOM Elements in 2D
In jQuery; you can convert HTML DOM (Document Object Model) element objects into physical 2D objects and animate them in your browser. In this video; Rafiq Wayani demonstrates how to use the jquery.box2d.js plugin to convert DOM elements and display them as falling and bouncing objects in the browser.
-
UI Animated Dialogs
In jQuery; animated dialog boxes are a good way to make your page more visually appealing. In this Video; Rafiq Wayani demonstrates how to create an animated dialog box that includes blind and explode effects.
-
UI Animating Using Predefined Values
The jQuery library allows you to easily create animation effects on selected DOM elements using predefined values. In this video; Rafiq Wayani demonstrates how to use jQuery's animate() method to move an HTML div element from one side to another by specifying the left CSS property and setting its value to define the resting position.
-
UI Animating Using Relative Values
In jQuery; when creating an animation using the animate() method; it's possible to define values that are relative to an element's current position. In this video; Rafiq Wayani demonstrates how to easily change a div element's relative positioning by putting += or -= in front of the value.
-
UI Autocomplete
In jQuery; you can use the autocomplete functionality to have words completed automatically as you begin to type. In this video; Rafiq Wayani demonstrates how to use autocomplete to have words completed based on a predefined list of items.
-
UI Autocomplete Categories
In jQuery; you can use categories with the autocomplete function to group items in a logical manner. In this video; Rafiq Wayani demonstrates how to create categories with lists underneath them for use with autocomplete.
-
UI Autocomplete Custom Data and Display
In jQuery; you can use descriptions with the autocomplete function to have items listed and described. In this video; Rafiq Wayani demonstrates how to create item names with descriptions underneath them when using autocomplete functionality.
-
UI Autocomplete Multiple Values
In jQuery; you can use the autocomplete function to automatically complete multiple sets of items. In this video; Rafiq Wayani demonstrates how to allow the user to select various items; autocompleting each item in turn.
-
UI Autocomplete Scroll
In jQuery; you can use scrolling with the autocomplete function to limit the number of items that are listed. In this video; Rafiq Wayani demonstrates how to create a scrollbar for use with the autocomplete functionality.
-
UI Checkboxes
In jQuery; you can use UI checkboxes and buttons to allow users to select multiple options simultaneously. In this video; Rafiq Wayani demonstrates the benefits and characteristics of checkboxes; shows you how to code a checkbox into a form; and use a jQuery if...else statement to determine and display its value.
-
UI Draggables
In jQuery; you can add draggable functionality to any DOM elements using the draggable method so they can be manipulated with a mouse. In this video; Rafiq Wayani demonstrates how to implement the draggable method first on a single component; then on multiple components.
-
UI Droppable
In jQuery; you can use a class function to make UI droppable elements accept specified draggable objects. In this video; Rafiq Wayani demonstrates how to use the draggable() and droppable() methods to act on a droppable selector containing a function that changes the droppable's HTML to show that the draggable object has been dropped.
-
Adding Event Handlers
In JQuery; you can assign event handler functions to be executed based on user interactions. In this video; James Stevens demonstrates how to assign event handlers and how to use the click function in JQuery.
-
AJAX Shorthand Functions
JQuery provides the post and get functions to make the common ajax requests that fall into either a simple post or get request. In this video; James Stevens demonstrates some common ways to use the shorthand ajax functions.
-
Animating 3D Rotations
The animation plugins available for jQuery allow you to easily include 3D flipping and rotation effects that are ideal for enhancing themed web pages. In this video; Rafiq Wayani demonstrates how to create the effect of leaves falling and rotating using the 3D Falling Leaves plugin.
-
Animating Colors
In jQuery; you can animate colors on a page by modifying CSS properties along with the animate method. In this video; Rafiq Wayani demonstrates how to animate background colors by changing the height; width; and color of the CSS settings; and adds a toggle action to a button to initiate the animation effects.
-
Animating Style Changes
In JQuery; you can use the animate function to show a transition between two different style values. In this video; James Stevens explains some uses of the animate function and discusses which style properties can be affected with the animate function.
-
Animation Queues
In jQuery; you can show a sequence of animations. In this video; Rafiq Wayani uses the animation method to queue a sequence of animation events for a shape and some text.
-
Auto Open and Buttons
In jQuery; you can create auto open dialog boxes and apply custom buttons. In this video; Rafiq Wayani uses the AutoOpen property value to create an animated dialog box that opens automatically; and uses jQuery to add custom buttons to the dialog box.
-
Capturing Keyboard Events
In JQuery; you can use event handlers to capture keyboard inputs from the users. In this video; James Stevens demonstrates how to use the on function and the shorthand functions; keypress and keydown; to determine which key was pressed by the user.
-
Change Event
In jQuery; you use the change event to cause other changes to occur in a program. In this video; Rafiq Wayani binds an event handler to the change Javascript event.
-
Child and Parent Functions
The JQuery parent and child functions can be used to access the containing and child elements of the current JQuery object. In this video; James Stevens demonstrates how to move up and down the document object model of a page with the parent and children functions.
-
Click Event
In jQuery; you use the click event to implement tasks that use the click functionality. In this video; Rafiq Wayani binds an event handler to the click Javascript event.
-
Cloning Elements and Deep Cloning
In JQuery; you can use the clone() function to copy any data or event triggers that are associated with an element. In this video; James Stevens demonstrates how to use the clone() function to clone a JQuery object.
-
Composing Complex Constructor Strings
The JQuery append function can be used to add HTML content to a page. In this video; James Stevens discusses how to use JavaScript objects and for loops to compose a long HTML string and add it to the page.
-
Creating a Bar Chart
In jQuery; you can use various types of charts to display numbers and make them easier for the user to view and interpret. In this video; Rafiq Wayani demonstrates how to create a bar chart.
-
UI Radios
In jQuery; you can use UI radio buttons to allow users to select one or more of a group of available options; or answer Yes/No or True/False questions. In this video; Rafiq Wayani demonstrates how to use JavaScript to code named radio buttons and associate each to buttons coded to check; select; or reset them.
-
UI Simple Animation
In jQuery; you can use the animate() method to enhance web pages and engage users by performing simple custom animations on a set of CSS properties. In this video; Rafiq Wayani demonstrates the animate() method and its parameters; and how to use it to move a div element.
-
UI Simple Animation Continued
In jQuery; the animate() method allows you to manipulate multiple CSS properties at the same time. It can also be used to create simple animations. In this video; Rafiq Wayani demonstrates an animation that manipulates multiple properties and explains the factors that need to be remembered when using the animate() method.
-
UI Textboxes
jQuery allows you to easily create; manipulate; and delete textboxes that are an integral UI component of a form so users can enter data in a controlled manner. In this video; Rafiq Wayani demonstrates how to add and remove duplicate textboxes dynamically; but stop when it reaches a maximum.
-
Unwrapping an Element
JQuery provides the unwrap function when content needs to be moved to a parent element. In this video; James Stevens discusses how to unwrap content on a page and explains the side effects of using unwrap.
-
Using Algorithms on Style Properties
JQuery can be used to dynamically change the background color of an element on a page. An array of possible color values can be used or an algorithm can be applied to create various colors. In this video; James Stevens demonstrates both of these methods to change the color of elements with JQuery.
-
Using the ToggleClass Function
The toggleClass function in JQuery can perform more complex operations than the addClass and removeClass functions. In this video; James Stevens demonstrates how to use the toggleClass function.
-
Working with Ajax Promises
Since jQuery 1.5; AJAX calls' return object implements the Promises interface; using Promises to represent the eventual value returned from completing an operation and offering greater flexibility and consistency across libraries. In this video; Rafiq Wayani demonstrates the uses of a Promise and its event handlers; and how you can chain handlers; or combine them with the then() method.
-
Wrapping an Element
JQuery contains various options to wrap content to a web page in a container element. In this video; James Stevens discusses how to use the various wrap functions and the differences between them.
-
Handling JSON Data
In jQuery Mobile; you can add JSON data to build your mobile application. In this video; Charles Robinson demonstrates how to handle JSON data in Visual Studio.
-
Handling XML Data
In jQuery Mobile; you can add XML data to build the mobile application. In this video; Charles Robinson demonstrates how to handle XML data.
-
Header Bars
In jQuery Mobile; you can create header bars and use attributes such as data positions and roles to alter the look and feel of the headers. In this video; Charles Robinson demonstrates how to configure a header bar in a jQuery mobile app.
-
Header Bars with Buttons
In jQuery Mobile; you can configure header bars with buttons for your mobile application. In this video; Charles Robinson demonstrates how to configure a header bar with buttons in Visual Studio 2012.
-
Linking Pages
In jQuery Mobile; you can link pages in various ways for your mobile applications. In this video; Charles Robinson demonstrates how to configure page linking in Visual Studio 2012.
-
Manipulating Lists
You can divide; filter; and update lists in jQuery Mobile applications. In this video; Charles Robinson demonstrates how to manipulate lists.
-
Mobile Form Elements - Checkboxes
In jQuery Mobile; you can modify the mobile form elements. In this video; Charles Robinson demonstrates basic checkboxes functionality.
-
PhoneGap - Deploying to iOS
In jQuery Mobile; you can use many methods to deploy and test out iOS apps built with jQuery and PhoneGap. In this video; Charles Robinson explains how to deploy a jQuery Mobile application with PhoneGap to an iOS device.
-
PhoneGap - Notification API
You can create notification alerts within a jQuery Mobile applications. In this video; Charles Robinson demonstrates how to use PhoneGap Notification API in jQuery Mobile applications.
-
PhoneGap - PhoneGap Build
You can build the PhoneGap functionality into your applications. In this video; Charles Robinson discusses some key concepts and building PhoneGap functionality into your applications.
-
PhoneGap - The Accelerometer API
You can access accelerometer values within a jQuery Mobile applications. In this video; Charles Robinson demonstrates how to make use of a PhoneGap accelerometer API in jQuery Mobile applications.
-
PhoneGap - The Camera API
Pictures taken by the camera have many application uses. In this video; Charles Robinson demonstrates how to use the camera functionality of PhoneGap in jQuery Mobile.
-
PhoneGap - The Capture API
The capture API PhoneGap event allows you to take in a number of media files of the same type at once in your application. In this video; Charles Robinson demonstrates how to use the PhoneGap capture API in jQuery Mobile.
-
PhoneGap - The Compass API
In jQuery the PhoneGap compass is a sensor that detects the direction or heading of the device. In this video; Charles Robinson demonstrates how to use the PhoneGap compass API.
-
PhoneGap - The Connection API
In jQuery Mobile; you can get network connections by using the PhoneGap connection API. In this video; Charles Robinson demonstrates how to use the PhoneGap connection API.
-
PhoneGap - The Contacts API
In jQuery Mobile; you can use the PhoneGap functionality for accessing the device contacts. In this video; Charles Robinson discusses the contacts API.
-
PhoneGap - The Device API
In jQuery Mobile; you can use the PhoneGap device API to customize an application based on the mobile device. In this video; Charles Robinson demonstrates how to use the PhoneGap device API.
-
PhoneGap - The File API
In jQuery Mobile; the File API allows access to read and write files stored in the local device. In this video; Charles Robinson discusses the File API.
-
PhoneGap - The Geolocation API
In jQuery Mobile; you can get the geolocation information from various sources depending upon the device. In this video; Charles Robinson demonstrates the PhoneGap geolocation API.
-
PhoneGap - The Globalization API
In jQuery Mobile devices; you can use the PhoneGap Globalization API to check for the globalization settings. In this video; Charles Robinson demonstrates how to use the PhoneGap Globalization API.
-
PhoneGap - The InAppBrowser API
In jQuery Mobile applications; you can call a new web browser instance by using the PhoneGap API. In this video; Charles Robinson demonstrates how to use the PhoneGap InAppBrowser API.
-
PhoneGap - The Media API
In jQuery Mobile the PhoneGap media API allows for direct control of the mobile devices audio including both speakers and microphone. In this video; Charles Robinson demonstrates the PhoneGap media API.
-
PhoneGap - The Splashscreen API
In jQuery Mobile; you can use the PhoneGap API to display the splash screens. In this video; Charles Robinson demonstrates how to use the Splashscreen API in PhoneGap interfaces.
-
PhoneGap - The Storage API
In jQuery Mobile; you can use the Storage API to allow access to be able to read and write information related to the application. In this video; Charles Robinson discusses the Storage API.
-
Prefetching and Caching Pages
In jQuery Mobile; you can add pages for prefetching and caching in your mobile applications. In this video; Charles Robinson demonstrates how to configure page prefetching and caching in Visual Studio 2012.
-
Responsive Layouts with CSS Media Queries
In jQuery Mobile; you can configure layouts with CSS media queries. In this video; Charles Robinson demonstrates how to create the responsive layouts.
-
Serialization in Forms with Ajax
In jQuery Mobile; you can serialize forms for your mobile application. In this video; Charles Robinson demonstrates how to use serialization of data in Visual Studio.
-
Server-Side Data Access with MVC
In jQuery Mobile; implement server-side data access with MVC. In this video; Charles Robinson demonstrates how to implement the server-side data access with MVC.
-
Server-Side Form POST with Ajax
In jQuery Mobile; you can implement server-side form post with Ajax. In this video; Charles Robinson demonstrates how to implement the server-side form post.
-
Service Access Strategies
You can set some strategies for accessing services from within jQuery Mobile. In this video; Charles Robinson demonstrates service access strategies.
-
Springboard
In jQuery Mobile; you can use springboards to configure the grids used in the application. In this video; Charles Robinson demonstrates how to use springboards to configure the girds in the jQuery Mobile applications.
-
Styling with CSS Gradients
In jQuery Mobile; you can use CSS to style different elements. In this video; Charles Robinson demonstrates how to use styling with CSS gradients.
-
Submitting Forms (Non-Ajax Form Submission; Self-Submitting)
In jQuery Mobile; you can set up forms for submission in various ways for your mobile applications. In this video; Charles Robinson demonstrates how to use the form submission options in Visual Studio.
-
Swatches
In jQuery Mobile; you can use multiple swatches; which are concepts for specifying the colors of background; text; shadows; and so on. In this video; Charles Robinson discusses swatches.
-
Tab Bars with a Segmented Control
In jQuery Mobile; you can use the tab bars with segmented controls in your applications. In this video; Charles Robinson demonstrates how to configure tab bars with segmented controls.
-
Tab Bars with Custom Icons
Using jQuery Mobile; you can configure tab bars with custom icons in your applications. In this video; Charles Robinson demonstrates how to configure tab bars with custom icons.
-
Tab Bars with Standard Icons
Using jQuery Mobile; you can configure tab bars with standard icons in your applications. In this video; Charles Robinson demonstrates how to configure tab bars with standard icons.
-
Theme Basics
jQuery Mobile provides basic custom themes and swatches for creating attractive interfaces. In this video; Charles Robinson discusses the theme basics.
-
Theme Defaults
jQuery Mobile provides theme defaults for enhancing interfaces easily. In this video; Charles Robinson discusses theme defaults.
-
Theme Inheritance
In jQuery Mobile; you can use theme inheritance to apply specified themes to elements outside the tag in which it is specified. In this video; Charles Robinson discusses theme inheritance.
-
ThemeRoller
In jQuery Mobile; you can set theme defaults for easy interfaces. In this video; Charles Robinson discusses theme defaults.
-
Toolbars with a Segmented Control
In jQuery mobile applications; you can configure toolbars with segmented controls that has multiple subcontrols working together. In this video; Charles Robinson demonstrates how to set up and configure two toolbars with segmented controls in jQuery mobile.
-
Toolbars with Icons
In jQuery Mobile applications; you can configure toolbars with icons to provide visual references to your mobile users. In this video; Charles Robinson demonstrates how to use icons within the toolbar in Visual Studio 2012 editor.
-
touchOverflow
In jQuery Mobile; when you enable touchOverflow; you do not need to scroll the document or restore scroll positions for a smoother experience. This feature also helps you easily implement fixed toolbars. In this video; Charles Robinson discusses touchOverflow and overflow-scrolling.
-
Transition effects
In jQuery Mobile; transitions can be associated with any page or object event that is changing something such as going to a new page or page template. In this video; Charles Robinson demonstrates the use of transition effects.
-
Using Table Plugins
In jQuery Mobile; you can use table plugins to display; manage; and sort your data easily. In this video; Charles Robinson discusses table plugins for jQuery Mobile applications.
-
Accelerometer Values
You can access accelerometer values within a jQuery Mobile applications. In this video; Charles Robinson demonstrates how to make use of an accelerometer.
-
Action Sheets
In jQuery Mobile; you can use action sheet to create applications. In this video; Charles Robinson demonstrates how to set up action sheets.
-
Ajax Driven navigation
In jQuery Mobile; you can leverage Ajax for better user experience. In this video; Charles Robinson demonstrates how to use the Ajax-driven navigation used in jQuery Mobile apps.
-
API - Configuring Defaults
In jQuery Mobile; you can change the default configuration settings. In this video; Charles Robinson demonstrates how to use the "mobileinit" event to load and overwrite any customizations.
-
API - Data Attributes
The jQuery Mobile provides several data attributes for use in your applications. In this video; Charles Robinson discusses the data properties.
-
API - Events
The jQuery Mobile handles different events; each of which are triggered when some action happens; such as when a page is loaded or when a user swipes. In this video; Charles Robinson discusses the API events.
-
API - Methods
In jQuery Mobile; you can use API mobile methods to customize applications. In this video; Charles Robinson demonstrates how to use the $.mobile method in a simple page.
-
API - Properties
The jQuery Mobile provides several properties for use in your applications. In this video; Charles Robinson discusses the API properties.
-
Back Buttons
You can use jQuery Mobile to configure back buttons for your mobile application. In this video; Charles Robinson demonstrates how to configure back buttons in Visual Studio 2012.
-
Client-Side Form POST with Ajax
jQuery Mobile provides many user-friendly form elements. In this video; Charles Robinson discusses the client-side form POST with Ajax.
-
Client-Side Integration with RESTful Services
In jQuery Mobile; you can configure client-side RESTful integration. In this video; Charles Robinson discusses client-side integration with RESTful services.
-
Collapsible Content Blocks
In jQuery Mobile; you can use collapsible content blocks in the applications. In this video; Charles Robinson demonstrates how to configure collapsible content blocks in the jQuery Mobile applications.
-
Collapsible Sets
In jQuery Mobile; you can use collapsible sets in the applications. In this video; Charles Robinson demonstrates how to configure collapsible content blocks in the jQuery Mobile applications.
-
Configuring Lists
In jQuery Mobile; you can configure the application lists. In this video; Charles Robinson demonstrates how to configure lists.
-
Custom Themes
In jQuery Mobile; you can use custom themes for easy interfaces. In this video; Charles Robinson discusses theme defaults.
-
Dialogs and Popups
In jQuery mobile; you can configure dialogs and pop-ups. In this video; Aaron Sampson explains how to configure dialogs and pop-ups by using the Visual Studio syntax.
-
Dynamic Buttons
In jQuery Mobile; you can add buttons dynamically for your mobile applications. In this video; Charles Robinson demonstrates how to configure buttons dynamically in Visual Studio 2012.
-
Dynamically Injecting Pages
In jQuery Mobile; you can dynamically generate content at the client side for mobile applications. In this video; Charles Robinson demonstrates how to dynamically inject pages in Visual Studio.
-
Footer Bars
In jQuery Mobile application; you can build your own footers within your applications. In this video; Charles Robinson demonstrates how to configure various styles of the footer bar.
-
Form Validation
In jQuery Mobile; you can use validation features to validate form fields for your mobile application. In this video; Charles Robinson demonstrates how to use validation features in Visual Studio.
-
Google Maps Integration
You can incorporate Google Maps into your jQuery Mobile applications. In this video; Charles Robinson demonstrates how to integrate Google Maps with jQuery Mobile applications.
-
Mobile Form Elements - DatePicker
In jQuery Mobile; you can add a date-picker for your mobile applications. In this video; Charles Robinson demonstrates how to add DatePicker functionality in Visual Studio.
-
Mobile Form Elements - Form Basics
In jQuery Mobile; you can configure basic forms easily. In this video; Charles Robinson discusses the form basics.
-
Mobile Form Elements - Mobiscroll
In jQuery Mobile; you can add mobiscroll functionality for your mobile applications. In this video; Charles Robinson demonstrates how to use mobiscroll.
-
Mobile Form Elements - Radio Buttons
In jQuery Mobile; you can modify the mobile form elements. In this video; Charles Robinson demonstrates basic radio buttons functionality.
-
Mobile Form Elements - Slider
In jQuery Mobile; you can modify the mobile form elements. In this video; Charles Robinson demonstrate some basic slider functionality.
-
Mobile Form Elements - Switch Control
In jQuery Mobile; you can modify the form elements. In this video; Charles Robinson demonstrates some basic switch functionality.
-
Mobile Form Elements - Text Inputs
In jQuery Mobile; you can add form elements with different text input controls for your mobile applications. In this video; Charles Robinson demonstrates how to configure text input controls in Visual Studio.
-
NavBars
In jQuery Mobile; you can use navbars to organize content in your Mobile application to provide a nice touch experience for mobile users. In this video; Charles Robinson discusses navbars in jQuery Mobile applications.
-
Page Templates
In jQuery Mobile; the page template separates different areas of page and provides a framework for delivering web-based applications. In this video; Charles Robinson demonstrates how to use jQuery Mobile single and multipage templates.
-
Persistent Tab Bars
Using jQuery Mobile; you can configure persistent tab bars in your applications. In this video; Charles Robinson demonstrates how to configure persistent tab bars.
-
PhoneGap - Debugging Your App
In jQuery Mobile; you can debug your applications. In this video; Charles Robinson discusses how to debug PhoneGap applications built around jQuery Mobile.
-
PhoneGap - Deploying to Android
In jQuery; you can deploy applications on android device for testing. In this video; Charles Robinson discusses the ways to deploy a PhoneGap application working with jQuery Mobile towards an android type of device.
-
The Web UI Editor Widget
In Kendo; you can use a combination of HTML and jquery to work with the KendoEditor widget. In this video; Charles Robinson demonstrates how to use kendoEditor and show some syntax to illustrate some basic scenarios.
-
Web API - The Scheduler Widget
In Kendo; you can use the Schedule widget to set up a scheduler. In this video; Charles Robinson demonstrates how to implement the Kendo Scheduler by using Visual Studio 2013.
-
Web API - The Splitter HTML Helper for MVC
In Kendo; you can use Splitter widget to segment content on the web applications for the users. In this video; Charles Robinson demonstrates the Splitter widget in Kendo.
-
Web API - The StockChart HTML Helper for MVC
You can use the Kendo UI to create a StockChart from a complex dataset for your web site. In this video; Charles Robinson demonstrates how to use an HTML helper extension for the Kendo StockChart widget using Visual Studio 2013.
-
Web API - The TabStrip Widget
In Kendo; you can use the TabStrip widget to create tabs in your applications. In this video; Charles Robinson demonstrates how to implement The TabStrip with Site Map by using Visual Studio 2013.
-
Web API - The Tree View HTML Helper for MVC
Kendo provides HTML helper extension server-side wrapper for Tree View widget. In this video; Charles Robinson explains how to use the HTML helper extension server-side wrapper for the Kendo TreeView widget by using Visual Studio 2013.
-
Web API - The Upload HTML Helper for MVC
In Kendo; you can use the Upload widget with the help of the Async function. In this video; Charles Robinson demonstrates how to use the Upload widget.
-
Web API - The RangeSlider HTML Helper for MVC
In Kendo; you can use RangeSlider for the web site filtering. In this video; Charles Robinson demonstrates how to use the RangeSlider behaviors.
-
The Mobile API NavBar Widget for MVC
In Kendo; you can use the mobile API NavBar widget inside a mobile view to display an application navigation bar. In this video; Charles Robinson demonstrates how to use a combination of HTML and jQuery to work with a mobile API NavBar widget for MVC.
-
The Mobile API PopOver Widget for MVC
In Kendo; the mobile API PopOver widget provides a temporary view; which is displayed when the user operates on a navigational area on the screen. In this video; Charles Robinson demonstrates how to use a combination of HTML and jQuery to work with a Kendo UI mobile PopOver widget.
-
The Mobile API Switch Widget for MVC
In Kendo; you can use the mobile API Switch widget to display two choices for the user. In this video; Charles Robinson demonstrates how to use the Kendo UI mobile Switch widget.
-
The Mobile API TabStrip Widget for MVC
In Kendo; you can use the mobile TabStrip widget inside a mobile view to display a group of navigation buttons. In this video; Charles Robinson demonstrates how to use the Kendo UI mobile TabStrip widget.
-
Web API - The Calendar Widget
Kendo allows users to create calendars using Visual Studio 2013. In this video; Charles Robinson explains how to set up a simple calendar and subscribe events.
-
Web API - The Chart HTML Helper for MVC
In Kendo; you can use the Chart widget to display charts in your applications. In this video; Charles Robinson demonstrates how to use the Kendo Chart widget in Visual Studio 2013 with MVC.
-
Web API - The ColorPalette HTML Helper for MVC
In Kendo; you can use the ColorPalette widget to display a color palette in your applications. In this video; Charles Robinson demonstrates how to use the Kendo ColorPalette widget in Visual Studio 2013 with MVC.
-
Web API - The ComboBox HTML Helper for MVC
Kendo provides HTML helper extension server-side wrapper for the ComboBox widget. In this video; Charles Robinson explains how to use the HTML helper extension server-side wrapper for the Kendo ComboBox widget using Visual Studio 2013.
-
Web API - The DatePicker HTML Helper for MVC
Kendo provides HTML helper extension server-side wrapper for DatePicker widget. In this video; Charles Robinson explains how to use the HTML helper extension server-side wrapper for the Kendo DatePicker widget using Visual Studio 2013.
-
Web API - The DateTimePicker HTML Helper for MVC
Kendo provides HTML helper extension server-side wrapper for DateTimePicker widgets. In this video; Charles Robinson explains how to use the HTML helper extension server-side wrapper for the Kendo DateTimePicker widget using Visual Studio 2013.
-
Web API - The DropDown List HTML Helper for MVC
Kendo provides the HTML helper extension server-side wrapper for the DropDownList widget. In this video; Charles Robinson explains how to use the HTML helper extension server-side wrapper for the Kendo DropDownList widget using Visual Studio 2013.
-
Web API - The Editor HTML Helper for MVC
In Kendo; you can perform basic text formatting and image handling and add hyperlinks and lists by using the Editor widget. In this video; Charles Robinson demonstrates how to create a Kendo Editor widget by using Visual Studio 2013.
-
Web API - The Grid HTML Helper for MVC
In Kendo; you can use the Grid widget to display a data grid in your applications. In this video; Charles Robinson demonstrates how to use the Kendo Grid widget in Visual Studio 2013 with MVC.
-
Web API - The ListView Widget
In Kendo; you can implement a server side-wrapper for the ListView widget with the AdventureWorks database. In this video; Charles Robinson demonstrates how to set up a data context for a table and bind it to the Kendo ListView widget.
-
Web API - The Menu Widget
In Kendo; you can implement a menu with a site map file. In this video; Charles Robinson demonstrates how to how to set up a basic function on the menu in Kendos.
-
Web API - The NumericTextBox HTML Helper for MVC
In Kendo; you can use the NumericTextBox widget to convert an input element into a numeric one. In this video; Charles Robinson demonstrates how to create the NumericTextBox widget using Visual Studio 2013.
-
Web API - The PanelBar HTML Helper for MVC
Kendo provides HTML helper extension server-side wrapper for the PanelBar widget. In this video; Charles Robinson explains how to use the HTML helper extension server-side wrapper for the Kendo PanelBar widget using Visual Studio 2013.
-
Web API - The ProgressBar HTML Helper for MVC
In Kendo; you can use the ProgressBar widget to track the progress for a particular action. In this video; Charles Robinson demonstrates how to use the Kendo ProgressBar widget in Visual Studio 2013 with MVC.
-
Web API – The RadialGauge HTML Helper for MVC
Kendo provides the HTML helper extension server-side wrapper for the RadialGauge widget. In this video; Charles Robinson explains how to use the HTML helper extension server-side wrapper for the Kendo RadialGauge widget using Visual Studio 2013.
-
Installing for Visual Studio 2013
You can install and download Kendo UI Professional from the Telerik web site. In this video; Charles Robinson demonstrates how to download and install Kendo UI for Visual Studio.
-
Setting Up a Project in Visual Studio 2013
In Kendo; users can setup web projects targeting ASP.NET MVC5 using the razor view engine with a default theme. In this video; Charles Robinson will demonstrate how to setup a kendo web project in Visual Studio 2013.
-
The DataViz Chart Widget
In Kendo; you can create different types of charts using the DataViz Chart widget. In this video; Charles Robinson demonstrates how to use the Kendo DataViz Chart widget using Visual Studio 2013.
-
The DataViz LinearGauge Widget for MVC
The Kendo DataViz LinearGauge widget is a very useful data visualization tool that helps users quickly understand where a value lies in a certain range. In this video; Charles Robinson demonstrates how to use the DataViz LinearGauge widget for MVC.
-
The DataViz QRCode Widget for MVC
The Kendo DataViz QRCode widget helps to show data visually. In this video; Charles Robinson demonstrates how to use the DataViz QRCode widget for MVC.
-
The DataViz RadialGauge Widget for MVC
In Kendo; the RadialGauge widget helps users quickly understand where a value lies in a certain range. In this video; Charles Robinson demonstrates how to use a DataViz RadialGauge widget for MVC in Visual Studio 2013.
-
The DataViz Sparkline Widget
In Kendo; you can use the DataViz Sparkline widget to create graphics or charts within your web site. In this video; Charles Robinson demonstrates how to use the Kendo DataViz Sparkline widget.
-
The DataViz StockChart Widget for MVC
In Kendo; you can configure the DataViz StockChart widget to make it easy for users to show financial data. In this video; Charles Robinson demonstrates how to use a Kendo DataViz StockChart widget using Visual Studio.
-
The Framework DataSource Overview
Kendo provides several frameworks such as Datasource; Drag & Drop; Templates; and Effects. In this video; Charles Robinson demonstrates how to use a combination of HTML and jQuery to work with a Kendo UI mobile data source.
-
The Framework Draggable Overview
In Kendo; you can implement the framework draggable functionality by using a combination of HTML and jQuery. In this video; Charles Robinson explains the syntax to implement the framework draggable functionality.
-
The Globalization Overview
In Kendo; you can use globalization feature to design and develop applications that work in multiple cultures and languages. In this video; Charles Robinson demonstrates how to use the globalization feature while developing Kendo applications.
-
The MVVM Overview
In Kendo; you can use the MVVM architecture for your applications. In this video; Charles Robinson demonstrates the benefits of using the MVVM architecture.
-
The Single Page Application Overview
You can leverage Kendo Single Page applications for your build. In this video; Charles Robinson demonstrates how to use the Kendo Single Page Application.
-
The UI Fx Overview
In Kendo; the Kendo UI Fx toolset provides a rich experience for element transitions. In this video; Charles Robinson explains how to use the Kendo UI Fx toolset.
-
The .Mvc Wrappers versus HTML
In Kendo; you can use the HTML helper extension server-side wrappers from MVC for enhancing user experience. In this video; Charles Robinson demonstrates the differences between Kendo HTML helper extension server-side wrappers from MVC and HTML jQuery.
-
The Mobile API ActionSheet Widget for MVC
Kendo provides several frameworks and widgets such as Datasource; Drag & Drop; ActionSheet; and Effects. In this video; Charles Robinson demonstrates how to use a combination of HTML and jQuery to work with a Kendo UI mobile ActionSheet widget.
-
The Mobile API Button Widget
In Kendo; you can make use of Mobile API Button widget to illustrate some basic visuals to use within applications. In this video; Charles Robinson demonstrates how to work on the Mobile API Button widget with the help of combined javaScript and JQuery syntax.
-
The Mobile API ButtonGroup Widget
In Kendo; you can make use of Mobile API ButtonGroup widget to illustrate some basic visuals to use within applications. In this video; Charles Robinson demonstrates how to work on the Mobile API ButtonGroup widget with the help of combined javaScript and JQuery syntax.
-
The Mobile API ListView Widget for MVC
In Kendo; you can use the mobile ListView widget to display a list of items. In this video; Charles Robinson demonstrates how to use a combination of HTML and jQuery to work with a Kendo UI mobile ListView widget.
-
The Mobile API Adaptive Widgets
Kendo provides several frameworks and widgets such as Datasource; Drag & Drop; ActionSheet; and Adaptive scheduler. In this video; Charles Robinson demonstrates how to use a combination of HTML and jQuery to work with a Kendo UI mobile adaptive widget.
-
The Mobile Framework Application
In Kendo; you can use the Mobile Framework Application to set a single code format which can then be checked on different mobile views. In this video; Charles Robinson demonstrates how to use the Kendo Mobile Framework Application using the Telerik Dojo for simulation of different mobile views.
-
The Web API MultiSelect HTML Helper for MVC
Kendo provides HTML helper extension server-side wrapper for MultiSelect widgets. In this video; Charles Robinson explains how to use the HTML helper extension server-side wrapper for the Kendo MultiSelect widget using Visual Studio 2013.
-
The Web API FlatColorPicker HTML Helper for MVC
In Kendo; you can use the FlatColorPicker widget as a replacement for the built-in ColorPicker widget of HTML5. In this video; Charles Robinson demonstrates how to use the FlatColorPicker widget.
-
The Web UI AutoComplete HTML Widget
In Kendo; AutoComplete is a great widget that enhances user experience when filling online forms. In this video; Charles Robinson demonstrates how to use a combination of HTML and jQuery to work with the AutoComplete Kendo widget.
-
The Web UI Button HTML Widget
In Kendo; you can use a combination of HTML and jquery to work with the kendoButton widget. In this video; Charles Robinson demonstrates how to use kendoButton and show some syntax to illustrate some basic scenarios.
-
The Web UI DateTimePicker HTML Widget
In Javascript Kendo; DateTimePicker allows you to easily input a date or time into a form field. In this video; Charles Robinson demonstrates how to use the DateTimePicker HTML widget in Javascript Kendo.
-
The Web UI DropDownList Widget
Kendo offers many features; such as DropDownList; to enhance user experience. In this video; Charles Robinson demonstrates how to use the combination of HTML and jQuery to work with the DropDownList Kendo widget.
-
The Web UI Tooltip HTML Helper for MVC
In Kendo; you can use the Tooltip widget to display tooltips in your applications. In this video; Charles Robinson demonstrates how to use the Kendo Tooltip widget in Visual Studio 2013 with MVC.
-
The Widget Overview
Kendo provides many widgets to enhance the overall look and feel of the application and to elevate the user experience. In this video; Charles Robinson demonstrates how to use Kendo widgets.
-
The DataViz Barcode Widget
The Kendo DataViz Barcode widget is used to represent data in a machine-readable format. In this video; Charles Robinson demonstrates how to use the Kendo DataViz Barcode widget.
-
Web API - The ColorPicker HTML Helper for MVC
In Kendo; you can use the ColorPicker drop-down widget for selecting the colors. In this video; Charles Robinson demonstrates how to implement the ColorPicker widget.
-
Web API - The AutoComplete HTML Helper for MVC
In Kendo; you can use the AutoComplete widget to display suggestions based on the typed text in your applications. In this video; Charles Robinson demonstrates how to use the Kendo AutoCompletewidget in Visual Studio 2013 with MVC.
-
Web API - The Button Widget
In Kendo; you can create a button by using Visual Studio 2013 with the default MVC application that uses Razor markup. In this video; Charles Robinson explains the Text button; Link button; and Cancel button and demonstrates how to add an image to a button for customization.
-
Adding Custom Routes
After watching this video; you will be able to add routes for custom functions in your application.
-
Adding HTML Pages to Your LoopBack Application
After watching this video; you will be able to add a route that displays an HTML file.
-
Creating APIs with LoopBack
After watching this video; you will be able to use LoopBack to create a simple API.
-
Creating New Models
After watching this video; you will be able to add additional models to your application.
-
Defining Relations Between Models
After watching this video; you will be able to define relationships between models in your application.
-
Extending Your API
After watching this video; you will be able to extend your API by adding a remote method.
-
Installing the LoopBack Framework
After watching this video; you will be able to install LoopBack and its requirements in your development environment.
-
LoopBack Access Controls
After watching this video; you will be able to define access controls within the application.
-
Running LoopBack Apps in Clusters
After watching this video; you will be able to run your application in a cluster using the StrongLoop Process Manager.
-
Using a Data Source
After watching this video; you will be able to connect your API to a database back end.
-
Using Remote Hooks
After watching this video; you will be able to use remote hooks within your LoopBack application.
-
Using the LoopBack API Explorer
After watching this video; you will be able to explore the LoopBack API you created.
-
Securing Server Transmissions with the TLS Module
Transport Layer Security (TLS) is a way to encrypt data sent to and from a server. In this video; Andy Alfred demonstrates how to use the tls module in Node.js to create a TLS server that can provide encrypted data communication between itself and the client.
-
Securing User Credentials
In this video; Andy Alfred demonstrates how to securely store user credentials by using the bcryptjs module in Node.js.
-
Serving Static Files
In this video; Andy Alfred demonstrates how to serve static files from an HTTP server by using Node.js.
-
Testing with Mocha Test Framework
In this video; Andy Alfred demonstrates how to test the Node applications by using the mocha testing framework in Node.js.
-
Testing with supertest
In this video; Andy Alfred demonstrates how to test an HTTP server using supertest in a Node application.
-
Testing with the Assert Module
In this video; Andy Alfred demonstrates how to test with the assert module of Node.js.
-
Testing with the nodeunit Module
In this video; Andy Alfred demonstrates how to perform unit tests with the nodeunit module in Node.js.
-
Testing with the Should Assertion Library
In this video; Andy Alfred demonstrates how to test Node applications with the should assertion library.
-
Testing with Vows Test Framework
In this video; Andy Alfred demonstrates how to test by using vows in a Node application.
-
Token-based Authentication Part 1. Database and View Setup
In this video; Andy Alfred demonstrates how to perform token-based authentication in Node.js using Facebook as a third-party authentication provider.
-
Token-Based Authentication Part 2. Configuring Passport to use a Token-Based Strategy
In this video; Andy Alfred demonstrates how to configure the passport module to use a token-based strategy for authentication in Node applications.
-
Token-Based Authentication Part 3. Defining Routes and Implementing Token-Based Authentication
In this video; Andy Alfred demonstrates how to define routes and implement the token-based authentication in Node applications.
-
Using Cassandra
In this video; Andy Alfred demonstrates how to create and access data using a Cassandra database in Node.js.
-
Using git
The git is a version control system used extensively in the Node.js environment. In this video; Andy Alfred demonstrates how to use the git command in a Node application.
-
Using Handlebars
In this video; Andy Alfred demonstrates how to use handlebars in Node.js.
-
Using MongoDB in a RESTful API Server
In this video; Andy Alfred demonstrates how to create a Node application as a RESTful API using MongoDB.
-
Using Inspector
In this video; Andy Alfred demonstrates how to use the Node inspector module in Node.js applications.
-
Using Socket.IO
In this video; Andy Alfred demonstrates how to use the socket.io package to create a web socket server-client connection in a Node application.
-
Using the Core Debugger
In this video; Andy Alfred demonstrates how to use the core debugger.
-
Using the Express 4.0 Router
In this video; Andy Alfred demonstrates how to work with Router object functionality in Express 4.0 of Node.js.
-
Using Timers
In this video; Andy Alfred describes timer functionalities provided by Node.js.
-
Using ws
In this video; Andy Alfred demonstrates how to use the ws module to create WebSocket servers and WebSocket clients in Node.js
-
Working with CouchDB
In this video; Andy Alfred demonstrates how to work with CouchDB from Node.
-
Working with Failed Requests
In this video; Andy Alfred demonstrates how to handle failed requests by using the express application in Node.
-
Working with Jade
In this video; Andy Alfred demonstrates the functionality of the Jade templating engine in Node.
-
Working with Query Strings
In this video; Andy Alfred explains how to create and configure query strings in Node.js.
-
Accessing MongoDB with Mongoose
In this video; Andy Alfred demonstrates how to connect and interact with a MongoDB server from a node application using the Mongoose module.
-
Accessing MongoDB with Mongoskin
In this video; Andy Alfred demonstrates how to access MongoDB from Node by using mongoskin.
-
Adding and Removing Directories
In this video; Andy Alfred demonstrates how to use the fs core module to add and remove directories in a Node application.
-
Authorization Part 1. Database and View Setup
The Node.js Express framework is to set a user's access to resources and operations. In this video; Andy Alfred demonstrates how to implement authorization using custom logic along with some user roles defined in a MongoDB database in Node.js.
-
Authorization Part 2. Implementing Role-Based Authorization in an Express Application
In this video; Andy Alfred demonstrates how to implement role-based authorization in Express applications.
-
Checking Files with Hashes
In this video; Andy Alfred demonstrates how to use a hash value to check the integrity of files by using Node.
-
Clustering Processes
In this video; Andy Alfred demonstrates the use of cluster modules in Node.js.
-
Code Coverage with istanbul
Istanbul is a JavaScript application designed to watch and track code as it is executed. In this video; Andy Alfred demonstrates how to use the istanbul module for code coverage in Node.js applications.
-
Code Coverage with Node cover
The Node.js cover module is used to analyze code. In this video; Andy Alfred demonstrates how to perform code coverage analysis in Node applications.
-
Code Editors and IDEs
In this video; Andy Alfred compares the features of code editors and Integrated Development Environments (IDEs) that are used in the development of Node applications.
-
Configuring a TCP Client
In this video; Andy Alfred describes how to configure a TCP client using Node.js.
-
Configuring a TCP Server's Settings
In this video; Andy Alfred explains how to configure settings in a TCP server using Node.js.
-
Configuring AngularJS Controllers and the App Index Page in a MEAN App
In this video; Andy Alfred demonstrates how to configure AngularJS controllers in a MEAN stack application in Node.js.
-
Configuring AngularJS services in a MEAN app
In this video; Andy Alfred demonstrates how to configure the MongoDB database in a MEAN stack app in Node.js.
-
Configuring Express Routes in a RESTful API Server
In this video; Andy Alfred demonstrates how to configure Express Routes in a RESTful API Server using Node.js.
-
Configuring HTTP POST Requests from a Client Application
In this video; Andy Alfred demonstrates how to configure HTTP Post request from a client application in Node.js.
-
Configuring MongoDB in a MEAN app
In this video; Andy Alfred demonstrates how to configure the MongoDB database in a MEAN stack application using Node.js.
-
Configuring Node and Express in a MEAN app
In this video; Andy Alfred demonstrates how to configure Node and express to create a MEAN stack app in Node.js.
-
Connecting to a Microsoft SQL Server
In this video; Andy Alfred demonstrates how to access and manipulate data in a Microsoft SQL Server database from a Node application.
-
Connecting to MySQL Server
In this video; Andy Alfred demonstrates how to access a MySQL database from a Node application.
-
Connecting to PostgreSQL
In this video; Andy Alfred demonstrates how to create a Node application to connect and interact with a postgre SQL server.
-
Core Modules
Node applications are built based on a number of modules that come together to add or to provide the functionality in the application. In this video; Andy Alfred demonstrates the use of core modules.
-
Creating a Basic Application with Express
In this video; Andy Alfred demonstrates how to create a Basic Express application using the Express module.
-
Creating a Basic HTTP Client Application
In this video; Andy Alfred demonstrates how to create a Node application to send an HTTP request and receive an HTTP response.
-
Creating a DNS Server Application
In this video; Andy Alfred demonstrates how to use the core dns module provided by Node.js to resolve resource records associated with a domain name.
-
Creating a MEAN app Using a Generator
In this video; Andy Alfred demonstrates the use of generators to work with the MEAN Stack app in Node.js.
-
Creating a TCP Server
In this video; Andy Alfred demonstrates how to use the net module to create a TCP server in a Node application.
-
Creating a WebSocket Client with the WebSocket API
In this video; Andy Alfred demonstrates how you can create a WebSocket client by taking advantage of the websocket module.
-
Creating a WebSocket Server with the WebSocket API
You can use the WebSocket protocol to create a two-way; real-time communication channel over a single TCP connection. In this video; Andy Alfred demonstrates how to create and deploy a Node application that acts as a WebSocket server using WebSocket API.
-
Creating Child Processes with Spawn
The spawn command is used to create separate and distinct child processes from within a Node application. In this video; Andy Alfred demonstrates how to create child processes by using the spawn command in Node.js.
-
Creating Inter-Communicating Child Processes with Fork
In this video; Andy Alfred demonstrates how to use the fork command to create inter-communicating child processes from Node.js application.
-
Creating TCP Server Connections
In this video; Andy Alfred outlines the steps to create TCP client applications in Node.js.
-
Deploying Applications to Amazon Web Services
In this video; Andy Alfred demonstrates how to deploy Node applications to Amazon Web Services or AWS.
-
Deploying Applications to Heroku
Heroku is a cloud platform as a service (PaaS) provider used to deploy web applications. In this video; Andy Alfred demonstrates how to use Heroku for deploying Node.js applications.
-
Deploying Applications to Nodejitsu
In this video; Andy Alfred demonstrates how to deploy a Node application to the Nodejitsu platform.
-
Deploying Applications to Windows Azure
In this video; Andy Alfred demonstrates how to deploy Node.js applications to Microsoft Azure.
-
Encrypting Credentials
In this video; Andy Alfred demonstrates how to encrypt credentials in Node.js.
-
Encrypting Data with OpenSSL Ciphers
In this video; Andy Alfred demonstrates how to encrypt data with OpenSSL ciphers using the crypto module in Node.js.
-
Express App Files
In this video; Andy Alfred demonstrates how to create and configure an Express application using the Express module.
-
Handling Errors in a TCP Server
In this video; Andy Alfred demonstrates how to handle errors in a TCP server in a Node.js application.
-
Handling Express Route Errors with the Domain Module
In this video; Andy Alfred demonstrates how to handle route errors with the domain module in node applications.
-
Handling Web Server Events
In this video; Andy Alfred demonstrates how to handle web server events.
-
Hash Algorithms
In this video; Andy Alfred demonstrates how to use the Crypto module to retrieve the available hash algorithms in Node.js.
-
Hashing Data
In this video; Andy Alfred demonstrates how to hash data in Node.js.
-
Implementing Redis
In this video; Andy Alfred demonstrates how to work with the Remote Dictionary Server (redis) database from Node.
-
Installing Express
In this video; Andy Alfred demonstrates how to install Express using Node.js.
-
Introducing Jade
In this video; Andy Alfred describes the use of the Jade template engine to create Express applications in Node.
-
Introducing the MEAN Stack
In this video; Andy Alfred describes the MongoDB Express.js AngularJS Node.js (MEAN) stack in Node.js.
-
Keeping Scripts Running with Forever
In Node.js; the forever module monitors and restarts a process without any manual intervention. In this video; Andy Alfred demonstrates how to use the forever module to keep Node applications running continuously.
-
Key Feature of Syntax
In this video; Andy Alfred compares the execution of code in Node and in a browser-based environment.
-
Local Authentication Part 1. Database and View Setup
Creating and maintaining user sessions is a requirement for web applications that need to be secured. In this video; Andy Alfred demonstrates how to perform authentication against a local database in a Node Express application.
-
Local Authentication Part 2. Configuring Passport to Authenticate Using a LocalStrategy
In this video; Andy Alfred demonstrates how to configure the passport module to authenticate user requests by using a LocalStrategy instance in Node applications.
-
Local Authentication Part 3. Defining Routes and Implementing Local Authentication in Express
In this video; Andy Alfred demonstrates how to define routes and implement local authentication in Express applications.
-
Logging Information to the Console
In this video; Andy Alfred demonstrates how to log debugging information to the console in Node.js.
-
Managing Client Requests and Responses
In this video; Andy Alfred demonstrates how to manage client requests and responses by using a Node application.
-
Managing Node versions
In this video; Andy Alfred demonstrates how to check or test apps between different Node versions.
-
Message Authentication with HMAC
In this video; Andy Alfred demonstrates the Hashed Message Authentication Code (HMAC) object used to authenticate and verify the integrity of a message in Node.js.
-
Navigating Directories
In this video; Andy Alfred demonstrates how to use the fs core module to navigate directories in a Node application.
-
Processing Events Globally
In this video; Andy Alfred demonstrates the functionality of process events in a Node application.
-
Publishing Modules to NPM
In this video; Andy Alfred demonstrates how to publish a package to the Node Package Manager (NPM) registry.
-
Refactoring a Manual MEAN App Configuration
In this video; Andy Alfred explains how to refactor a manual MEAN app configuration in Node.js.
-
Routing with Express
In this video; Andy Alfred demonstrates how to set routes in a Node application using Express.
-
Running Shell Commands as Child Processes with Exec
In this video; Andy Alfred demonstrates how to create child processes using the exec command in Node.
-
Running Shell Files as Child Processes with ExecFile
In this video; Andy Alfred demonstrates how to use the execFile command to create child processes in Node applications.
-
Setting up AngularJS dependencies using Bower
In this video; Andy Alfred demonstrates how to set up AngularJS dependencies by using the Bower tool in Node applications.
-
Setting up Express Routes in a MEAN app
MEAN stands for MongoDB; Express; AngularJS; and Node. In this video; Andy Alfred demonstrates how to set up express routes in a MEAN stack app in a Node application.
-
Testing REST API Servers with mocha and superagent
In this video; Andy Alfred demonstrates how to test the RESTful API from a Node application.
-
Working with Route Parameters in Express
In this video; Andy Alfred demonstrates how to work with route parameters in express applications in Node.js applications.
-
Working with the Process Object
In this video; Andy Alfred demonstrates how to work with the process object in Node.js.
-
Testing with Chai Assertion Library
In this video; Andy Alfred demonstrates how to use the chai assertion library in Node applications.
-
Creating and Using Custom Events with EventEmitter
In this video; Andy Alfred demonstrates how to create and use the custom events in a Node application.
-
Accessing SQL Server from Node.js in Azure
After watching this video; you will be able to connect to SQL Server using Node.js on Azure.
-
Calling C# from Node.js
After watching this video; you will be able to describe how to call C# from Node.js.
-
Calling Node.js from C#
After watching this video; you will be able to describe how to call Node.js from C# code.
-
Configuring iisnode in web.config
After watching this video; you will be able to configure iisnode in web.config.
-
Creating a Basic Azure Node.js Express 4 Application
After watching this video; you will be able to create a basic Azure Node.js Express 4 application.
-
Creating a Basic Node.js Application for Azure
After watching this video; you will be able to create a basic Node.js application for Azure.
-
Mapping JSON to SQL Data Types for Node.js
After watching this video; you will be able to list and describe the JSON to SQL data type mapping for Node.js.
-
Microsoft Driver for Node.js for SQL Server
After watching this video; you will be able to configure the Microsoft driver for Node.js and SQL Server.
-
Utilizing T-SQL in Node.js
After watching this video; you will be able to utilize T-SQL in Node.js.
-
WebMatrix Templates for Node.js
After watching this video; you will be able to compare the WebMatrix templates for use with Node.js.
-
Working with Express and Jade Templates
After watching this video; you will be able to recognize how to use Express and Jade templates in WebMatrix.
-
Working with F#
After watching this video; you will be able to utilize F# code in a Node.js application.
-
Working with Multiple Entities
After watching this video; you will be able to demonstrate how to work with multiple entities and the Azure Table service.
-
Working with Node.js State in .NET
After watching this video; you will be able to recognize how to work with Node.js state in a .NET application.
-
Creating a Blank Azure Node.js Web Application
After watching this video; you will be able to create a blank Azure Node.js web application.
-
Using Node.js with Microsoft.NET
After watching this video; you will be able to describe how Node.js can be used with the Microsoft .NET Framework.
-
Using Node.js with SQL Server
After watching this video; you will be able to describe how to use Node.js with SQL.
-
Using restify with SQL Server
After watching this video; you will be able to create a Node.js application using restify.
-
Using Stored Procedures with Node.js
After watching this video; you will be able to demonstrate how to use stored procedures with Node.js.
-
Using the Azure Emulator
After watching this video; you will be able to use the Azure emulator to run a Node.js application.
-
Using the Azure Storage SDK for Node.js
After watching this video; you will be able to use the Azure Storage SDK for Node.js in an application.
-
Using the Node.js Interactive Window
After watching this video; you will be able to use the Node.js Interactive Window to issue commands.
-
Creating a Blank Node.js Console Application
After watching this video; you will be able to create a blank Node.js console application.
-
Creating a Blank Node.js Web Application
After watching this video; you will be able to create a Blank Node.js Web Application.
-
Creating a Node.js Application from Existing Code
After watching this video; you will be able to create a Node.js application from existing code.
-
Creating a Node.js Azure Cloud Service
After watching this video; you will be able to create a Node.js Azure Cloud Service.
-
Creating a Starter Azure Node.js Express 3 Application
After watching this video; you will be able to create a starter Azure Node.js Express 3 application.
-
Creating a Starter Node.js Express 3 Application
After watching this video; you will be able to create a Starter Node.js Express 3 application.
-
Creating Tables with the Azure Table Service
After watching this video; you will be able to create tables with the Azure Table service.
-
Data Marshalling
After watching this video; you will be able to recognize the key features of data marshalling in Node.js.
-
Debugging Node.js in the Console
After watching this video; you will be able to troubleshoot a Node.js application using the console window.
-
Debugging Node.js in Visual Studio
After watching this video; you will be able to recognize how to debug a Node.js application in Visual Studio.
-
Deleting Entities and Tables
After watching this video; you will be able to describe how to delete entities and tables.
-
Deploying Node.js Applications to Azure
After watching this video; you will be able to perform a Node.js deployment to Azure.
-
Error Handling and Debugging
After watching this video; you will be able to perform error handling and debugging of a Node.js application.
-
Exporting Functions
After watching this video; you will be able to specify the steps to export function from Node.js to .NET/C#.
-
Including C# References
After watching this video; you will be able to identify how to include C# references in Node.js.
-
Including Edge.js in a Simple C# Application
After watching this video; you will be able to specify the steps to include Edge.js in a C# application.
-
Installing Edge.js
After watching this video; you will be able to recognize how to install Edge.js.
-
Installing iisnode in IIS
After watching this video; you will be able to perform an installation of iisnode.
-
Installing Node.js Tools for Visual Studio
After watching this video; you will be able to perform an installation of the Node.js Tools for Visual Studio.
-
Introducing iisnode
After watching this video; you will be able to identify the key features of iisnode.
-
Introduction to Edge.js
After watching this video; you will be able to identify the key features of the Edge.js framework.
-
Introduction to Node.js
After watching this video; you will be able to identify the key features of Node.js.
-
Managing Node.js Versions
After watching this video; you will be able to distinguish between the various versions of Node.js.
-
Microsoft WebMatrix
After watching this video; you will be able to describe the key features of WebMatrix.
-
Node.js Events
After watching this video; you will be able to use Node.js events in an application.
-
Node.js Intellisense in Visual Studio
After watching this video; you will be able to use the intellisense feature in VS to help create Node.js code.
-
Node.js Modules
After watching this video; you will be able to describe the key Node.js Modules.
-
Node.js Modules for SQL Server
After watching this video; you will be able to identify and describe the key modules used with Node.js for working with SQL Server.
-
Node.js Package Manager
After watching this video; you will be able to use the Node.js Package Manager.
-
Node.js Projects in Visual Studio
After watching this video; you will be able to identify the various types of Node.js projects in Visual Studio.
-
NPM in Visual Studio
After watching this video; you will be able to use the Node Package Manager in Visual Studio.
-
Querying Entities
After watching this video; you will be able to describe how to query entities.
-
Removing Node.js Applications from Azure
After watching this video; you will be able to demonstrate how to remove a Node.js application from Azure.
-
The Azure SDK for Node.js
After watching this video; you will be able to identify the key features of the Azure SDK for Node.js.
-
The Azure Table Service
After watching this video; you will be able to identify the key features of the Azure Table service.
-
Tracing and Debugging Node.js with IIS
After watching this video; you will be able to trace and debug a Node.js application using IIS.
-
Using .NET code to Query SQL Server for Node.js
After watching this video; you will be able to use .NET code in a Node.js application to query SQL Server.
-
Using Entities
After watching this video; you will be able to describe how to use entities in a Node.js with SQL.
-
Using Express on Azure
After watching this video; you will be able to demonstrate how to use Express with Azure.
-
Using Node.js in a .NET Application
After watching this video; you will be able to describe how to use Node.js in a .NET application.
-
Using Node.js Modules in .NET
After watching this video; you will be able to use Node.js modules in a .NET application.
-
Creating a Blank Azure Node.js Express 3 Application
After watching this video; you will be able to create a blank Azure Node.js Express 3 application.
-
Creating a Basic Node.js Web Application
After watching this video; you will be able to create a basic Node.js web application in Visual Studio.
-
Creating a Basic Node.js Express 4 Application
After watching this video; you will be able to create a basic Node.js Express 4 application.
-
Creating a Basic Node.js Express 3 Application
After watching this video; you will be able to create a Basic Node.js Express 3 Application.
-
Adding a Navigation Bar
After watching this video; you will be able to add a navigation bar to allow for navigation between web pages in your application.
-
Adding Actions to Update and Delete Data in a Store
After watching this video; you will be able to write the code to add actions allowing for data updates and deletes in a store using Flux.
-
Adding Change Handlers to a React Form
After watching this video; you will be able to write the code to add change handlers to enable entering data into textboxes in a form.
-
Adding Initialization Actions
After watching this video; you will be able to write the code to add an initialization action in Flux to initialize your application.
-
Creating a Controller View
After watching this video; you will be able to write the code to create a controller view in your React web application.
-
Creating a Flux Dispatcher
After watching this video; you will be able to write the code to create a Flux dispatcher for use in your application.
-
Adding Transitions to a React Form
After watching this video; you will be able to write the code to notify users leaving a React form containing unsaved data in the form.
-
Component Life Cycle in React
After watching this video; you will be able to recognize the component life cycle functions and when and why to use them.
-
Configuring Routing with React Router
After watching this video; you will be able to write the code required to configure routing using React Router.
-
Configuring Simple; Custom Routing in React
After watching this video; you will be able to write the code to display different React components (web pages) using routing.
-
Consuming a Reusable Text Input Component
After watching this video; you will be able to write the code that enables you to utilize a reusable text input component in your application.
-
Controller Views and Flux
After watching this video; you will be able to describe how a React controller view interacts with the Flux components.
-
Creating a Form with React
After watching this video; you will be able to create a form and a controller view for the form using React.
-
Creating a React Component
After watching this video; you will be able to write the code to create a React component and describe the purpose of the render function.
-
Creating a Reusable Text Input Component
After watching this video; you will be able to write the code to centralize text input by creating a reusable component.
-
Creating a Store in Flux
After watching this video; you will be able to write the code to create a store in Flux; including the required change listeners; for use in your application.
-
Creating a Table in React
After watching this video; you will be able to write the code to create a table within a React component.
-
Creating an Action in Flux
After watching this video; you will be able to write the code to create an action in Flux for use in your application.
-
Creating Links with React Router
After watching this video; you will be able to write the code to create links within your application when using React Router.
-
Creating Private Storage in a Store
After watching this video; you will be able to write the code to handle private data within a store in Flux.
-
Declaring PropTypes and Prop Validation
After watching this video; you will be able to write the code to declare PropTypes and perform Prop validation in your application.
-
Editing Form Data
After watching this video; you will be able to write the code to populate a React form with existing data and enable users to edit that data.
-
Exercise: Coding a Table and Text Field in React
After watching this video; you will be able to work with tables and text fields in a web application created using React.
-
Features and Benefits of React
After watching this video; you will be able to identify the main concepts employed by React and the benefits associated with using React for web development.
-
Flux API
After watching this video; you will be able to identify the five functions in the Flux API and the use of each.
-
Flux Architecture
After watching this video; you will be able to identify the core components of the Flux architecture and the role each plays in a web application created using React and Flux.
-
Flux Architecture and Fundamentals
After watching this video; you will be able to describe the Flux architecture; how it works; and the benefits it offers when used in your web applications.
-
Flux Flowchart
After watching this video; you will be able to recognize a Flux flowchart and describe how Flux works within a web application created using React; including the interaction and role each component plays.
-
Handling 404 Errors and Creating Redirects
After watching this video; you will be able to write the code to handle 404 errors and create redirects to other pages within your application using React Router.
-
Handling Images in React
After watching this video; you will be able to write the code for including images using Gulp and React in your web applications.
-
Handling Transitions with React Router
After watching this video; you will be able to write the code to handle transitions to and from pages within your application.
-
Handling Validation in React Forms
After watching this video; you will be able to write the code to add data validation to a React form.
-
Installing Bootstrap and JQuery
After watching this video; you will be able to use the npm package manager to install and configure Bootstrap and JQuery for managing CSS stylesheets in your projects.
-
Installing Browserify and Reactify
After watching this video; you will be able to use the npm package manager to install and configure Browserify for bundling dependencies and Reactify for compiling JSX to JS in your projects.
-
Installing ESLint
After watching this video; you will be able to use the npm package manager to install and configure the gulp-eslint package for analyzing code for potential errors in your projects.
-
Installing Gulp
After watching this video; you will be able to use the npm package manager to install and configure Gulp for managing application files and folders in your projects.
-
Installing React; React Router; and Flux
After watching this video; you will be able to use the npm package manager to install and configure React; React Router; and Flux for use in your projects.
-
Introducing Flux
After watching this video; you will be able to describe what Flux is and identify some of its numerous implementations.
-
Introducing JSX
After watching this video; you will be able to recognize JSX code and how it gets compiled to JavaScript; and identify the differences between JSX and JavaScript code.
-
Props and State in React
After watching this video; you will be able to describe what props and state are; how they differ; and the role they play in a React web application.
-
PropTypes
After watching this video; you will be able to recognize the available PropTypes in React and the role they play in Prop validation.
-
Registering a Store with the Dispatcher
After watching this video; you will be able to write the code to register a store with the dispatcher in Flux.
-
Saving Form Data
After watching this video; you will be able to write the code to enable data entered in a form to be saved.
-
Structure of a Store
After watching this video; you will be able to recognize the basic structure of a store in Flux and identify the characteristics common to all stores.
-
Two-way binding vs. Unidirectional Data Flows
After watching this video; you will be able to describe the differences between two-way binding and unidirectional data flows and identify the benefits Flux provides by using unidirectional data flow.
-
Using the Navigation Mixin in React Router
After watching this video; you will be able to write the code to implement the navigation mixin within your application.
-
Working with React.js and React Router
After watching this video; you will be able to describe the benefits associated with using React.js and work with React Router.
-
Basics in Defining Objects in
In TypeScript; you can use objects of different types such as classes; functions; interfaces; and object literals. In this video; Wesley Miller demonstrates how to declare a custom object that contains several properties and a member function.
-
Configuring Development Environment Options in Microsoft Visual Studio 2013
Visual Studio 2013 is not the only text editor out there for TypeScript; but it does provide a great; highly customizable environment for developing TypeScript applications. In this video; Wesley Miller demonstrates how to customize TypeScript development environment in Visual Studio 2013.
-
Creating a Class in
TypeScript syntax has a very object-oriented feel to it; as it was basically meant to superset JavaScript. In this video; Wesley Miller demonstrates how to create a class in TypeScript using Visual Studio 2013.
-
Creating and Accessing Nested Modules
In TypeScript; you can encapsulate code by creating a module within a module; also known as nested module. In this video; Wesley Miller demonstrates how to create and access a nested module in a TypeScript.
-
Creating Inner Classes in
In TypeScript; we can define Inner Classes by merging a Class A with an internal named module containing Class B; so Class B gets defined as an Inner Class of Class A. In this video; Wesley Miller demonstrates how to merge a class with an internal named module to describe an Inner Class in TypeScript.
-
Defining Functions Using the Arrow Function Expression
In TypeScript; you may use an arrow function to replace the return statements to make the TypeScript code more compact and quicker to read and debug. In this video; Wesley Miller demonstrates how to use an arrow function to specify a TypeScript function's return value in Microsoft Visual Studio 2013.
-
Extending an Internal Module Across Multiple Files
In TypeScript; you can extend modules within multiple files while keeping only one source file. In this video; Wesley Miller demonstrates how to extend an internal module across two different TypeScript files in the same TypeScript project.
-
Extending an Internal Module in
In TypeScript; you can add objects to an existing named module without going back to originally created module. In this video; Wesley Miller demonstrates how to extend an internal named module within the same file in TypeScript.
-
Extending Interfaces in
In TypeScript; you can extend the classes and interfaces and call the base class controller by using the super keyword. In this video; Wesley Miller demonstrates how to extend an interface in TypeScript to pass a single data object in the call to the base constructor.
-
Handling External Module Dependencies with RequireJS and AMD
In TypeScript; you can use requireJS module loader to manage module dependencies. In this video; Wesely Miller demonstrates how to use the requireJS JavaScript module loader along with the AMD API to manage external module dependencies in TypeScript.
-
Implementing Callback Functions in
In TypeScript; you can implement a function A that accepts another function B as a function type parameter in its call signature and then have A call B back whenever A completes; and this function is called as a callback function. In this video; Wesley Miller demonstrates how to implement type save callback functions.
-
Implementing Class Inheritance in
In TypeScript; you can implement class inheritance by using the extends keyword. In this video; Wesley Miller demonstrates how to use the extends keyword to implement class inheritance in TypeScript.
-
Implementing Interfaces for Multiple Classes in
In TypeScript; you can implement an interface for multiple classes. In this video; Wesley Miller demonstrates how to implement an interface for multiple classes in TypeScript.
-
Importing Third Party Libraries Using RequireJS and AMD
In TypeScript; you can use a module loader to import third party libraries by JQuery or NuGet.js. In this video; Wesley Miller demonstrates how to use RequireJS and the Asynchronous Module Definition API to import JQuery into a TypeScript HTML project.
-
Loading External Modules Using CommonJS on Node.js Server
In TypeScript; you can load external modules for a TypeScript application by using CommonJS. In this video; Wesley Miller demonstrates how to use CommonJS to facilitate loading external TypeScript modules when running on a Node.js server.
-
Setting Up the Environment in Microsoft Visual Studio 2013
TypeScript is a super-set language of JavaScript that allows you to develop easily maintained; well-structured; large-scale web applications. In this video; Wesley Miller demonstrates how to set up a development environment for TypeScript in Microsoft Visual Studio 2013.
-
Specifying Function Input and Return Parameter Types in
In TypeScript; we can statically type a function’s input parameters to ensure that only the correct type of data is being passed to the function. We may also type its return value so that it’s only returning the type that is expected. In this video; Wesley Miller demonstrates how we can apply types to a functions input and output variables in TypeScript.
-
Specifying Values in Using Null and the Undefined Keyword
In TypeScript; you can use null and undefined values for the variables. In this video; Wesley Miller demonstrates the difference between the null and undefined values.
-
Using For-In Statements in
In TypeScript; you can use the for-in loop to access the items in an object by using an index and return its values. In this video; Wesley Miller demonstrates how to use a for-in loop to access and print out a list of key-value pairs from an object literal in TypeScript.
-
Using Generic Functions in
In TypeScript; you can create and use generic functions. In this video; Wesley Miller demonstrates how to how to declare; define; and call a generic function in a TypeScript application.
-
Using Interfaces to Define Objects in
In TypeScript; users can use interfaces to add uniformity to object declarations and definitions and to ensure that functions are correctly called on any defined object. In this video; Wesley Miller demonstrates how to define an interface in TypeScript and use it to create a new custom object.
-
Using the instanceof Operator to Check Type Assertions
In TypeScript; you can use the instanceof operator to perform compile-time type assertion checks. In this video; Wesley Miller demonstrates how to use the instanceof operator to carryout compile-time type assertion checks in TypeScript.
-
Using the New Operator
In TypeScript; you can use the new operator with a constructor expression to create new instances of a specific object. In this video; Wesley Miller demonstrates how to use the new operator with two different kinds of constructor expressions to instantiate new objects in TypeScript.
-
Using the -Require Extension to Load External Modules
TypeScript allows you to use typescript-require extension to load external TypeScript modules in a project. In this video; Wesley Miller explains how to use the typescript-require extension.
-
Using Type Inferences Versus Type Annotations in Visual Studio 2013
In TypeScript; the users can explicitly specify data types for variables; which is not available in JavaScript. In this video; Wesley Miller demonstrates the difference between type inferences and type annotations in TypeScript and the pitfalls of not correctly typing the variables.
-
Using Compiler from Command Prompt
Using the Node.js package manager; the users can install the TypeScript command-line compiler to create TypeScript files. In this video; Wesley Miller demonstrates how to use the Node.js package manager to install a TypeScript compiler and use it to compile a TypeScript file from the command-line.
-
Using to Aid in Compile-Time Debugging in Microsoft Visual Studio 2013
In TypeScript; debugging can be a difficult; time-consuming process. In this video; Wesley Miller demonstrates how to use TypeScript with Visual Studio 2013 to perform compile-time debugging.
-
Using to Develop Node.js Applications in Microsoft Visual Studio 2013
In TypeScript; you can develop Node.js applications in TypeScript by using the templates provided by the Node.js tools for Visual Studio or NTVS. In this video; Wesley Miller demonstrates how to obtain and install NTVS and write a basic Node.js application in Visual Studio 2013.
-
Working with Contextually Typed Expressions and Object Literals
In TypeScript; you can process contextually typed object literal so that if the contextual type has a matching property name; then the type of that property contextually types the property assignment in the object literal. In this video; Wesley Miller demonstrates how to apply contextual typing to object literal properties in TypeScript.
-
Working with Contextually Typed Expressions and the Number Primitive Type
In TypeScript; when you declare a function and apply static type into its input parameters and return values; the parameter and return types of the defining expression can be automatically inferred from the type assigned in the declaration. In this video; Wesley Miller demonstrates how to contextually type a function expression's input parameter and return types as numbers.
-
Loading External Modules Using RequireJS and AMD
In a TypeScript application; you can access modules created in other TypeScript files by using the require.js JavaScript module loader; which supports the asynchronous module definition API. In this video; Wesley Miller demonstrates how to use require.js with AMD to asynchronously load external TypeScript modules in an HTML TypeScript application.
-
Making Internal Modules Externally Accessible
In TypeScript; you can access the objects and classes defined inside the module within the module only if that object gets exported. In this video; Wesley Miller demonstrates how to export interfaces and classes from internal modules to make them externally accessible.
-
Merging an Internal Named Module with a Function
In TypeScript; you can add properties to a function by merging the function with a module containing the properties that need to be added. In this video; Wesley Miller demonstrates how to extend a TypeScript function by merging it with an internal named module.
-
Merging an Internal Named Module with an Enumeration
In TypeScript; you can extend an enumeration by merging it with an internal named module to add properties and functions to the enumeration. In this video; Wesley Miller demonstrates how to extend an enumeration by merging it with an internal named module.
-
Referencing Type Definition Files in
In TypeScript; you can obtain IntelliSense support for the text editing environment by including references to TypeScript definition files in your TypeScript file. In this video; Wesley Miller demonstrates how to obtain a TypeScript definition file; include it in a project; and add a reference to it in a TypeScript HTML application in Visual Studio 2013.
-
Setting Breakpoints in for Code Debugging
In TypeScript; you can debug TypeScript code by setting breakpoints and stepping through the code line by line using an add-in. In this video; Wesley Miller demonstrates how to setup breakpoint in TypeScript code and carry out single-step debugging.
-
Setting Up Split View for and JavaScript Live Preview in Microsoft Visual Studio 2013
In TypeScript; while developing an application; you may want to simultaneously view a live preview of the resulting JavaScript. In this video; Wesley Miller demonstrates how to set up Visual Studio 2013 to display a split view of a TypeScript file with its corresponding JavaScript output.
-
Working with Contextually Typed Expressions and the String Primitive Type
The parameter and return types of the defining expression can be automatically inferred from the types assigned in the declaration when developers declare a function and apply static typing to its input parameters and return values. In this video; Wesley Miller demonstrates how to contextually type a function expression's input parameter and return types as Strings in TypeScript.
-
Working with String Arrays
In TypeScript; you can explicitly type an object to be a string array ensuring that only valid string operations can be carried out on that object. In this video; Wesley Miller demonstrates how to work with string arrays in TypeScript.
-
Working with the ! Operator
In TypeScript; you can use the unary ! operator to convert values from other types to type boolean. In this video; Wesley Miller demonstrates how to convert values from other types to type boolean in TypeScript.
-
Working with the "Any" Type
The “any” type in TypeScript is the base set of all types; which means that you may assign any type of value to a variable that has been declared as type “any”. In this video; Wesley Miller demonstrates working with the “any” type in TypeScript.
-
Working with the +; -; and ~ Unary Operators in
In TypeScript; you can use the unary operators; +; -; and ~ operators to return a result of type number. In this video; Wesley Miller demonstrates how to work with the +; -; and ~ unary operators in JavaScript.
-
Working with Type Queries
TypeScript applications allow you to use Type queries to check anonymous types created from object literals. In this video; Wesley Miller demonstrates how to use a Type query to check on anonymous object type in the TypeScript application.
-
Defining Functions with Optional Parameters
In TypeScript; you can define functions with one or more optional input parameters to carry out different calculations. In this video; Wesley Miller demonstrates how to define a TypeScript function with required and optional input parameters in Microsoft Visual Studio 2013.
-
Checking Types with is* Functions
In Underscore.js; you can verify the types of data you have stored in your application variables using a few different is* type functions. In this video; Andy Alfred will demonstrate how we can use some of these functions to verify variable types using Underscore.js.
-
Getting Started Using
Underscore.js is a JavaScript library that provides you with an array of useful tools and functions to simplify your JavaScript development. In this video; Andy Alfred demonstrates how to set up and use the Underscore library in JavaScript applications.
-
Method Chaining Using Underscore
In Underscore.js you can chain together multiple Underscore functions; in order to achieve some overall goal using the 'chain' function. When you complete the chain; you can use the value function to get a result out. In this video; Andy Alfred demonstrates how to use chaining functions in UnderscoreJS.
-
Using Functions in
The Underscore.js library allows developers to use its functions in functional and object-oriented approaches. In this video; Andy Alfred Miller explains the different ways to use functions.
-
Using the bind Function
In Underscore.js; you can bind a function to a particular object using the bind function. So when you call the bound function; anywhere in the function the 'this' keyword is used; it will be referring to the bound object. In this video; Andy Alfred demonstrates how to use the bind function in Underscore.js.
-
Using the each Function with a Context
In Underscore.js; developers can set a context for iterations that pass in objects or functions to the iterator which then can be accessed using the this keyword. In this video; Andy Alfred demonstates how to use the each function with a context in Underscore.js and how to use this keyword.
-
Using the escape and unescape Utility Functions
In Underscore.js; you can use escape and unescape functions to encode and decode strings. In this video; Andy Alfred demonstrates how to make use of the escape and unescape functions provided by Underscore.js.
-
Using the every and some Functions
In Underscore.js; you can use the every and the some functions to determine that every value or atleast one value in the list passes a truth test. In this video; Andy Alfred demonstrates how to use the every and the some functions in Underscore.js.
-
Using the extend and defaults Functions on Objects
In Underscore.js; you can use the extend function to copy all of the properties in a source object into a destination object and the defaults function to set up an object for the default values. In this video; Andy Alfred demonstrates how to use the extend and defaults functions in Underscore.js.
-
Using the filter Function
In Underscore.js; you can iterate through an object or an array of elements and identify all of the elements in the list that pass a truth test that you have defined. In this video; Andy Alfred demonstrates how to use the filter function in Underscore.js.
-
Using the find Function
In Underscore.js; you can iterate through an object or an array of elements until you find the first value in the list that passes a predefined truth test. In this video; Andy Alfred demonstrates how to use the find function provided by Underscore.js.
-
Using the findWhere Function
In Underscore.js; developers can use findWhere function to iterate through an array of elements and identify only the first element in the list. In this video; Andy Alfred demonstrates the findWhere function in Underscore.js.
-
Using the first and last Functions on Arrays
In Underscore.js; the first function returns a list of the first n items in an array; while the last function gives you a list of the last n items in the array. In this video; Andy Alfred demonstrates how to use the first and last functions on arrays.
-
Using the flatten Function on Arrays
Underscore.js provides the flatten function that goes through an array and flattens any nested data structures within that array. In this video; Andy Alfred explains how to use the flatten function in Underscore.js.
-
Using the functions Function on Objects
In Underscore.js; the functions function takes an object as an argument and returns an array that contains all the keys in that object whose values are set up as executable functions. In this video; Andy Alfred demonstrates how to use the functions function.
-
Using the groupBy and countBy Functions
In Underscore.js; the groupBy function returns an object that contains properties and values for the grouped data; while the countBy function returns an object that contains only the count values for the groups rather than the actual values. In this video; Andy Alfred demonstrates how to use the groupBy and countBy functions.
-
Using the has; isEqual; and isEmpty Functions on Objects
In Underscore.js; you can use the has; isEmpty; and isEqual funtions to perform comparison checks. In this video; Andy Alfred demonstrates how to use the has; isEmpty; and isEqual functions on objects in Underscore.js.
-
Using the identity and constant Functions
Underscore.js provides the identity function that is useful as a default iterator. In addition; Underscore.js also provides the constant function; which returns an executable function when called with an argument. In this video; Andy Alfred explains how to use the identity and constant functions.
-
Using the indexOf and lastIndexOf Functions on Arrays
In Underscore.js; the indexOf function returns the index position at which a value can be found in an array; while the lastIndexOf function returns the index position at which the last occurrence of the value is located in an array. In this video; Andy Alfred demonstrates how to use the indexOf and lastIndexOf functions on arrays.
-
Using the initial and rest Functions on Arrays
Underscore.js provides the initial and rest functions that helps users get the initial n and final n items respectively in an array. In this video; Andy Alfred explains how to use the Initial and Rest functions on arrays in Underscore.js.
-
Using the keys; values; pairs; and invert Functions on Objects
In Underscore.js; the keys function returns all the keys in an object. The values function returns an array of all the values. The pairs function converts key-value pairs to nested arrays and returns them. The invert function returns the keys and values interchanged. In this video; Andy Alfred demonstrates how to use the keys; values; pairs; and invert functions.
-
Using the map Function
In Underscore.js; you can iterate through an object or an array of elements and return a mapped or transformed value. In this video; Andy Alfred demonstrates how to use the map function provided by Underscore.js.
-
Using the min and max Functions
In Underscore.js; users can iterate through a list of elements and return the minimum and maximum values contained within that list. In this video; Andy Alfred demonstrates how to use the min and max functions on collections in Underscore.js.
-
Using the mixin Utility Function
In Underscore.js; users use the mixin function to extend the Underscore object and add in their own custom functions; so to access our custom functions the same way any built-in Underscore methods. In this video; Andy Alfred demonstrates how to extend the Underscore object using the mixin function.
-
Using the noConflict Utility Function
In Underscore.js; you can use noConflict function to avoid unintended errors in your applications. In this video; Andy Alfred demonstrates how we can make use of the noConflict function provided by Underscore.js.
-
Using the object Function on Arrays
In Underscore.js there are multiple ways to make sense of the complex arrays and developers can use object function to convert arrays into objects . In this video; Andy Alfred explains how to use the object function.
-
Using the partial Function
In Underscore.js; you can use the _.partial function to set up functions with arguments that have been partially filled. In this video; Andy Alfred demonstrates how to use the _.partial function.
-
Using the partition Function on Arrays
In Underscore.js; developers can split an array in two separate arrays; where one array contains elements that pass defined test and another array contains elements that didn't pass the test. In this video; Andy Alfred explains how to use the partition function to split arrays in Underscore.js.
-
Using the pick and omit Functions on Objects
In Underscore.js; you can use the pick and omit functions to view and omit the specified key-value pairs objects. In this video; Andy Alfred demonstrates how to use the the pick and omit functions provided by Underscore.js.
-
Using the pluck Function
In Underscore.js; users can use pluck function to screen a list and extract all property values that match a defined property key. In this video; Andy Alfred demonstrates how to use the pluck function on collections in Underscore.js.
-
Using the range Function on Arrays
In Underscore.js; you can use the range function to create numbered lists of integer arrays. You can define where you want a range to start; stop; and a step increment that the value should change by. In this video; Andy Alfred demonstrates how to use the range function.
-
Using the reduce Function
In Underscore.js; you can iterate through an object or an array of elements and reduce that list down to one single value by using the reduce function in Underscore.js. In this video; Andy Alfred demonstrates how to use the map function provided by Underscore.js
-
Using the reduceRight Function
In Underscore.js; users can boil down a collection of elements into one value based on a defined iteration function. In this video; Andy Alfred demonstrates how to use the reduceRight function.
-
Using the reject Function
In Underscore.js; you can iterate through an object or an array of elements and identify all of the elements in the list that do not pass a truth test that you define. In this video; Andy Alfred demonstrates how to use the reject function in Underscore.js.
-
Using the result Function
In Underscore.js; you can use the _.result function to confidently access an object's properties even without knowing whether you are accessing functions or simple values. In this video; Andy Alfred demonstrates how to use the _.result function.
-
Using the shuffle and sample Functions
In Underscore.js; the shuffle function randomizes the order of the elements in a collection and returns a shuffled version of that collection; while the sample function allows you to reach into a collection and get back a random sample of values from that list. In this video; Andy Alfred demonstrates how to use the shuffle and sample functions.
-
Using the size Function
In Underscore.js; the size function allows you to easily learn the number of items in your collection. Whereas the built-in length method tells you the number for arrays; the size function works across all JavaScript collections. In this video; Andy Alfred demonstrates how to use the size function on collections in Underscore.js.
-
Using the sortBy Function
In Underscore.js; users can pass in an unordered list and sort these lists using criteria defined in the code. In this video; Andy Alfred demonstrates how to use the sortBy function on collections in Underscore.js.
-
Using the sortedIndex Function on Arrays
In Underscore.js; the sortedIndex function tells you the index position to insert a value in an array so that the array remains sorted. In this video; Andy Alfred demonstrates how to use the sortedIndex function.
-
Using the times and random Utility Functions
In Underscore.js; you can use the times function to run a function multiple times and random function to generate a random number based on the minimum and maximum values. In this video; Andy Alfred demonstrates how to use the times and random functions.
-
Using the toArray Function
In Underscore.js; you can use the toArray function to convert a list or a set of items that may not be an array into a true JavaScript array object so that you can use JavaScript's array methods on the list. In this video; Andy Alfred demonstrates how to use the toArray function.
-
Using the union and intersection Functions on Arrays
Underscore.js provides the union function; which combines arrays and returns a list with one unique entry and order of items in the arrays. The intersection function takes in multiple arrays as arguments and returns an array that contains only those values that present in each array. In this video; Andy Alfred explains how to use the union and intersection functions.
-
Using the uniq and zip Functions on Arrays
In Underscore.js there are multiple ways to make sense of the complex arrays and developers can use uniq function to create a duplicate-free copy of an array and the zip function to create an array combining nested arrays by matching information as per set criteria. In this video; Andy Alfred explains how to use the uniq and zip functions.
-
Using the uniqueID Function
In Underscore.js; you can generate a globally unique identifier by using the _.uniqueID function. In this video; Andy Alfred demonstrates how to use the _.uniqueID function.
-
Using the where Function
In Underscore.js; the _.where function allows you to iterate through an object or an array of elements and identify all the elements in the list that contains all the key value pairs in a property object that you define. In this video; Andy Alfred demonstrates how to use the _.where function in Underscore.js.
-
Using the without and difference Functions on Arrays
Underscore.js provides the without and difference functions that return a copy of an array with specified values removed. In this video; Andy Alfred explains how to use the without and difference functions.
-
Using the wrap Function
In Underscore.js; the wrap function wraps an object or a first function inside a wrapper function. The wrap function gives you the flexibility to execute custom code before or after you call your first function. In this video; Andy Alfred demonstrates how to use the wrap function.
-
Using the bindAll Function
In Underscore.js; you can use _.bindAll function to bind multiple functions on an object. In this video; Andy Alfred demonstrates how to use the _.bindAll function provided by Underscore.js.
-
Using the clone Function on Objects
In Underscore.js; you can use the clone function to clone an object in order to get a distinct and separate copy of that object. In this video; Andy Alfred demonstrates how to use the clone function in Underscore.js.
-
Using the compact Function on Arrays
Underscore.js provides the compact function that checks an array for falsy values such as empty strings; undefined; null; and integer 0. In this video; Andy Alfred explains how to use the compact function.
-
Using the compose Function
In Underscore.js; users can use the compose function passing list functions as arguments. It returns a composition of that list; where the functions are evaluated from the last; passing the result of each function as an argument to the previous function in the list. In this video; Andy Alfred demonstrates how to use the compose function in Underscore.js.
-
Using the contains Function
In Underscore.js; users can check if a list contains a particular value. In this video; Andy Alfred demonstrates how to use the groupBy and countBy functions.
-
Using the delay and defer Functions
In Underscore.js yo can delay the execution of some code until a specific amount of time has elapsed using the delay function and delay the execution of some code until the current stack becomes empty using the defer function. In this video; Andy Alfred demonstrates how to use both the delay and defer functions in Underscore.js
-
Using the each Function
The Underscore.js allows developers to use the each function to iterate through an object or elements and run each element through an iterator function that we define. In this video; Andy Alfred demonstrates how to use the each function.
-
Account Integration
Visual Studio 2013 is the latest version of the powerful integrated development environment from Microsoft. In this video; Chris Keenan demonstrates how to port the IDE settings across multiple machines.
-
Using Quick Launch
Visual Studio 2013 is the latest version of the powerful integrated development environment from Microsoft. In this video; Chris Keenan demonstrates how to use the Quick Launch to easily access all the useful features Visual Studio has to offer.
-
Creating an App
After watching this video; you will be able to Creating an App with AngularJS and MVC 6 Web API.
-
Create a List View
With Handlebars in Backbone.js; you can create a view that displays each array item in a collection. In this video; Rob Huddlestone demonstrates how to create a view needed to create a list of items from a collection.
-
Events
JavaScript is an event-driven programming language; so it's important to know how to set up event listeners that run functions when certain events take place. These events can include the user clicking a button or the page loading. In this video; Mark Lassoff demonstrates how you use events and event listeners.
-
Installing Node.js
After watching this video; you will be able to demonstrate how to install Node.js.
-
Testing Services
If your AngularJS applications have any custom services that you have defined; then you need to unit test those services to make sure they perform their function correctly. In this video; Andy Alfred demonstrates how to get started testing custom services in AngularJS
-
Setting a Default Route
Backbone.js allows you to set a default empty route to your router so you can specify a behavior when no hash has been appended to the URL. In this video; Rob Huddleston demonstrates you to reference a Backbone.js function without specifying a name for your default route; before demonstrating the specified behavior in the browser.
-
Testing Controllers with Dependencies
After watching this video; you will be able to unit test a controller with dependencies.
-
Testing Directives
After watching this video; you will be able to test simple directives.
-
ups
In JavaScript; you can create pop-ups to be displayed on mouse hover. In this video; Jamie Campbell demonstrates how to create pop-ups on mouse hover by suing JavaScript.
-
Installing Node.js
After watching this video; you will be able to install and configure Node.js for managing JavaScript packages in your projects.
-
Core Modules
In this video; Andy Alfred demonstrates how to use core modules to add user functionalities in Node applications.
-
For Loops
In JavaScript; you can use a For loop to run the same code a fixed number of times. You can also put all the loop conditions in a single line of code. In this video; Mark Lassoff demonstrates how to use this compact looping structure in JavaScript.
-
The Conditional Operator
JavaScript can lighten the load by using shorthand notation. In this video; Chris Keenan discusses how to use conditional operators to clean up If Else statements.
-
Working with Bracketed Expressions
After watching this video; you will be able to use bracketed expressions to hold and evaluate expressions.
-
Creating a Model
Backbone.js allows you to create JavaScript applications which rely on the model view controller. In this video; Rob Huddleston demonstrates how to create a model and add properties to it using Backbone.
-
Creating Custom Bindings
In JavaScript Knockout; you can create custom bindings that affect both the element to which they are applied; and all of its descendants. In this video; Rafiq Wayani demonstrates how to create a custom binding that controls descendent bindings.
-
Extending observables
JavaScript allows you to extend the default observable behavior inside Knockout if you want to extend the behavior to perform custom actions; or include or exclude specific elements. In this video; Rafiq Wayani demonstrates how to extend observable behavior in Knockout.
-
Testing Directives with External Templates
After watching this video; you will be able to test custom directives with external templates.
-
Testing Filters
In AngularJS; you can unit test custom filters using Jasmine and Karma to make sure they output as expected. In this video; Andy Alfred demonstrates how to get started unit testing a custom filter in AngularJS.
-
Using Anti-Forgery Tokens
After watching this video; you will be able to recognize how implementing Anti-Forgery Tokens can protect against CSRF attacks.
-
How to Create a Countdown Timer
In JavaScript; you can create countdown timers for your applications. In this video; Jamie Campbell demonstrates how to create a countdown timer by using JavaScript.
-
While and Do While Loops
In JavaScript; you can use a While loop or a Do While loop to repeat a block of code a certain number of times. These loop structures differ from each other based on where the loop condition is evaluated. In this video; Mark Lassoff demonstrates how to use these loop structures in code.
-
Tabs
In jQuery; you can present and organize your data in an aesthetically pleasing layout using tabs. In this video; Rafiq Wayani uses the tabs method to categorize and present data.
-
Testing Events on Directives
After watching this video; you will be able to test events on directives.
-
Testing Services
After watching this video; you will be able to test a custom service.
-
Working with Variables
After watching this video; you will be able to understand variables.
-
Installing Node and Karma
In AngularJS; you can use different tools to test your applications. Developers commonly use karma as a test runner and jasmine as a framework for creating the tests. You need to first install node and then add karma to it. In this video; Andy Alfred demonstrates how to install node and karma to test applications.
-
Introduction
jQuery Mobile provides several features such as theme responsiveness capabilities; HTML5 compliance; and browser compatibility. In this video; Charles Robinson discusses the use of jQuery Mobile.
-
Testing Directive Bindings
After watching this video; you will be able to test directive bindings.
-
Selecting by Class
JQuery selectors are used to select elements of a web page by their position in the Document Object Model (DOM). In this video; James Stevens demonstrates how to select elements by their DOM location.
-
Testing AJAX Calls
After watching this video; you will be able to set up unit tests that involve AJAX calls.
-
Testing Services with Dependencies
After watching this video; you will be able to test a custom service with dependencies.
-
Working with Nested Variable Scopes
After watching this video; you will be able to use nested variable scopes in AngularJS.
-
Setting Up a Test Environment
After watching this video; you will be able to set up a test environment.
-
Comments
In JavaScript; you can use comments to leave notes for yourself or other programmers detailing the intended purpose of your scripts. In this video; Chris Keenan demonstrates how to include comments in your code.
-
Inserting Data
You can insert JSON data using JavaScript JsRender. In this video; Jean Boulet demonstrates how to use a JavaScript template to insert JSON data from the DataRepository.
-
Testing Filters with Dependencies
In AngularJS; you can unit test the custom filters by using Jasmine and Karma to check if the output is correct. In this video; Andy Alfred demonstrates how to test a custom filter with dependencies in AngularJS.
-
Node.js: NPM Package Managements
In this video, Andy Alfred demonstrates how to use the npm command line tool to install, update, and remove dependencies.
-
Node.js: NPM Modules
In this video, Andy Alfred demonstrates how to take advantage of community modules to add functionality to Node.js applications.
-
Node.js: Creating Modules
In this video, Andy Alfred demonstrates how to create custom modules in Node applications.
-
Node.js: Installation
Node.js is an application development platform that allows us to create standalone applications by using JavaScript. In this video, Andy Alfred demonstrates how to install Node.js.
-
Node.js: Testing an Installation with the REPL
You can use the built-in Read Eval Print Loop, also called REPL that's included with Node to test the JavaScript code. In this video, Andy Alfred demonstrates how to test the Node installation with the REPL.
-
Node.js: Parsing URLs
In this video, Andy Alfred demonstrates how to use the url core module to parse URLs in a Node application.
-
Node.js: Creating a Basic HTTP Server
In this video, Andy Alfred demonstrates how to use the HTTP module in Node to create a basic HTTP server.
-
Node.js: Processing Requests to a Web Server
When you create HTTP servers using Node.js, you will be able to receive and process HTTP requests to those servers. In this video, Andy Alfred demonstrates how to process a "POST" request that comes in with form data within the Node.js application.
-
Node.js: Watching for File Changes
In this video, Andy Alfred demonstrates how to watch files for changes by using Node.js.
-
Node.js: Watching for Directory Changes
In this video, Andy Alfred demonstrates how to watch directories for changes by using Node.js.
-
Node.js: Writing to Files
In this video, Andy Alfred outlines the steps to write to a file in the file system by using Node.js.
-
Node.js: Reading Files
In this video, Andy Alfred demonstrates how to read a file on the file system by using Node.js.
-
AngularJS 2.0: Testing Pipes
After watching this video, you will be able to test custom pipes you create.
-
AngularJS 2.0: Testing Services
After watching this video, you will be able to test custom services you create.
-
AngularJS 2.0: Testing Services with Dependencies
After watching this video, you will be able to test custom services that make use of external dependencies.
-
AngularJS 2.0: Testing Attribute Directives
After watching this video, you will be able to test custom attribute directives you create.
-
AngularJS 2.0: Using the TestBed Class
After watching this video, you will be able to create an Angular testing module using Testbed.
-
AngularJS 2.0: Executing Tests
After watching this video, you will be able to execute unit tests and view results.
-
AngularJS 2.0: Debugging Tests
After watching this video, you will be able to debug unit tests using breakpoints.
-
AngularJS 2.0: Animate an Angular App
After watching this video, you will be able to add animations to an Angular 2 app.
-
AngularJS 2.0: Installing Jasmine
After watching this video, you will be able to install the Jasmine test framework.
-
AngularJS 2.0: Installing Karma
After watching this video, you will be able to install the Karma test runner.
-
AngularJS 2.0: Creating a Test Spec File
After watching this video, you will be able to create a test spec file and define a unit test.
-
AngularJS 2.0: Using NO_ERRORS_SCHEMA
After watching this video, you will be able to test components while ignoring template elements that are irrelevant to those tests.
-
AngularJS 2.0: Test an Angular Component
After watching this video, you will be able to create and execute unit tests to verify expected functionality in an Angular app.
-
AngularJS 2.0: Best Practices for Securing Angular Apps
After watching this video, you will be able to identify best practices that can be followed to make apps more secure.
-
AngularJS 2.0: Working with Angular and Cross-site Scripting (XSS)
After watching this video, you will be able to identify Angular built-in support for defending against XSS.
-
AngularJS 2.0: Testing Components in Hosted Components
After watching this video, you will be able to test components that are embedded in other components.
-
AngularJS 2.0: Testing Components with Routes
After watching this video, you will be able to test components that make use of Angular routes.
-
AngularJS 2.0: Testing and Change Detection
After watching this video, you will be able to use the detectChanges method effectively in Angular 2 testing.
-
AngularJS 2.0: Testing a Component
After watching this video, you will be able to test custom components you create.
-
AngularJS 2.0: Testing Components with Service Dependencies
After watching this video, you will be able to set up test stubs that can be used when components depend on services.
-
AngularJS 2.0: Testing Components with Async Services
After watching this video, you will be able to test custom components that depend on services with async functionality.
-
AngularJS 2.0: Testing Components that Have Inputs and Outputs
After watching this video, you will be able to test custom components that are decorated with inputs and outputs.
-
AngularJS 2.0: Using the Void Animation State
After watching this video, you will be able to use the void state to setup enter and leave animations.
-
AngularJS 2.0: Setting up a Keyframe Animation
After watching this video, you will be able to set up complex animations with keyframes.
-
AngularJS 2.0: Setting up Parallel Animation Groups
After watching this video, you will be able to configure timing for animations that happen in parallel.
-
AngularJS 2.0: Styling NativeScript Apps
After watching this video, you will be able to use css to style NativeScript apps.
-
AngularJS 2.0: Routing NativeScript Apps
After watching this video, you will be able to set up routing for NativeScript mobile apps.
-
AngularJS 2.0: Animating NativeScript Apps
After watching this video, you will be able to set up animations for NativeScript mobile apps.
-
AngularJS 2.0: Working with Native APIs
After watching this video, you will be able to access device specific APIs from NativeScript.
-
AngularJS 2.0: Running a NativeScript App Project
After watching this video, you will be able to run a NativeScript app in a mobile emulator.
-
AngularJS 2.0: Customizing NativeScript UI
After watching this video, you will be able to use NativeScript UI elements to create app interface.
-
AngularJS 2.0: Working with NativeScript Layouts
After watching this video, you will be able to use NativeScript built-in layouts to help define app interface.
-
AngularJS 2.0: Using Animation Callbacks
After watching this video, you will be able to use callbacks to take action when an animation starts or ends.
-
AngularJS 2.0: Installing NativeScript
After watching this video, you will be able to install the NativeScript CLI.
-
AngularJS 2.0: Creating a New NativeScript and Angular App
After watching this video, you will be able to create a new app using the NativeScript CLI.
-
AngularJS 2.0: Setting up Target Deployment Platforms
After watching this video, you will be able to initialize platform specific projects.
-
AngularJS 2.0: Creating an Authentication Service
After watching this video, you will be able to create a service capable of checking that a user is authenticated.
-
AngularJS 2.0: Using DOMSanitizer in Angular
After watching this video, you will be able to use DOMSanitizer to bypass Angular’s default url security.
-
AngularJS 2.0: Using Angular and Cross-site Request Forgery (XSRF)
After watching this video, you will be able to identify Angular built-in support for defending against XSRF.
-
AngularJS 2.0: Installing the Angular2-jwt Library
After watching this video, you will be able to install a library that facilitates working with JSON web tokens.
-
AngularJS 2.0: Using the ngFor Directive
After watching this video, you will be able to present multliple elements in a concise way.
-
AngularJS 2.0: Using ngFor with Index
After watching this video, you will be able to use the ngFor directive along with an index value.
-
AngularJS 2.0: Using ngFor with TrackBy
After watching this video, you will be able to optimize ngFor performance by providing a tracking function.
-
AngularJS 2.0: Creating Custom Directives
After watching this video, you will be able to create and use a custom directive.
-
AngularJS 2.0: Using the ngClass directive
After watching this video, you will be able to set multiple classes on elements using ngClass.
-
AngularJS 2.0: Using the ngIf directive
After watching this video, you will be able to toggle element rendering based on set conditions.
-
AngularJS 2.0: Using the ngStyle directive
After watching this video, you will be able to set multiple styles on elements using ngStyle.
-
AngularJS 2.0: Using the ngSwitch Directive
After watching this video, you will be able to display one element tree from a set of multiple.
-
AngularJS 2.0: Working with style binding
After watching this video, you will be able to set simple inline styles on elements in Angualr 2 using style bindings.
-
AngularJS 2.0: Working with * and <template>
After watching this video, you will be able to modify html layour using templates.
-
AngularJS 2.0: Using the Safe Navigation Operator
After watching this video, you will be able to avoid null and undefined values in properties and property paths.
-
AngularJS 2.0: Creating a ts Model Object
After watching this video, you will be able to create a model class to back an Angular form.
-
AngularJS 2.0: Creating a Form Component
After watching this video, you will be able to create a component class to support an Angular form.
-
AngularJS 2.0: Creating a Form Template
After watching this video, you will be able to create template markup to display an Angular form.
-
AngularJS 2.0: Using ngModel to Bind Form Fields
After watching this video, you will be able to setup variables for referencing form and other elements.
-
AngularJS 2.0: Using the Slice Pipe
After watching this video, you will be able to slice strings and lists before display in Angular apps.
-
AngularJS 2.0: Using the Date and Slice Pipes
After watching this video, you will be able to easily display formatted dates using the date pipe and display substrings or subsets using the slice pipe.
-
AngularJS 2.0: Creating a Custom Pipe
After watching this video, you will be able to create and use a custom pipe.
-
AngularJS 2.0: Using an Angular 2 Custom Pipe
After watching this video, you will be able to create and use a custom pipe in an Angular 2 application.
-
AngularJS 2.0: Using the Currency and Percentage Pipes
After watching this video, you will be able to easily display data in either an appropriate currency format or an appropriate.
-
AngularJS 2.0: Using the Uppercase and Lowercase Pipe
After watching this video, you will be able to easily convert text case of a string.
-
AngularJS 2.0: Using the JSON Pipe
After watching this video, you will be able to easily display data in a JSON format.
-
AngularJS 2.0: Configuring Angular Application Startup
After watching this video, you will be able to create bootstrap logic needed to start up an Angular app.
-
AngularJS 2.0: Creating an Angular App Host Page
After watching this video, you will be able to create the index.html file that hosts an Angular 2 application.
-
AngularJS 2.0: Styling an Angular App
After watching this video, you will be able to set up global styles for an Angular 2 app.
-
AngularJS 2.0: Running an Angular App
After watching this video, you will be able to start up an Angular application in a browser environment.
-
AngularJS 2.0: Creating an Angular App Module
After watching this video, you will be able to create the root module for an Angular app.
-
AngularJS 2.0: Creating an Angular App Component
After watching this video, you will be able to create the root component for an Angular app.
-
AngularJS 2.0: Installing Angular Packages
After watching this video, you will be able to download and install the Angular source files.
-
AngularJS 2.0: Installing Node
After watching this video, you will be able to install the NodeJS runtime.
-
AngularJS 2.0: Installing NPM
After watching this video, you will be able to install and update the node package manager.
-
AngularJS 2.0: Installing a Code Editor
After watching this video, you will be able to install and set up a text editor with support for creating Angular 2 applications.
-
AngularJS 2.0: Creating Angular Configuration Files
After watching this video, you will be able to create and put in place configuration files Angular 2 relies upon.
-
AngularJS 2.0: Providing Input Data to Components
After watching this video, you will be able to pass input data into a component using the @Input decorator.
-
AngularJS 2.0: Sending Component Events as Outputs
After watching this video, you will be able to pass event information out of a component using @Output and EventEmitter.
-
AngularJS 2.0: Creating a Simple Angular 2 Application
After watching this video, you will be able to create and run a simple Angular 2 app.
-
AngularJS 2.0: Working with class binding
After watching this video, you will be able to set single classes on elements in Angular 2 using a class binding.
-
AngularJS 2.0: Using Property Bindings
After watching this video, you will be able to bind html attributes to component values using square brackets.
-
AngularJS 2.0: Using Event Bindings
After watching this video, you will be able to bind html events to components using brackets.
-
AngularJS 2.0: Using Two-way Data Bindings
After watching this video, you will be able to set up two-way data binding between a component and its markup.
-
AngularJS 2.0: Setting Template URLs for Components
After watching this video, you will be able to create external template files for components.
-
AngularJS 2.0: Creating a Component
After watching this video, you will be able to create a new component in an Angular app.
-
AngularJS 2.0: Adding Styles to a Component
After watching this video, you will be able to set up a component-specific css when defining a component.
-
AngularJS 2.0: Using Interpolation
After watching this video, you will be able to set up template expressions for runtime evaluation using curly braces.
-
AngularJS 2.0: Working with Observables
After watching this video, you will be able to use the observable object in an Angular app.
-
AngularJS 2.0: Route Parameters as Observables
After watching this video, you will be able to use observable route parameters to facilitate component reuse in Angular 2.
-
AngularJS 2.0: Navigating via Route Parameters
After watching this video, you will be able to use the Angular router to perform explicit routing from within a controller class.
-
AngularJS 2.0: Accessing Route Parameters
After watching this video, you will be able to use the Activated Route service in a component to access details like route parameters.
-
AngularJS 2.0: Working with Optional Route Parameters
After watching this video, you will be able to use the Angular router to pass optional parameters while navigating.
-
AngularJS 2.0: Installing the HTTP Module
After watching this video, you will be able to import and install Angular's HttpModule for use in an app.
-
AngularJS 2.0: Modularizing an Angular App
After watching this video, you will be able to traverse a route tree for parent, childn and sibling routes.
-
AngularJS 2.0: Creating Child Routes
After watching this video, you will be able to define and use child routes.
-
AngularJS 2.0: Creating Angular Services
After watching this video, you will be able to create custom services for use in Angular apps.
-
AngularJS 2.0: Injecting and Using Angular Services
After watching this video, you will be able to inject and make use of a custom Angular service.
-
AngularJS 2.0: Using the Wildcard Animation State
After watching this video, you will be able to use the wildcard state to match any animation state.
-
AngularJS 2.0: Installing the Animation Functions
After watching this video, you will be able to import the necessary functions for animating an Angular app.
-
AngularJS 2.0: Setting up Animation Triggers
After watching this video, you will be able to create and use triggers to start animations.
-
AngularJS 2.0: Setting up Animation States
After watching this video, you will be able to set up states that can animated to and from.
-
AngularJS 2.0: Setting up Animation Transitions
After watching this video, you will be able to set up transitions between animations states.
-
AngularJS 2.0: Using the CanActivate Route Guard
After watching this video, you will be able to restrict access to app routes by using the CanActivate guard.
-
AngularJS 2.0: Secondary Routes and Named Outlets
After watching this video, you will be able to define and use named router outlets as secondary destinations in Angular apps.
-
AngularJS 2.0: Child Routes and Nested Router Outlets
After watching this video, you will be able to define child routes that display relative to parent components and router outlets.
-
AngularJS 2.0: Creating an Angular 2 Routing App
After watching this video, you will be able to create an Angular 2 app capable of handling client-side routes.
-
AngularJS 2.0: Fetching Data Using HTTP.get
After watching this video, you will be able to retrieve data from the network into an Angular app.
-
AngularJS 2.0: Installing ReactiveFormsModule
After watching this video, you will be able to setup ReactiveFormsModule need to work with model driven forms.
-
AngularJS 2.0: Creating a Model Driven Form Component
After watching this video, you will be able to use the FormGroup class as part of creating a model driven form.
-
AngularJS 2.0: Setting up a Model Driven Form View
After watching this video, you will be able to use the FormControl class as part of creating a model driven form.
-
AngularJS 2.0: Initializing the Form Model
After watching this video, you will be able to create a model driven form template in Angular.
-
AngularJS 2.0: Updating Form Appearance Using CSS
After watching this video, you will be able to use css to display visual cues depending on whether a form is valid or invalid.
-
AngularJS 2.0: Displaying Form Validation Errors
After watching this video, you will be able to use css to display informative error messages depending on whether a form is valid or invalid.
-
AngularJS 2.0: Resetting a Form
After watching this video, you will be able to easily reset a form in Angular.
-
AngularJS 2.0: Submitting a Form
After watching this video, you will be able to submit a form using ngSubmit.
-
AngularJS 2.0: Using ngModel and ngModelChange
After watching this video, you will be able to set up two way binding in a form with ngModel and ngModelChange.
-
AngularJS 2.0: Tracking Changes in Angular Forms
After watching this video, you will be able to use ngModel to determine whether form is valid in current state.
-
AngularJS 2.0: Using Template Reference Variables
After watching this video, you will be able to bind form input fields to component properties.
-
AngularJS 2.0: Using a Router Outlet
After watching this video, you will be able to set up routes that can work with dynamic input.
-
AngularJS 2.0: Working with Router Links
After watching this video, you will be able to use RouterOutlet to display changing routes.
-
AngularJS 2.0: Working with Routing Modules
After watching this video, you will be able to create links that can be used to navigate routes using RouterLink and RouterLinkActive.
-
AngularJS 2.0: Setting Singular Dynamic Form Controls
After watching this video, you will be able to update individual values and overall form model in a model driven Angular form.
-
AngularJS 2.0: Creating and Validating an Angular 2 Form
After watching this video, you will be able to create a model-driven form in Angular 2.
-
AngularJS 2.0: Installing the Angular Router
After watching this video, you will be able to set a base route and install the RouterModule.
-
AngularJS 2.0: Configuring a Router
After watching this video, you will be able to set up routes for an Angular application.
-
AngularJS 2.0: Adding Form Controls to the View
After watching this video, you will be able to create a model class to back an Angular model driven form.
-
AngularJS 2.0: Setting Dynamic Form Values
After watching this video, you will be able to using the FormGroup class as part of creating a model driven form using FormBuilder.
-
AngularJS 2.0: Detecting Changes to Forms
After watching this video, you will be able to validate a model driven Angular form.
-
AngularJS 2.0: Creating an App Using Angular CLI
After watching this video, you will be able to create a new app using the command line.
-
AngularJS 2.0: Sending Authenticated Requests
After watching this video, you will be able to implement transmission of authenticated requests to a server.
-
AngularJS 2.0: Installing Angular CLI
After watching this video, you will be able to install the Angular command line interface on a development machine.
-
AngularJS 2.0: Testing Components with External Resources
After watching this video, you will be able to set up async compilation for components that use external templates and stylesheets.
-
AngularJS 2.0: Setting up Login and Logout
After watching this video, you will be able to implement login and logout functionality.
-
AngularJS 2.0: Creating Services Using Angular CLI
After watching this video, you will be able to create custom services using the command line.
-
AngularJS 2.0: Creating Modules Using Angular CLI
After watching this video, you will be able to create separate modules using the command line
-
AngularJS 2.0: Attaching Animations
After watching this video, you will be able to attach an animation to a view element.
-
AngularJS 2.0: Create an App with Angular CLI
After watching this video, you will be able to use AngularCLI commands to create a working Angular app.
-
AngularJS 2.0: Creating Components Using Angular CLI
After watching this video, you will be able to create app components using the command line.
-
AngularJS 2.0: Creating Directives Using Angular CLI
After watching this video, you will be able to create app directives using the command line.
-
AngularJS 2.0: Setting Up Routes Using Angular CLI
After watching this video, you will be able to create and configure routes using the command line.
-
AngularJS 2.0: Creating Pipes Using Angular CLI
After watching this video, you will be able to create custom pipes using the command line.
-
JS Frameworks and Libraries: Benefits of Web Application Libraries
After watching this video, you will be able to recognize the benefits associated with various Web application libraries.
-
JS Frameworks and Libraries: jQuery Elements
After watching this video, you will be able to work with various elements of jQuery, including selectors, attributes, traversing DOM, and filtering.
-
JS Frameworks and Libraries: jQuery Effects
After watching this video, you will be able to describe and work with various common JQuery effects.
-
Angular 5: Working with the Menu and Toolbar Components
After watching this video, you will be able to work with the Menu and Toolbar components.
-
Angular 5: Displaying Data Using the Indicator Components
After watching this video, you will be able to display visual data using Material icons and tooltips.
-
Angular 5: Installing Gesture Support and Icons
After watching this video, you will be able to install and use Gesture Support and the optional Material Icons.
-
Angular 5: Using the Material Checkbox and Radio Button
After watching this video, you will be able to use the Material Checkbox and Radio button components.
-
Angular 5: Preparing an App for Angular Universal
After watching this video, you will be able to prepare an Angular CLI-based application to be run through Angular Universal.
-
Angular 5: Building and Running a Universal App
After watching this video, you will be able to build an Angular CLI app and an express-based server that can render the app server side.
-
Angular 5: Working with Material Tables
After watching this video, you will be able to structure and display a Material Table.
-
Angular 5: Describe Angular Universal
After watching this video, you will be able to describe the Angular Universal components and how server-side rendering can be used.
-
Angular 5: Using Material Snackbars
After watching this video, you will be able to display an Angular Material Snackbar.
-
Angular 5: Use Angular Material Components
After watching this video, you will be able to install and use Angular Material Components.
-
Angular 5: Working with the Amexio Data Grid
After watching this video, you will be able to work with the Amexio Data Grid component.
-
Angular 5: Using the Gauge Component
After watching this video, you will be able to use the Amexio Gauge component to create dashboard views.
-
Angular 5: Working with Amexio Buttons
After watching this video, you will be able to configure and use the Amexio button component in an Angular app.
-
Angular 5: Working with Combo Charts
After watching this video, you will be able to create a combo chart to visualize data in an Angular app.
-
Angular 5: Using the Timeline Chart
After watching this video, you will be able to visualize time-based datasets in an Angular app using the Amexio Timeline Chart component.
-
Angular 5: Creating a Bar Chart
After watching this video, you will be able to use the Amexio bar chart component to create a bar chart view in an Angular app.
-
Angular 5: Using the CandleStick Chart
After watching this video, you will be able to use the CandleStick chart component.
-
Angular 5: Installing Angular Material
After watching this video, you will be able to install and setup Angular Material and the Angular CDK.
-
Angular 5: Use Bootstrap and Amexio
After watching this video, you will be able to install the Bootstrap and Amexio modules for use in an Angular app.
-
Angular 5: Describing Angular Material
After watching this video, you will be able to describe the Angular Material components and how they can be used in an Angular app.
-
Angular 5: Using Multiple Names in ExportAs
After watching this video, you will be able to define multiple names in exportAs to support backward compatibility.
-
Angular 5: Configuring Route Activation Start/End Events
After watching this video, you will be able to configure and use the new Router Activation Start/End Events.
-
Angular 5: Working with the Improved Currency and Percent Pipes
After watching this video, you will be able to work with the updated currency, percent, and date pipes.
-
Angular 5: Recognizing the Stable NgTemplateOutlet API
After watching this video, you will be able to recognize and work with the new NgTemplateOutlet API.
-
Angular 5: Creating a Reusable Component using NgTemplateOutlet
After watching this video, you will be able to create a reusable component for doing lookups using the NgTemplateOutlet API.
-
Angular 5: JIT and i18n in Angular 5
After watching this video, you will be able to use i18n in an Angular 5 app that is compiled just in time.
-
Angular 5: Performing Min and Max Validation on Forms
After watching this video, you will be able to use the new min and max directives for form input validation.
-
Angular 5: Performing HTTP Operations using the HttpClient API
After watching this video, you will be able to perform HTTP operations using the HttpClient API rather than the HTTP API.
-
Angular 5: Working with :increment and :decrement aliases
After watching this video, you will be able to work with the Animation aliases :increment and :decrement.
-
Angular 5: Using Material Side Navigation
After watching this video, you will be able to use the Material Sidenav and Drawer components.
-
Angular 5: Working with UpdateOn in Reactive Forms
After watching this video, you will be able to work with updateOn to delay form validation for reactive forms.
-
Angular 5: Understanding Angular 5 Service Workers
After watching this video, you will be able to use Angular CLI to set up an app with service worker support.
-
Angular 5: Using HTTP Interceptors
After watching this video, you will be able to use the new interceptors provided by HttpClient.
-
Angular 5: Working with UpdateOn in Template Driven Forms
After watching this video, you will be able to work with updateOn to delay form validation for template driven forms.
-
Angular 5: i18n and Pluralization
After watching this video, you will be able to use i18n in an Angular app to provide singular and plural translations.
-
Angular 5: Working with @.disabled and Improved Errors
After watching this video, you will be able to work with the improved @.disabled property and improved error handling for Angular 5 animations.
-
Angular 5: Caching Resources with Service Workers
After watching this video, you will be able to set up caching of external resources and data.
-
Angular 5: Performing Lazy Loading of Angular Modules
After watching this video, you will be able to perform a lazy load of an Angular module.
-
Angular 5: Using the Material Slider and Slider Toggle
After watching this video, you will be able to use the Material Slide toggle and Slider components.
-
Angular 5: Exercise: Using Angular 5 Features
After watching this video, you will be able to use the new features and capabilities of Angular 5.
-
Angular 5: Native Bootstrap Angular Directives
After watching this video, you will be able to describe the native Angular directives ng-bootstrap provides and why it should be used.
-
Angular 5: Using ng-bootstrap Buttons
After watching this video, you will be able to use the ngbButton and ngbButtonLabel directives to implement buttons.
-
Angular 5: Using ng-bootstrap Alerts
After watching this video, you will be able to use the ngb-alert directive component to set up alerts in an Angular app.
-
Angular 5: Installing ng-bootstrap
After watching this video, you will be able to install the ng-bootstrap module and its dependencies.
-
Angular 5: Setting Up an ng-bootstrap Application
After watching this video, you will be able to import and set up ng-bootstrap in an Angular 5 application.
-
Angular 5: Working with Dialogs
After watching this video, you will be able to use the Bootstrap Collapse and Modal.
-
Angular 5: Using Amexio
After watching this video, you will be able to describe Amexio and how it can be used for creating dashboards.
-
Angular 5: Using ng-bootstrap Carousels
After watching this video, you will be able to use ngb-carousel and ngbSlide to set up dynamic carousels in an Angular app.
-
Angular 5: Using ng-bootstrap Ratings
After watching this video, you will be able to use the ngb-rating component to implement a user-editable ratings widget in an Angular app.
-
Angular 5: Installing and Configuring Amexio
After watching this video, you will be able to install Amexio and it dependencies and use it in an Angular AppModule.
-
Angular 5: Describing the Changes for Angular 5
After watching this video, you will be able to describe the new features of Angular 5 and the features that are deprecated from previous Angular versions.
-
Angular 5: AOT and i18n in Angular 5
After watching this video, you will be able to use i18n in an Angular 5 app that is compiled ahead of time.
-
jQuery Essentials: Applying the Fade Effect to an Element
After watching this video, you will be able to use fadeIn(), fadeOut(), fadeTo(), and fadeToggle() to fade elements.
-
jQuery Essentials: Working with the Autocomplete Widget
After watching this video, you will be able to work with the autocomplete widget.
-
jQuery Essentials: Using an AJAX Source for the Autocomplete Widget
After watching this video, you will be able to use AJAX to provide data for a dynamic autocomplete widget.
-
jQuery Essentials: Adding a Tab Dynamically to a Tabs Widget
After watching this video, you will be able to add tabs dynamically to a tabs widget.
-
jQuery Essentials: Opening a Specific Tabs Widget Tab
After watching this video, you will be able to open a specific tab on page refresh or load.
-
jQuery Essentials: Using a Datepicker Widget
After watching this video, you will be able to use and configure a datepicker widget.
-
jQuery Essentials: Working with the Tabs Widget
After watching this video, you will be able to create a tabs widget with multiple tabs.
-
jQuery Essentials: Stopping an Animation
After watching this video, you will be able to stop an animation before it has completed.
-
jQuery Essentials: Handling the Completion of an Animation
After watching this video, you will be able to determine when an animation has completed before taking additional action on the element.
-
jQuery Essentials: Sliding an Element
After watching this video, you will be able to add a sliding motion to an element using slideDown(), slideUp(), and slideToggle().
-
jQuery Essentials: Using Animate on Elements
After watching this video, you will be able to use animate() to animate an element and set the speed of the animation.
-
jQuery Essentials: Updating Page Content from an AJAX Request
After watching this video, you will be able to create an AJAX request and display content from the requested data.
-
jQuery Essentials: Manipulating an Element with AJAX
After watching this video, you will be able to use AJAX to make a request and update an element on the web page based on the response.
-
jQuery Essentials: Making a Simple AJAX Request
After watching this video, you will be able to create an AJAX request.
-
jQuery Essentials: Handling AJAX Errors
After watching this video, you will be able to create an error handler to display any AJAX communication errors.
-
jQuery Essentials: Describing AJAX and Its History
After watching this video, you will be able to describe AJAX and how AJAX has evolved.
-
jQuery Essentials: Using the AJAX Event Handlers
After watching this video, you will be able to describe the usage of the AJAX event handlers.
-
jQuery Essentials: Wrapping and Unwrapping an Element
After watching this video, you will be able to use wrap() and unwrap() to add or remove parents to an element.
-
jQuery Essentials: Showing and Hiding an Element
After watching this video, you will be able to show and hide elements and start a web page with a hidden element.
-
jQuery Essentials: Adding Custom Buttons to a Dialog Widget
After watching this video, you will be able to add custom buttons to a dialog popup box.
-
jQuery Essentials: Working with Dialog Widget Modality
After watching this video, you will be able to create and use a modal dialog box.
-
jQuery Essentials: Using the Dialog Widget
After watching this video, you will be able to create a dialog popup box.
-
jQuery Essentials: Getting and Setting Properties and Attributes
After watching this video, you will be able to Describe the difference between prop() and attr() as well as identify and properly use prop() and attr() to get and set properties and attributes.
-
jQuery Essentials: Creating Document Events
After watching this video, you will be able to create ready() document events.
-
jQuery Essentials: Using Browser Events
After watching this video, you will be able to use the resize(), and scroll() browser events.
-
jQuery Essentials: Binding Events Dynamically
After watching this video, you will be able to bind events dynamically to an element and trigger them.
-
jQuery Essentials: Working with Form Events
After watching this video, you will be able to work with the change(), submit(), focus(), and blur() event handlers.
-
jQuery Essentials: Creating Mouse Events
After watching this video, you will be able to create click(), dblclick(), mouseenter(), mouseleave(), and hover() events for an element.
-
jQuery Essentials: Using Keyboard Events
After watching this video, you will be able to use and manipulate keyboard presses using the keypress(), keydown(), and keyup() events.
-
jQuery Essentials: Manipulating Element Dimensions
After watching this video, you will be able to describe and use dimension methods like width() and height() to manipulate the inner, outer, and actual height and width of an element.
-
jQuery Essentials: Adding and Removing Classes and Elements
After watching this video, you will be able to add, remove, and change elements and classes.
-
jQuery Essentials: Cloning an Element
After watching this video, you will be able to clone an element or set of elements.
-
jQuery Essentials: Selecting Parents and Descendants
After watching this video, you will be able to use parent() and children() methods to move up and down the DOM tree.
-
jQuery Essentials: Selecting Siblings
After watching this video, you will be able to walk the children of an element using siblings(), next(), and prev() methods.
-
jQuery Essentials: Traversing the DOM Tree
After watching this video, you will be able to describe how jQuery can traverse through the DOM to find or select elements.
-
jQuery Essentials: Selecting and Manipulating Elements by Class
After watching this video, you will be able to select and modify elements by their assigned classes.
-
jQuery Essentials: Inserting an Element
After watching this video, you will be able to insert an element using append(), prepend(), after(), and before().
-
jQuery Essentials: Removing an Element
After watching this video, you will be able to remove an element and describe the differences between remove() and empty().
-
jQuery Essentials: Using Filtering Selectors
After watching this video, you will be able to filter the returned group of elements using first(), last(), not(), and eq().
-
jQuery Essentials: Creating and Manipulating a Web Page
After watching this video, you will be able to create a web page and manipulate elements using jQuery.
-
jQuery Essentials: Manipulating Event Types
After watching this video, you will be able to distinguish and describe how to manipulate event types.
-
Advanced jQuery: Using Sortable
After watching this video, you will be able to use the mouse to change the order of a set of elements.
-
Advanced jQuery: Implementing Dragging and Dropping Actions
After watching this video, you will be able to implement drag and drop functionality to move elements using the mouse.
-
Advanced jQuery: Working with Selectable and Resizable
After watching this video, you will be able to use the mouse to select a group of elements or resize an element.
-
Advanced jQuery: Using Inheritance to Extend a Widget
After watching this video, you will be able to use inheritance to extend a widget.
-
Advanced jQuery: Binding Event Handlers
After watching this video, you will be able to bind event handlers to the widget.
-
Advanced jQuery: Adding Callbacks and Using Functions as Options
After watching this video, you will be able to adding callbacks to allow the widget to provide status on state changes and use functions to control the widget.
-
Advanced jQuery: Adding Properties and Static Members
After watching this video, you will be able to add and use properties and static members.
-
Advanced jQuery: Adding Events
After watching this video, you will be able to add a custom event to a widget.
-
Advanced jQuery: Defining and Creating a Widget
After watching this video, you will be able to use the widget factory to create a simple widget.
-
Advanced jQuery: Adding Widget Options
After watching this video, you will be able to add options for configuring a widget.
-
Advanced jQuery: Using the AjaxTransport
After watching this video, you will be able to use ajaxTransport() to create an object to manage the Ajax data transmission.
-
Advanced jQuery: Handling Advanced Ajax Situations
After watching this video, you will be able to describe when and how to use some advanced Ajax features.
-
Advanced jQuery: Adding an AjaxPrefilter
After watching this video, you will be able to add an ajaxPrefilter() to modify Ajax requests before they are processed.
-
Advanced jQuery: Working with AjaxSetup
After watching this video, you will be able to configure Ajax default settings using ajaxSetup().
-
Advanced jQuery: Applying the Tooltip Widget
After watching this video, you will be able to apply the Tooltip widget to inputs to add bubble help.
-
Advanced jQuery: Using the Controlgroup Widget
After watching this video, you will be able to use a Controlgroup widget to group multiple widgets together.
-
Advanced jQuery: Using the Progressbar Widget
After watching this video, you will be able to use a Progressbar widget to show a visual representation of when a process will complete.
-
Advanced jQuery: Working with the Spinner Widget
After watching this video, you will be able to use a Spinner widget to enter numbers, prices, and decimal values.
-
Advanced jQuery: Using the Button Widget
After watching this video, you will be able to use the Button widget to add extra functionality and theming to inputs and anchors.
-
Advanced jQuery: Working with the Menu Widget
After watching this video, you will be able to work with the Menu widget to create themeable menus that respond to both mouse and keyboard interactions.
-
Advanced jQuery: Using the Accordion Widget
After watching this video, you will be able to use the Accordion widget to create sectioned data that can be opened like an accordion.
-
Advanced jQuery: Using Ajax Shorthand
After watching this video, you will be able to use get(), getJSON(), getScript(), post(), and load() Ajax shorthand methods.
-
Advanced jQuery: Working with Element Classes
After watching this video, you will be able to work with element classes and dynamically determine if an element has a class.
-
Advanced jQuery: Toggling Classes
After watching this video, you will be able to use toggleClass() to add and remove classes.
-
Advanced jQuery: Working with Timers
After watching this video, you will be able to work with delay() and setTimeout.
-
Advanced jQuery: Adding and Removing Classes
After watching this video, you will be able to dynamically add and remove classes from elements.
-
Advanced jQuery: Working with SerializeArray
After watching this video, you will be able to work with serializeArray() to encode and manipulate form variables as an array.
-
Advanced jQuery: Using Param
After watching this video, you will be able to use param() to convert an array or object into a string that can be used in an Ajax request or URL.
-
Advanced jQuery: Working with Ajax Callbacks
After watching this video, you will be able to work with callbacks and the when() method.
-
Advanced jQuery: Using Serialize
After watching this video, you will be able to use serialize() to encode the form variables for submission.
-
Advanced jQuery: Configuring Ajax Settings
After watching this video, you will be able to configure the most common, but optional, Ajax settings.
-
Advanced jQuery: Identifying Ajax Synchronization Issues
After watching this video, you will be able to identify and handle Ajax synchronization issues.
-
jQuery Essentials: Creating an Animation Queue
After watching this video, you will be able to work with queues to build a set of functions to run on an element.
-
jQuery Essentials: Using Widgets and Animating an Element
After watching this video, you will be able to create a web page containing a widget and use animation to make the web page more interactive.
-
jQuery Essentials: Using Blind, Bounce, Clip, Scale, and Shake Effects
After watching this video, you will be able to use the Blind, Bounce, Clip, Scale, and Shake effects on elements.
-
jQuery Essentials: Working with the UI Transfer Effect
After watching this video, you will be able to transfer the outline of one element to another element to create a visual interaction between the elements.
-
jQuery Essentials: Using the UI Color Animation Effect
After watching this video, you will be able to use color animations to animate color properties of an element.
-
jQuery Essentials: Using Drop, Explode, Puff, Pulsate, and Fold Effects
After watching this video, you will be able to use the Drop, Explode, Puff, Pulsate, and Fold effects on elements.
-
Advanced jQuery: Working with String Parsing
After watching this video, you will be able to work with the string parsing functions parseHTML(), parseXML(), and parseJSON().
-
Advanced jQuery: Using .each()
After watching this video, you will be able to using each() to iterate over objects.
-
Advanced jQuery: Manipulating Arrays
After watching this video, you will be able to manipulate arrays using grep(), unique(), uniqueSort(), merge(), and makeArray().
-
Advanced jQuery: Performing Advanced Array Manipulation
After watching this video, you will be able to perform advanced array manipulation use map().
-
Advanced jQuery: Using the IS Utility Functions
After watching this video, you will be able to use the jQuery utility functions isArray(), isFunction(), isNumeric(), isWindow(), and isPlainObject().
-
Advanced jQuery: Manipulating and Creating Widgets
After watching this video, you will be able to manipulate widgets and create a simple widget.
-
Advanced jQuery: Selecting by Attribute
After watching this video, you will be able to select elements by attribute and use selector expressions.
-
jQuery Essentials: Using the Document Ready Event
After watching this video, you will be able to use the Document Ready event and its shortcut.
-
jQuery Essentials: Recognizing and Using Selectors
After watching this video, you will be able to recognize selectors and how they can be used.
-
jQuery Essentials: Working with jQuery Syntax
After watching this video, you will be able to recognize how jQuery is referenced, how chaining works, and how to prevent conflicts with $.
-
jQuery Essentials: Defining Events
After watching this video, you will be able to bind an event to an element and trigger it.
-
jQuery Essentials: Using jQuery in a Web Page
After watching this video, you will be able to create a web page that includes jQuery and use the console to confirm the library has loaded.
-
jQuery Essentials: Introducing jQuery and jQuery UI
After watching this video, you will be able to describe the differences between jQuery and jQuery UI and how they are used to create dynamic web sites.
-
jQuery Essentials: Retrieving and Setting CSS Properties
After watching this video, you will be able to use css() to get and set one or more CSS properties for an element.
-
jQuery Essentials: Getting the Contents of an Element
After watching this video, you will be able to use text(), html(), and val() to retrieve the contents of an element.
-
jQuery Essentials: Setting the Contents of an Element
After watching this video, you will be able to set the contents of an element using text(), html(), and val().
-
Advanced jQuery: Creating a Plugin
After watching this video, you will be able to create a simple plugin.
-
Advanced jQuery: Using jQuery Boilerplate to Create a Plugin
After watching this video, you will be able to use jQuery boilerplate to create a simple plugin.
-
Advanced jQuery: Finding Plugins
After watching this video, you will be able to find plugins to solve common problems.
-
Advanced jQuery: Using a Plugin
After watching this video, you will be able to use a third-party plugin.
-
Advanced jQuery: Stacking Elements
After watching this video, you will be able to use the ui-front class and z-index to stack elements.
-
Advanced jQuery: Differentiating between Widgets and Plugins
After watching this video, you will be able to distinguish between widgets and plugins and when each should be used.
-
Advanced jQuery: Working with Icons
After watching this video, you will be able to use ui-icon class to include icon elements.
-
Advanced jQuery: Publishing a Plugin
After watching this video, you will be able to publish a jQuery boilerplate plugin.
-
Advanced jQuery: Creating a Plugin to Manipulate a Web Page
After watching this video, you will be able to use a plugin to alter the theming done to a widget in multiple buttons.
-
Advanced jQuery: Working with ThemeRoller
After watching this video, you will be able to use ThemeRoller to download a theme and apply it to widgets.
-
Advanced jQuery: Selecting a Theme
After watching this video, you will be able to use the gallery to view, select, and download a preconfigured theme from the Gallery.
-
Advanced jQuery: Selecting by Content Filter
After watching this video, you will be able to use the content filters :contains(), :empty, :has(), and :parent to select elements.
-
Advanced jQuery: Selecting by Form Filters
After watching this video, you will be able to use form filters to select input form elements.
-
Advanced jQuery: Selecting with Filters
After watching this video, you will be able to use filters like :eq(), :first, :last to select elements.
-
Advanced jQuery: Selecting by Child
After watching this video, you will be able to work with child filters to select elements.
-
Advanced jQuery: Using Layout Helpers and Widget Containers
After watching this video, you will be able to use layout helpers and widget containers to apply themes and styles manually.
-
Advanced jQuery: Using Interaction States and Cues
After watching this video, you will be able to apply interaction state and cue classes to elements.
-
Advanced jQuery: Using a Theme
After watching this video, you will be able to use a downloaded theme on a set of elements.
-
Advanced jQuery: Rolling Your Own Theme
After watching this video, you will be able to create a theme manually from the ThemeRoller web site.
-
AngularJS 2.0: Using the CanDeactivate Route Guard
After watching this video, you will be able to detect when apps attempt to navigate away from certain routes and allow or cancel the navigation.
-
AngularJS 2.0: Guarding Routes that Require Authentication
After watching this video, you will be able to restrict access to front end routes which require authentication.
-
JS Frameworks and Libraries: Angular Services
After watching this video, you will be able to describe the use of services in Angular and how they work.
-
JS Frameworks and Libraries: Introduction to Redux
After watching this video, you will be able to define Redux and its use with JavaScript.
-
JS Frameworks and Libraries: Angular First Look
After watching this video, you will be able to specify in a nutshell how a project and app are created using Angular.
-
JS Frameworks and Libraries: Angular Directives
After watching this video, you will be able to describe the use of directives and how they are related to the components.
-
JS Frameworks and Libraries: Introduction to React
After watching this video, you will be able to describe React Library.
-
JS Frameworks and Libraries: React Components
After watching this video, you will be able to describing and using React components.
-
JS Frameworks and Libraries: Basics of Redux
After watching this video, you will be able to describe the main components of Redux including reducers, middleware, and stores.
-
JS Frameworks and Libraries: Why Use Redux?
After watching this video, you will be able to describe the benefits of using Redux.
-
JS Frameworks and Libraries: What is Angular 2?
After watching this video, you will be able to define Angular 2 and the advantages of using Angular.
-
JS Frameworks and Libraries: AngularJS Architecture
After watching this video, you will be able to describe various Angular concepts including templates and databindings.
-
JS Frameworks and Libraries: TypeScript Defined
After watching this video, you will be able to describe TypeScript and the relationship with the other JavaScript tools.
-
JS Frameworks and Libraries: Benefits of Using TypeScript
After watching this video, you will be able to list the benefits of using TypeScript with other JavaScript tools.
-
JS Frameworks and Libraries: jQuery HTML and Syntax
After watching this video, you will be able to describe jQuery syntax and how it's used, including using dev tags and HTML elements.
-
JS Frameworks and Libraries: Benefits of jQuery
After watching this video, you will be able to list the benefits of jQuery and its relationship with JavaScript.
-
JS Frameworks and Libraries: Use Common JavaScript Libraries
After watching this video, you will be able to provide an overview of the common JavaScript libraries and their benefits.
-
JS Frameworks and Libraries: Ember Models and Views
After watching this video, you will be able to describe Ember models and views.
-
JS Frameworks and Libraries: Introduction to jQuery Library
After watching this video, you will be able to describe the main elements of the JQuery library and how to use jQuery in your HTML code.
-
JS Frameworks and Libraries: jQuery Events
After watching this video, you will be able to describe and work with various common JQuery events.
-
JS Frameworks and Libraries: Ember Templates
After watching this video, you will be able to recognize the capabilities of Ember templating and the Handlebars templating library.
-
JS Frameworks and Libraries: Benefits of Ember
After watching this video, you will be able to specify the benefits of using Ember.
-
JS Frameworks and Libraries: Backbone.js Routing
After watching this video, you will be able to describe how the Backbone.js Router can be used to provide linkable URLs.
-
JS Frameworks and Libraries: Benefits of Backbone.js
After watching this video, you will be able to describe the benefits of using Backbone.js.
-
JS Frameworks and Libraries: Backbone.js Components
After watching this video, you will be able to recognize the various components of Backbone.js.
-
JS Frameworks and Libraries: Backbone.js Collections
After watching this video, you will be able to recognize how collections can be used to manage related models.
-
JS Frameworks and Libraries: Introduction to Ember.js
After watching this video, you will be able to describe the Ember framework and its ecosystem.
-
JS Frameworks and Libraries: Ember Routing
After watching this video, you will be able to recognize how the Ember Router uses Route Handlers.
-
JS Frameworks and Libraries: Benefits of Knockout
After watching this video, you will be able to describe the benefits of using the Knockout library.
-
JS Frameworks and Libraries: Introduction to Backbone.js
After watching this video, you will be able to describe the overall architecture and purpose of the Backbone.js library.
-
JS Frameworks and Libraries: Introduction to Knockout
After watching this video, you will be able to describe the Knockout library.
-
JS Frameworks and Libraries: Knockout Components
After watching this video, you will be able to recognize the main components of the Knockout library, including bindings and templates.
-
JS Frameworks and Libraries: Creating a Basic Grunt Plugin
After watching this video, you will be able to specify how a basic plugin is created using Grunt.
-
JS Frameworks and Libraries: Kendo UI Introduction
After watching this video, you will be able to describe Kendo UI and the various components.
-
JS Frameworks and Libraries: Introduction to Grunt
After watching this video, you will be able to describe various Grunt components and a basic overview of how it is configured.
-
JS Frameworks and Libraries: Grunt Working with Tasks and Files
After watching this video, you will be able to recognize how to create tasks and files in Grunt.
-
JS Frameworks and Libraries: Recognize Concepts of Frameworks and Tools
After watching this video, you will be able to recognize concepts of the common frameworks and tools used in JavaScript.
-
JS Frameworks and Libraries: Demo Kendo UI
After watching this video, you will be able to describe how to use Kendo UI and its benefits.
-
JS Frameworks and Libraries: Kendo UI Mobile
After watching this video, you will be able to describe Kendo UI Mobile and describe how to use it.
-
JS Frameworks and Libraries: ReactJS and Redux
After watching this video, you will be able to describe how Redux is used with React.
-
JS Frameworks and Libraries: Why Use ReactJS?
After watching this video, you will be able to describe the common benefits of using React and why you should use React with JavaScript.
-
JS Frameworks and Libraries: React JSX
After watching this video, you will be able to recogniizing and using the React JavaScript extension syntax.
-
Angular Reactive Programming: Describing Asynchronous Programming
After watching this video, you will be able to apply asynchronous programming to solve a development issue using pure JavaScript.
-
Angular Reactive Programming: Using the Async Pipe with Observables
After watching this video, you will be able to define asynchronous programming and how it's used in modern web development.
-
Angular Reactive Programming: Performing Asynchronous Programming with jQuery
After watching this video, you will be able to define the Observer pattern and how reactive uses observables.
-
Angular Reactive Programming: Applying Asynchronous Programming to JavaScript
After watching this video, you will be able to perform an asynchronous task using jQuery.
-
Angular Reactive Programming: Describing Reactive Programming
After watching this video, you will be able to describe and define reactive programming.
-
Angular Reactive Programming: Working with ngrx DevTools
After watching this video, you will be able to use the Redux DevTools extension for Firefox or Chrome.
-
Angular Reactive Programming: Describing RxJS and Its Operators
After watching this video, you will be able to create and use an RxJS observable object to bind an input event.
-
Angular Reactive Programming: Defining the Observer Pattern
After watching this video, you will be able to describe the RxJS library and some of its functionality, including map(), create(), and merge().
-
Angular Reactive Programming: Describing ngrx and Its Tenets
After watching this video, you will be able to describe the ngrx Angular component and its fundamental tenets.
-
Angular Reactive Programming: Using Reactive Programming with Angular
After watching this video, you will be able to using reactive programming techniques and components with Angular.
-
Angular Reactive Programming: Describing ngrx Components
After watching this video, you will be able to describe the components of ngrx and how they can be used within an Angular app.
-
Angular Reactive Programming: Recognizing the Benefits of Using ngrx
After watching this video, you will be able to recognize the features and benefits of using ngrx in an Angular app.
-
Angular Reactive Programming: Subscribing to a Sequence
After watching this video, you will be able to convert arrays and iterable structures into observables and use observable operators like count and scan.
-
Angular Reactive Programming: Creating and Using Observables
After watching this video, you will be able to subscribe to a sequence to get data from an event.
-
Angular Reactive Programming: Controlling an Observable Manually
After watching this video, you will be able to use the Angular async pipe to bind to observables from templates.
-
Angular Reactive Programming: Converting Arrays and Iterables into Observables
After watching this video, you will be able to create an observable with direct access to Observers and use observable operators like merge.
-
Angular Reactive Programming: Dispatching Actions and Modifying State
After watching this video, you will be able to dispatch actions that are able modify the state of the application to an ngrx store.
-
Angular Reactive Programming: Getting Current State
After watching this video, you will be able to access and display state data that is being managed by an ngrx store.
-
Angular Reactive Programming: Using ngrx with Reactive Angular
After watching this video, you will be able to use ngrx to create a Reactive Angular App.
-
Angular Reactive Programming: Working with Effects
After watching this video, you will be able to execute necessary side effects within the ngrx store ecosystem.
-
Angular Reactive Programming: Defining a Reducer
After watching this video, you will be able to create a reducer function that is able to modify state based on specific actions.
-
Angular Reactive Programming: Defining Action Types
After watching this video, you will be able to define and restrict the types of actions that are expected to be used in a reducer function.
-
Angular Reactive Programming: Setting Up a Store
After watching this video, you will be able to set up an ngrx store that can be used to manage state in an Angular app.
-
Angular Reactive Programming: Testing a Reducer
After watching this video, you will be able to create and execute unit tests against a reducer function to verify expected functionality.
-
Angular 5: Using the Tree View Component
After watching this video, you will be able to set up data in a tree view structure using the Amexio Tree View component.
-
Angular 5: Using ng-bootstrap Progress Bars
After watching this video, you will be able to use the ngb-progressbar component to implement progress bars in an Angular app.
-
Angular 5: Using Material Progression Components
After watching this video, you will be able to display and show progress using the Progress spinner and Progress bar components.
-
LoopBack Node.js Framework: What Is the LoopBack Framework?
After watching this video, you will be able to describe the features and benefits of the LoopBack framework.
-
LoopBack Node.js Framework: Customize LoopBack Models
After watching this video, you will be able to add custom functionality to existing models.
-
LoopBack Node.js Framework: Creating Models Using Instance Introspection
After watching this video, you will be able to use instance introspection to create models.
-
LoopBack Node.js Framework: Creating Models Using Database Discovery
After watching this video, you will be able to use database discovery to create models.
-
LoopBack Node.js Framework: Additional Access Control Concerns
After watching this video, you will be able to describe additional steps to create security in LoopBack.
-
LoopBack Node.js Framework: Administrative Users
After watching this video, you will be able to create users and add administrative roles.
-
LoopBack Node.js Framework: Accessing and Restricting Related Models
After watching this video, you will be able to use and control access to related models in LoopBack.
-
LoopBack Node.js Framework: Creating Models Using the Generator
After watching this video, you will be able to use the model generator to create models.
-
LoopBack Node.js Framework: Extend the Built-in Models
After watching this video, you will be able to add functionality to the default LoopBack models.
-
LoopBack Node.js Framework: LoopBack Built-in Models
After watching this video, you will be able to use the models that are part of every LoopBack application.
-
LoopBack Node.js Framework: Create a New LoopBack API
After watching this video, you will be able to create a new LoopBack API.
-
LoopBack Node.js Framework: Creating Remote Methods
After watching this video, you will be able to extend your model by adding custom REST endpoints.
-
LoopBack Node.js Framework: Performing Queries on Related Models
After watching this video, you will be able to query data from related models.
-
LoopBack Node.js Framework: Using BelongsTo Relations
After watching this video, you will be able to create model relations using BelongsTo.
-
LoopBack Node.js Framework: Validate LoopBack Model Data
After watching this video, you will be able to use schemas to ensure model data is valid.
-
LoopBack Node.js Framework: Expose Models Using REST
After watching this video, you will be able to make models available over REST.
-
LoopBack Node.js Framework: Connect Models to Data Sources
After watching this video, you will be able to connect LoopBack models to back-end data sources.
-
LoopBack Node.js Framework: Using HasAndBelongsToMany Relations
After watching this video, you will be able to create model relations using HasAndBelongsToMany.
-
LoopBack Node.js Framework: Using HasManyThrough Relations
After watching this video, you will be able to create model relations using HasManyThrough.
-
LoopBack Node.js Framework: Using HasMany Relations
After watching this video, you will be able to create model relations using HasMany.
-
LoopBack Node.js Framework: Using HasOne Relations
After watching this video, you will be able to create model relations using HasOne.
-
LoopBack Node.js Framework: Creating New Data Sources
After watching this video, you will be able to add an additional data source connector to your application.
-
LoopBack Node.js Framework: Core Concepts of the LoopBack Framework
After watching this video, you will be able to identify concepts that are central to working with LoopBack.
-
Angular 4: Using Event Bindings
After watching this video, you will be able to bind html events to components using brackets.
-
Angular 4: Using Property Bindings
After watching this video, you will be able to use square brackets to bind html attributes to components.
-
Angular 4: Using Two-way Data Bindings
After watching this video, you will be able to set up two-way data binding between a component and its markup.
-
Angular 4: Creating a Component
After watching this video, you will be able to create a component.
-
Angular 4: Setting Template URLs for Components
After watching this video, you will be able to create external template files for components.
-
Angular 4: Using Interpolation
After watching this video, you will be able to use curly braces for runtime evaluation of template expressions.
-
Angular 4: Adding Styles to a Component
After watching this video, you will be able to add CSS that is component-specific.
-
LoopBack Node.js Framework: Static and Dynamic Roles in LoopBack
After watching this video, you will be able to create and make use of different role types in LoopBack.
-
LoopBack Node.js Framework: Authenticated Requests
After watching this video, you will be able to use access tokens to provide request authentication.
-
LoopBack Node.js Framework: LoopBack Data Access Controls
After watching this video, you will be able to control data access within LoopBack.
-
LoopBack Node.js Framework: User Model Authentication
After watching this video, you will be able to describe the user authentication model used in LoopBack.
-
LoopBack Node.js Framework: Introduction to Access Control in LoopBack
After watching this video, you will be able to identify access control concepts in LoopBack.
-
LoopBack Node.js Framework: Deploy Your Application
After watching this video, you will be able to use StrongLoop Arc to deploy your LoopBack application.
-
LoopBack Node.js Framework: Creating a Web-based Client with AngularJS
After watching this video, you will be able to use the AngularJS SDK to create a web client for the LoopBack application.
-
Angular 4: Using ngFor with Index
After watching this video, you will be able to use the ngFor directive along with an index value.
-
Angular 4: Using the ngFor Directive
After watching this video, you will be able to use ngFor to iterate over a list or an object's contents.
-
Angular 4: Using the JSON Pipe
After watching this video, you will be able to display data in JSON format.
-
Angular 4: Using the Uppercase and Lowercase Pipe
After watching this video, you will be able to convert text case of a string.
-
Angular 4: Using the Slice Pipe
After watching this video, you will be able to slice strings and lists before displaying them in a template.
-
Angular 4: Using the Currency Pipe
After watching this video, you will be able to display data using a currency format.
-
Angular 4: Working with * and ng-template
After watching this video, you will be able to modify html layout using templates.
-
Angular 4: Using ngFor with trackBy
After watching this video, you will be able to optimize ngFor performance by providing a tracking function.
-
Angular 4: Use Angular Directives
After watching this video, you will be able to use Angular directives.
-
Angular 4: Creating Custom Attribute Directives
After watching this video, you will be able to create and use a custom attribute directive.
-
Angular 4: Using the ngSwitch Directive
After watching this video, you will be able to display one element tree from a set of multiple possible trees.
-
Angular 4: Providing Input Data to Components
After watching this video, you will be able to pass input data into a component using the @Input decorator.
-
Angular 4: Using the ngClass Directive
After watching this video, you will be able to set multiple classes on elements using ngClass.
-
Angular 4: Creating a Component and Bindings
After watching this video, you will be able to create a custom component and manipulate element bindings.
-
Angular 4: Using the ngStyle Directive
After watching this video, you will be able to set multiple styles on elements using ngStyle.
-
Angular 4: Using the ngIf Directive
After watching this video, you will be able to toggle element rendering based on a condition.
-
Angular 4: Working with Class Binding
After watching this video, you will be able to work with class binding to manipulate element classes.
-
Angular 4: Sending Component Events as Outputs
After watching this video, you will be able to get event information from a component using @Output and EventEmitter.
-
Angular 4: Using the Safe Navigation Operator
After watching this video, you will be able to avoid null and undefined values in properties and property paths.
-
Angular 4: Working with Style Binding
After watching this video, you will be able to use style bindings to set simple inline styles on elements.
-
Angular 4: Accessing Route Parameters
After watching this video, you will be able to use the ActivatedRoute service in a component.
-
Angular 4: Navigating via Route Parameters
After watching this video, you will be able to use route parameters to perform explicit routing from within a controller class.
-
Angular 4: Working with Child Routes and Nested Router Outlets
After watching this video, you will be able to define child routes that display relative to parent components and router outlets.
-
Angular 4: Working with Optional Route Parameters
After watching this video, you will be able to use optional route parameters for navigating.
-
Angular 4: Creating Module-specific Routes
After watching this video, you will be able to define and use child routes for use in external modules.
-
Angular 4: Modularizing an Angular App
After watching this video, you will be able to group components together to create feature-specific modules that can be imported into larger apps.
-
Angular 4: Routing in Angular Apps
After watching this video, you will be able to create and use routes in an Angular App.
-
Angular 4: Using Secondary Routes and Named Outlets
After watching this video, you will be able to define and use named router outlets as secondary destinations.
-
Angular 4: Injecting and Using Services
After watching this video, you will be able to inject and use a custom service.
-
Angular 4: Creating a Service
After watching this video, you will be able to create a custom service for an app.
-
Angular 4: Setting Dynamic Form Values
After watching this video, you will be able to set default values for the form fields after a form has been initialized.
-
Angular 4: Setting Singular Dynamic Form Controls
After watching this video, you will be able to set a default value for a single form input field after a form has been initialized.
-
Angular 4: Use Model-driven Forms for Angular
After watching this video, you will be able to create model-driven forms.
-
Angular 4: Detecting Changes to Forms
After watching this video, you will be able to detect and respond to changes in model-driven forms.
-
Angular 4: Adding Form Controls to the View
After watching this video, you will be able to add FormControl objects to a template view.
-
Angular 4: Working with Routing Modules
After watching this video, you will be able to use an external router module to manage routes in separate files.
-
Angular 4: Configuring a Router
After watching this video, you will be able to set up routes for an application.
-
Angular 4: Installing the Angular Router
After watching this video, you will be able to install the modules needed for routing.
-
Angular 4: Working with Router Link
After watching this video, you will be able to use the RouterLink directive to define navigation links.
-
Angular 4: Using a Router Outlet
After watching this video, you will be able to use a router outlet element to display routed views.
-
LoopBack Node.js Framework: Accessing Context Information
After watching this video, you will be able to access information about the current execution context.
-
LoopBack Node.js Framework: Creating Remote and Operation Hooks
After watching this video, you will be able to execute code when other methods are called.
-
LoopBack Node.js Framework: The Include Filter
After watching this video, you will be able to include data from related models in a query.
-
LoopBack Node.js Framework: The Fields Filter
After watching this video, you will be able to filter query results by fields.
-
LoopBack Node.js Framework: Adding, Deleting, and Updating Data
After watching this video, you will be able to create, update, and delete data in your models.
-
LoopBack Node.js Framework: Working with Events
After watching this video, you will be able to take actions when other LoopBack events occur.
-
Angular 4: Updating Form Appearance Using CSS
After watching this video, you will be able to use CSS to display visual cues when form input is invalid.
-
Angular 4: Tracking Changes in Angular Forms
After watching this video, you will be able to use class changes to determine when a form is changing state.
-
Angular 4: Resetting a Form
After watching this video, you will be able to reset a form using the reset() method.
-
Angular 4: Displaying Form Validation Errors
After watching this video, you will be able to use form state to display informative error messages.
-
Angular 4: Initializing the Form Model
After watching this video, you will be able to initialize a FormGroup instance for a model-driven form.
-
Angular 4: Setting Up a Model-driven Form View
After watching this video, you will be able to create an html view for a model-driven form.
-
Angular 4: Manipulate and Manage Forms
After watching this video, you will be able to manipulate and manage template-driven forms.
-
Angular 4: Submitting a Form
After watching this video, you will be able to submit a form using ngSubmit.
-
Angular 4: Creating a Model-driven Form Component
After watching this video, you will be able to create a component class to support a model-driven form.
-
Angular 4: Installing ReactiveFormsModule
After watching this video, you will be able to install and configure the ReactiveFormsModule.
-
Angular 4: Using the Date Pipe
After watching this video, you will be able to format and manipulate the display of dates using the date pipe.
-
Angular 4: Use Angular Pipes
After watching this video, you will be able to use and create pipes for an Angular app.
-
Angular 4: Creating a Custom Pipe
After watching this video, you will be able to create and use a custom pipe.
-
Angular 4: Using ngModel and ngModelChange
After watching this video, you will be able to use ngModel and ngModelChange to configure two-way binding in a form.
-
LoopBack Node.js Framework: Create Models Using Various Means
After watching this video, you will be able to create LoopBack models.
-
Angular 4: Using Template Reference Variables
After watching this video, you will be able to use template variables to access elements or directives within the template.
-
LoopBack Node.js Framework: The Limit, Order, and Skip Filters
After watching this video, you will be able to obtain a specific subset of results from a query.
-
LoopBack Node.js Framework: The Where Filter
After watching this video, you will be able to obtain query results that match logical conditions.
-
Angular 4: Using Input Validators
After watching this video, you will be able to use built-in validators to validate form field data entry.
-
Angular 4: Creating a Form Component
After watching this video, you will be able to create a component class to support a form.
-
Angular 4: Creating a Model Object
After watching this video, you will be able to create a model class for a form.
-
Angular 4: Using ngModel to Bind Form Fields
After watching this video, you will be able to bind form input fields to component properties.
-
Angular 4: Creating a Form Template
After watching this video, you will be able to create a template markup to display a form.
-
Angular 4: Animating NativeScript Apps
After watching this video, you will be able to set up animations for NativeScript mobile apps.
-
Angular 4: Routing NativeScript Apps
After watching this video, you will be able to set up routing for NativeScript mobile apps.
-
Angular 4: Create a Mobile App with Angular
After watching this video, you will be able to create a mobile app using NativeScript.
-
Angular 4: Working with Native APIs
After watching this video, you will be able to access device-specific APIs from NativeScript.
-
Angular 4: Customizing NativeScript UI
After watching this video, you will be able to use NativeScript UI elements to create an app interface.
-
Angular 4: Running a NativeScript App Project
After watching this video, you will be able to run a NativeScript app in a mobile emulator.
-
Angular 4: Styling NativeScript Apps
After watching this video, you will be able to use CSS to style NativeScript apps.
-
Angular 4: Working with NativeScript Layouts
After watching this video, you will be able to use NativeScript built-in layouts to help define an app interface.
-
Angular 4: Setting up Target Deployment Platforms
After watching this video, you will be able to initialize platform-specific projects.
-
Angular 4: Setting Up Parallel Animation Groups
After watching this video, you will be able to configure timing for animations that happen in parallel.
-
Angular 4: Setting Up a Keyframe Animation
After watching this video, you will be able to set up complex animations with keyframes.
-
Angular 4: Use Animations in an Angular App
After watching this video, you will be able to create and use animations in an Angular app.
-
Angular 4: Using Animation Callbacks
After watching this video, you will be able to use callbacks to take action when an animation starts or ends.
-
Angular 4: Attaching Animations
After watching this video, you will be able to attach an animation to a view element.
-
Angular 4: Setting Up Animation Transitions
After watching this video, you will be able to set up transitions between animation states.
-
Angular 4: Using the Void Animation State
After watching this video, you will be able to use the void state to do animations for elements not attached to a view.
-
Angular 4: Using the Wildcard Animation State
After watching this video, you will be able to use the wildcard state to match any animation state.
-
Angular 4: Creating a New NativeScript and Angular App
After watching this video, you will be able to create a new app using the NativeScript CLI.
-
Angular 4: Installing NativeScript
After watching this video, you will be able to install the NativeScript CLI.
-
Angular 4: Using the CanActivate Route Guard
After watching this video, you will be able to restrict access to app routes using the CanActivate guard.
-
Angular 4: Using Route Parameters as Observables
After watching this video, you will be able to use observable route parameters to facilitate component re-use.
-
Angular 4: Create a Service
After watching this video, you will be able to create a service that retrieves external data.
-
Angular 4: Using the CanDeactivate Route Guard
After watching this video, you will be able to detect when apps attempt to navigate away from certain routes.
-
Angular 4: Installing the HttpModule
After watching this video, you will be able to import and install the HttpModule.
-
Angular 4: Working with Observables
After watching this video, you will be able to use the observable object.
-
Angular 4: Fetching Data Using http.get
After watching this video, you will be able to retrieve data from an external network resource.
-
Angular 4: Setting Up Animation Triggers
After watching this video, you will be able to create animation triggers to define animations.
-
Angular 4: Installing the Animation Package
After watching this video, you will be able to import the package and functions for doing animations.
-
Angular 4: Setting Up Animation States
After watching this video, you will be able to configure and use animation states.
-
Automating Tasks with Grunt: Image Size, Performance, and Local Server
After watching this video, you will be able to reduce the size of raster image assets, quantify Grunt performance, and enable a local web server.