[_done20160226] a1

Watch User Created Playlist (96)

This playlist is user created.

pro-course-rss-logo

PRO RSS Feed

Using Angular's ngClass

P

When should I use ng-show or ng-if

P

Transforming raw JSON data to meaningful output in AngularJS

P

Extract predicate methods into filters for ng-if and ng-show

P

Stateful filters with promises in AngularJS

P

Using ngMockE2E to mock backend data

P

Getting started with Angular + JSPM + ES6

P

AngularJS $cacheFactory service

P

Create a D3 Chart as an Angular Directive

P

Introduction to ngFx for Angular animations

P

New in Angular 1.4 - New bindToController Syntax

P

Using ng-html2js to Convert Templates into JavaScript

P

Catching errors with $exceptionHandler

P

Taking control of your templates using $templateCache

P

Localize your AngularJS Application with angular-localization

P

Hijacking Existing HTML Attributes with Angular Directives

P

Adding custom methods to angular.module

P

New in Angular 1.3: ngModelOptions allows you to set a timezone on your model.

P

New in Angular 1.3: ng-model-options getters and setters

P

Lazy Loading non-Angular Libraries with ocLazyLoad

P

Using the AngularJS scope's $watchCollection method

P

Simple Lazy Loaded Angular Module Syntax with ocLazyLoad

P

Lazy Loading modules with ui-router and ocLazyLoad

P

Using the ngChange Directive in Angular

P

AngularJS Batarang

P

Decorating an Angular event for composed behavior

P

The basics of $scope.$watch

P

Refactoring: Replace Loop with Collection Closure using Lodash

P

Refactoring: Polymorphic Functions

P

Using ng-annotate for min-safe AngularJS

P

Refactoring: Extract Method

P

Lazy loading Angular modules with ocLazyLoad

P

Using the Angular scope $destroy event and method.

P

Using the LocalForage library for offline storage with Angular

P

Refactoring: Unit Test Coverage Report Setup

P

Debounce (delay) User Input in AngularJS with Lodash

P

Directive Definition Object (DDO)

P

$apply vs $digest

P

ngModelController render function

P

Introduction to Grunt for Angular

P

ngModelController: viewValue-modelValue relationship

P

Using ngModel in Custom Directives

P

Firebase Data Relationships

P

Search Directive with Rails

P

Firebase Basic Authentication Part 2

P

JavaScript Function Scope and $scope

P

Firebase Basic Authentication Part 1

P

Using $anchorScroll

P

Firebase Event Handling

P

Updating Real-Time Data with Firebase Forge

P

Get Started with Firebase and AngularFire

P

Advanced Filtering with the Filter Filter

P

Rails Todo API Part 2

P

Rails Todo API Part 1

P

Compile Pre and Post Link

P

Build Your Own ng-controller Directive

P

Create a Scope Decorator

P

File Uploads

P

Directive with Transcluded Elements

P

HTML with ngSanitize and SCE

P

Custom Jasmine 1.3 Matchers

P

Application Wiring: JQuery vs AngularJS

P

Inject Jasmine Spies With $provide

P

Accessing Data in HTML

P

Testing Controllers With Dependencies

P

Design Pattern: Simple Mediator

P

Design Patterns: Mixin

P

Testing a Controller

P

Testing a Service

P

Speed Testing with WebStorm and Jasmine

P

Testing Underscores

P

Unit Testing Directive Scope Binding

P

Unit Testing Directive Scope

P

Unit Testing a Directive

P

Unit Testing "Hello World"

P

No Custom Markup

P

Using angular.bootstrap to Initialize Your App

P

angular.copy

P

Animating with JavaScript

P

ng-repeat-start

P

ngmin

P

Experimental "Controller as" Syntax

P

Route Life Cycle

P

Directive for Route Handling

P

resolve $routeChangeError

P

resolve conventions

P

Resolve

P

redirectTo

P

$routeParams

P

$routeProvider api

P

ng-view

P

Thinking Differently About Organization

P

An Alternative Approach to Controllers

P

Directives Talking to Controllers

P

Unit Testing AngularJS

P

The Dot

P
angularjs tutorial about Using Angular's ngClass

Using Angular's ngClass

3:07 angularjs PRO

Using Angular's ngClass directive you can dynamically assign classes to the HTML elements in your Angular application. This video will show you several different methods for taking advantage of Angular's ngClass.

angularjs tutorial about When should I use ng-show or ng-if

When should I use ng-show or ng-if

5:34 angularjs PRO

Walkthrough the main differences between the ng-show and ng-if directives

angularjs tutorial about Transforming raw JSON data to meaningful output in AngularJS

Transforming raw JSON data to meaningful output in AngularJS

6:38 angularjs PRO

JSON from server often exposes raw data you have to transform to present to your end users. In this lesson, we cover a few solutions to make it happen.

angularjs tutorial about Extract predicate methods into filters for ng-if and ng-show

Extract predicate methods into filters for ng-if and ng-show

3:09 angularjs PRO

Leaking logic in controllers is not an option, filters are a way to refactor your code and are compatible with ng-if and ng-show

angularjs tutorial about Stateful filters with promises in AngularJS

Stateful filters with promises in AngularJS

4:44 angularjs PRO

This lesson illustrates how to use promises inside Angular filters

angular tutorial about Using ngMockE2E to mock backend data

Using ngMockE2E to mock backend data

4:02 angular PRO

Mocking backend responses is extremely simple with angular-mocks.js and the ngMockE2E module. This lesson will show you how to include and use the module, ensuring you can stay productive on the front end even if your back end is broken, slow, or doesn't even exist yet.

angularjs tutorial about Getting started with Angular + JSPM + ES6

Getting started with Angular + JSPM + ES6

3:04 angularjs PRO

JSPM allows you to load any client package from github and npm in any module format. Learn how to use it to create a great workflow with Angular and ES6.

angularjs tutorial about AngularJS $cacheFactory service

AngularJS $cacheFactory service

5:16 angularjs PRO

Angular's $cacheFactory can be used on its own or to customize the behavior of $http calls. This lesson introduces the API and shows how to integrate $cacheFactory into your project.

angularjs tutorial about Create a D3 Chart as an Angular Directive

Create a D3 Chart as an Angular Directive

8:55 angularjs PRO

Integrating D3 with Angular can be very simple. In this lesson, you will learn basic integration as well as how to create D3 charts that can be packaged as AngularJS directives.

angularjs tutorial about Introduction to ngFx for Angular animations

Introduction to ngFx for Angular animations

2:04 angularjs PRO

ngFx is an amazing animation library built on top of ngAnimate using Greensock Animation Platform. This quick introduction will have you animating your Angular apps today.

angularjs tutorial about New in Angular 1.4 - New bindToController Syntax

New in Angular 1.4 - New bindToController Syntax

1:43 angularjs PRO

Angular 1.4 introduces a new syntax for bindToController. John demonstrates how to use it and what the new options are.

angularjs tutorial about Using ng-html2js to Convert Templates into JavaScript

Using ng-html2js to Convert Templates into JavaScript

3:39 angularjs PRO

ng-html2js takes .html templates and converts them into strings stored in AngularJS's template cache. This allows you to bundle all of your templates into a single JavaScript file for simpler deployment and faster loading. John walks through using ng-html2js in the terminal to show what it does, but to integrate with either gulp or grunt, use the tool specific module.

angularjs tutorial about Catching errors with $exceptionHandler

Catching errors with $exceptionHandler

5:25 angularjs PRO

The AngularJS $exceptionHandler service allows you to catch and handle unanticipated JavaScript errors in a meaningful way.

angularjs tutorial about Taking control of your templates using $templateCache

Taking control of your templates using $templateCache

3:09 angularjs PRO

Learn how Angular stores and retrieves templates, and some tricks for making it more flexible and dynamic.

angularjs tutorial about Localize your AngularJS Application with angular-localization

Localize your AngularJS Application with angular-localization

5:28 angularjs PRO

It is best to start your application's localization efforts early in development, even if you only support one language initially. Libraries like angular-localization help make the process of supporting additional languages much easier.

angularjs tutorial about Hijacking Existing HTML Attributes with Angular Directives

Hijacking Existing HTML Attributes with Angular Directives

3:55 angularjs PRO

Angular overrides quite a few existing HTML elements and attributes. This can be a useful technique in our own applications. We will build a directive that adds additional functionality to the src property of an <img>

angularjs tutorial about Adding custom methods to angular.module

Adding custom methods to angular.module

3:31 angularjs PRO

There are situations where you might want to add additional methods to angular.module. This is easy to accomplish, and can be a handy technique.

angularjs tutorial about New in Angular 1.3: ngModelOptions allows you to set a timezone on your model.

New in Angular 1.3: ngModelOptions allows you to set a timezone on your model.

1:19 angularjs PRO

ngModelOptions in angular allows you to set several handy options of your ngModels, including the timezone for dealing with dates and times.

angularjs tutorial about New in Angular 1.3: ng-model-options getters and setters

New in Angular 1.3: ng-model-options getters and setters

3:34 angularjs PRO

With ngModelOptions in Angular 1.3 you can turn your model into a getter/setter function to have greater control over your model.

javascript tutorial about Lazy Loading non-Angular Libraries with ocLazyLoad

Lazy Loading non-Angular Libraries with ocLazyLoad

1:06 javascript PRO

ocLazyLoad will also load non-Angular libraries in the lazy way.

angularjs tutorial about Using the AngularJS scope's $watchCollection method

Using the AngularJS scope's $watchCollection method

3:11 angularjs PRO

The $watchCollection method on Angular scopes provides a convenient way to watch for changes on the shallow properties of an object.

angularjs tutorial about Simple Lazy Loaded Angular Module Syntax with ocLazyLoad

Simple Lazy Loaded Angular Module Syntax with ocLazyLoad

1:49 angularjs PRO

ocLazyLoad offers several ways to lazy load your AngularJS modules. This lesson looks at the syntax for lazy loading dependencies declared in the module definition.

angularjs tutorial about Lazy Loading modules with ui-router and ocLazyLoad

Lazy Loading modules with ui-router and ocLazyLoad

2:40 angularjs PRO

We've looked at lazy loading with ocLazyLoad previously, but what if we are using ui-router and want to lazy load modules when we change states?

angularjs tutorial about Using the ngChange Directive in Angular

Using the ngChange Directive in Angular

2:25 angularjs PRO

The ngChange directive will allow you to monitor value changes on input elements in your AngularJS applications

angularjs tutorial about AngularJS Batarang

AngularJS Batarang

4:49 angularjs PRO

AngularJS Batarang is a powerful Chrome extension that makes your developer tools "Angular aware".

angularjs tutorial about Decorating an Angular event for composed behavior

Decorating an Angular event for composed behavior

6:16 angularjs PRO

Events are a useful tool for triggering functionality based on something that has occurred in your application. In this lesson, we will build upon the concepts from the create a scope decorator lesson to create an event decorator that can be used to cleanly compose functionality on top of Angular events.

angularjs tutorial about The basics of $scope.$watch

The basics of $scope.$watch

6:32 angularjs PRO

With AngularJS's $scope.$watch, you are able to monitor scope values for changes. This can be useful for validation of user input, as an example.

angularjs tutorial about Refactoring: Replace Loop with Collection Closure using Lodash

Refactoring: Replace Loop with Collection Closure using Lodash

6:49 angularjs PRO

Logic often gets added to our loops. We need to iterate over a collection, and get the sum of values, for instance. This approach can lead to complicated methods, that are hard to test. Using Lodash (Underscore), we are going to extract logic in a large loop body into well named methods. The result will be cleaner and easier to understand.

angularjs tutorial about Refactoring: Polymorphic Functions

Refactoring: Polymorphic Functions

4:37 angularjs PRO

if-statements can add serious complexity and beg for refactoring. You can use polymorphic functions to simplify your ifs and dynamically call the appropriate method.

angularjs tutorial about Using ng-annotate for min-safe AngularJS

Using ng-annotate for min-safe AngularJS

6:03 angularjs PRO

When you minify your code with a tool like Uglify, the resulting minified file will rename variables. This is a problem for AngualrJS, which uses parameter names to provide injected dependencies. You could use the array notation manually, but no human should ever have to suffer this fate, or you could use ng-annotate with Grunt, and let your helper robots get the job done instead.

angularjs tutorial about Refactoring: Extract Method

Refactoring: Extract Method

8:15 angularjs PRO

Refactoring is a fact of life, and the "extract method" refactoring is the cornerstone of improving your code.

angularjs tutorial about Lazy loading Angular modules with ocLazyLoad

Lazy loading Angular modules with ocLazyLoad

5:33 angularjs PRO

With the ocLazyLoad you can load AngularJS modules on demand. This is very handy for runtime loading of Angular modules in large applications.

angularjs tutorial about Using the Angular scope $destroy event and method.

Using the Angular scope $destroy event and method.

4:25 angularjs PRO

With Angular scopes, you have access to a $destroy event that can be used to watch $scope events. This is used for cleanup, and gives you a final opportunity to access any data on a scope. Scopes also have a (rarely used) $destroy method that allows you to manually destroy a scope.

angularjs tutorial about Using the LocalForage library for offline storage with Angular

Using the LocalForage library for offline storage with Angular

1:39 angularjs PRO

The angular-localforage library makes simple offline storage easy.

angularjs tutorial about Refactoring: Unit Test Coverage Report Setup

Refactoring: Unit Test Coverage Report Setup

5:42 angularjs PRO

The "R" word. Refactoring. The first step in refactoring code is to make sure we are covering the existing code with tests. If we aren't refactoring against tested code, we are just changing stuff. In this lesson, we'll start taking a look at some code that needs refactoring, and get test coverage reports setup.

angularjs tutorial about Debounce (delay) User Input in AngularJS with Lodash

Debounce (delay) User Input in AngularJS with Lodash

3:42 angularjs PRO

Lodash has an enormous amount of utility functions for dealing with collections and objects in javascript. You can use it in your AngularJS applications to "debounce" user input, or add delay between user actions. This is a common technique for text input to hold firing service calls until the user stops typing for a fraction of a second.

angularjs tutorial about Directive Definition Object (DDO)

Directive Definition Object (DDO)

1:19 angularjs PRO

Directive Definition Objects are used to configure AngularJS directives. Be sure to check out our Directive Definition Object Cheat Sheet.

angularjs tutorial about $apply vs $digest

$apply vs $digest

2:25 angularjs PRO

$apply and $digest are both methods on AngularJS scopes that allow you to manually trigger the updates to bound properties on your scopes.

angularjs tutorial about ngModelController render function

ngModelController render function

2:04 angularjs PRO

When implementing ng-model on your reusable AngularJS directives, you need to implement the render function.

angularjs tutorial about Introduction to Grunt for Angular

Introduction to Grunt for Angular

2:19 angularjs PRO

Task automation is critical for any AngularJS single-page application. Grunt gets the job done.

angularjs tutorial about ngModelController: viewValue-modelValue relationship

ngModelController: viewValue-modelValue relationship

2:20 angularjs PRO

This lesson takes a look at the AngularJS internals to better understand what Angular is doing under the hood with ngModel to keep data and views in sync.

angularjs tutorial about Using ngModel in Custom Directives

Using ngModel in Custom Directives

1:42 angularjs PRO

You can use ngModel in your own directives, but there are a few things you'll need to do to get it working properly.

angularjs tutorial about Firebase Data Relationships

Firebase Data Relationships

10:33 angularjs PRO

Data has relationships, and Firebase allows you to define those relationships in your AngularJS applications.

rails tutorial about Search Directive with Rails

Search Directive with Rails

7:35 rails PRO

Create a search directive with AngularJS and Rails. You'll want to take a look at the related Rails TODO API Part 1 and Rails TODO API Part 2. This is not a Rails how-to, so some knowledge there is expected to get up and running.

angularjs tutorial about Firebase Basic Authentication Part 2

Firebase Basic Authentication Part 2

3:22 angularjs PRO

Authenticating with Firebase creates a 24 hour session for the user. This allows you to fetch the current session for the user, as well as logout the user and destroy the session.

angularjs tutorial about JavaScript Function Scope and $scope

JavaScript Function Scope and $scope

6:57 angularjs PRO

How does AngularJS $scope relate to JavaScript function scope?

angularjs tutorial about Firebase Basic Authentication Part 1

Firebase Basic Authentication Part 1

6:09 angularjs PRO

Firebase has several ways to provide authentication for your AngularJS application. In this lesson, Lukas will look at the most basic email/password approach.

angularjs tutorial about Using $anchorScroll

Using $anchorScroll

2:04 angularjs PRO

John clears up the concept of "anchorScroll", the default behavior of scrolling to anchors, and how to override and implement your own custom behavior.

angularjs tutorial about Firebase Event Handling

Firebase Event Handling

4:25 angularjs PRO

When using Firebase collections in your AngularJS application, you have access to a handy set of events emitted by the collection when changes in your data occur. Be sure to check out the first lesson in this series for the project source code.

angularjs tutorial about Updating Real-Time Data with Firebase Forge

Updating Real-Time Data with Firebase Forge

2:53 angularjs PRO

The Firebase Forge provides a convenient GUI for visualizing and manipulating your data in real-time. Be sure to check out this lesson for getting Firebase setup.

angularjs tutorial about Get Started with Firebase and AngularFire

Get Started with Firebase and AngularFire

6:10 angularjs PRO

Firebase provides a real-time syncing backend for your AngularJS applications in very few lines of code. In this lesson, you'll learn how to get started integrating it into your app.

Advanced Filtering with the Filter Filter

8:51 angularjs PRO

We've all seen the Filter Filter demos/tutorials. You probably aren't harnessing its full potential. This lesson will dive deep into the Filter Filter, and how we can use it more effectively.

Rails Todo API Part 2

8:25 angularjs PRO

Expanding on Part 1, this lesson will look at how to bootstrap AngularJS in a rails application as part of the asset pipeline. With Angular available, you'll see how to communicate with the Rails API using $resource.

Rails Todo API Part 1

2:49 rails PRO

Rails makes an excellent choice for delivering data to AngularJS via REST apis. In this first lesson of a two part series, you'll see how to create a simple API for CRUD operations on TODOs using Rails. This isn't an introduction to Rails, and assumes you know the basics. We highly recommend the excellent Rails Tutorial if you'd like an in depth beginners course in Rails.

angularjs tutorial about Compile Pre and Post Link

Compile Pre and Post Link

1:53 angularjs PRO

The typical function you use when creating a directive is the post link function with the signature function (scope, element, attributes) {}. You can also make use of the pre link function for finer grained control of the initialization of your directive.

Build Your Own ng-controller Directive

2:20 angularjs PRO

Have you ever wanted to write your own ng-controller directive? No?! That probably means you're sane. That said, it is an interesting study to lift the lid on the black box, and understand how your tools work on a more intimate level.

Create a Scope Decorator

4:30 angularjs PRO

Using Aspect Oriented Programming (AOP) techniques, you can easily decorate AngularJS controller methods to add additional behaviors. This can be useful for handling analytics and other common concerns in a typical application.

File Uploads

7:42 angularjs PRO

The file input type is missing from the ng-model directive, so you need to "roll your own" solution for file uploads with AngularJS.

angularjs tutorial about Directive with Transcluded Elements

Directive with Transcluded Elements

4:46 angularjs PRO

Create a wrapWith directive using advanced transclusion techniques.

HTML with ngSanitize and SCE

3:02 angularjs PRO

Safely render arbitrary HTML snippets by using ngSanitize and $sce.

Custom Jasmine 1.3 Matchers

1:30 angularjs PRO

Custom Jasmine Matchers are a great way to keep your AngularJS Unit Tests clean and tidy. We want to make expectations readable and express the intent of the test. Custom matchers help to accomplish this.

Application Wiring: JQuery vs AngularJS

5:08 angularjs PRO

You can build single page applications with JQuery and/or AngularJS. In this lesson, John will look at some of the fundamental differences between the two approaches.

Inject Jasmine Spies With $provide

1:49 angularjs PRO

One of the beautiful things about dependency injection in your AngularJS apps is the ability to replace dependencies in your unit tests. In this lesson Trevor looks at how to configure Jasmine spies as injectable replacements for dependencies for testing.

Accessing Data in HTML

8:05 angularjs PRO

In this lesson, John will take you from bad practices to good practices, as he explores how to bring data into your HTML templates with AngularJS. You'll go from attaching data directly to the $rootScope in your Angular module run block (bad!) all the way through using promises to asynchronously assign data to your controller and access it with "controller-as" syntax (much better!).

angularjs tutorial about Testing Controllers With Dependencies

Testing Controllers With Dependencies

3:40 angularjs PRO

In this lesson Trevor looks at testing AngularJS controllers with scope inheritance with Jasmine and test spies.

Design Pattern: Simple Mediator

1:23 angularjs PRO

In this video Brett shows us how to create a simple mediator for cleanly separating concerns within your application. This is the first in a series that will build a robust, fully tested mediator for events in your AngularJS application.

Design Patterns: Mixin

4:50 angularjs PRO

AngularJS supports "mixins" with angular.extend, but this approach has some drawbacks. In this video Brett takes a look at a more robust approach to mixins inspired by the Ruby programming language.

angularjs tutorial about Testing a Controller

Testing a Controller

1:12 angularjs PRO

AngularJS provides helpers for convenient testing of your application. In this lesson you will learn how to test a basic controller with Jasmine and Angular.

Testing a Service

2:08 angularjs PRO

Using Jasmine, this lesson will look at testing an AngularJS service.

Speed Testing with WebStorm and Jasmine

1:20 angularjs PRO

In this lesson John shows some tricks for speeding up your test suite. He digs into some handy features of WebStorm, including the ddescriber plugin, as well as some alternative methods for Jasmine for selectively running your tests.

angularjs tutorial about Testing Underscores

Testing Underscores

1:27 angularjs PRO

AngularJS injectors understand aliased for core injectables such as $rootScope in unit tests. If you surround your injected object with underscores _$rootScope_ it will be understood and injected into your test by Angular. This allows you to use a local alias of the same name.

angularjs tutorial about Unit Testing Directive Scope Binding

Unit Testing Directive Scope Binding

2:00 angularjs PRO

Digging a little deeper into unit testing an AngularJS directive, this lesson looks at testing binding across multiple scopes.

angularjs tutorial about Unit Testing Directive Scope

Unit Testing Directive Scope

1:57 angularjs PRO

Unit test your AngularJS directives that make changes to $scope as well as their own isolated scopes.

Unit Testing a Directive

2:14 angularjs PRO

In this lesson you will unit test a simple AngularJS directive

Unit Testing "Hello World"

2:26 angularjs PRO

This brief intro to unit testing with AngularJS takes a look at how to configure a test, compile an element, and access AngularJS within your tests.

No Custom Markup

1:39 angularjs PRO

Extending the semantics of HTML is one of the core features of AngularJS, however, you can use AngularJS without any custom markup.

angularjs tutorial about Using angular.bootstrap to Initialize Your App

Using angular.bootstrap to Initialize Your App

1:13 angularjs PRO

In this lesson, John shows you how to use angular.bootstrap as an alternative approach to initializing your application without using ng-app.

angular.copy

3:09 angularjs PRO

In this episode John takes a look at angular.copy and how you can use it for non-destructive form editing. Instead of binding to a value directly, we make a deep copy of that object and bind to the copy for presentation. Updates to the data are then "saved" to the original object to persist changes.

angularjs tutorial about Animating with JavaScript

Animating with JavaScript

3:45 angularjs PRO

In this lesson John looks at how to integrate the popular TweenMax library with ngAnimate to get animation effects in an AngularJS application.

angularjs tutorial about ng-repeat-start

ng-repeat-start

1:26 angularjs PRO

This short video tutorial looks at the ng-repeat-start and ng-repeat-end elements added in AngularJS 1.2

angularjs tutorial about ngmin

ngmin

3:28 angularjs PRO

ng-min removes the headache of needing to associate strings with parameter names for minified AngularJS code.

angularjs tutorial about Experimental "Controller as" Syntax

Experimental "Controller as" Syntax

5:20 angularjs PRO

The "controller as" syntax was added to AngularJS 1.2. This syntax abstracts the use of $scope in controllers, simplifying the syntax of your controllers.

angularjs tutorial about Route Life Cycle

Route Life Cycle

4:24 angularjs PRO

In this lesson the the route life cycle, John steps through the AngularJS Route life cycle using the routeChangeStart and routeChangeSuccess events. By inspecting the current and previous objects, we can see Angular's awareness of the previous route and controller as well as the current or targeted route and controller. Through the use of the resolve property, the routeChangeSuccess event will be delayed until the promise has been completed.

Directive for Route Handling

3:02 angularjs PRO

Use AngularJS $rootScope within a directive to detect route change errors and display it to the user.

resolve $routeChangeError

5:09 angularjs PRO

We can intercept a route change error and direct the user to an appropriate page.

angularjs tutorial about resolve conventions

resolve conventions

3:23 angularjs PRO

This video shows a more generalized way of using the AngularJS resolve feature with controllers to organize the conditions before the controller is instantiated. The video shows how to condition the controller's instantiation on more than one set of actions (function), and even pass values from the condition processing into the controller's scope once it gets instantiated.

angularjs tutorial about Resolve

Resolve

2:05 angularjs PRO

This video shows how the AngularJS 'resolve' feature can be used during the config phase before your controller has been instantiated. This gives you the opportunity to ensure everything has been setup properly that your controller depends on, thus allowing your controller to execute safely based on its assumptions.

redirectTo

3:45 angularjs PRO

In AngularJS redirectTo is often assigned a simple static string and thus points invariably to one location (redirectTo: '/mypath'). You can customize this, by setting redirectTo as a function, which arguments are the route params. For instance, if you hit the route "/pizza/peperoni", you can compose your redirection to be "/pizzas", or whatever suits your needs

$routeParams

2:14 angularjs PRO

John continues to dive into routing in AngularJS using ng-view. He provides some simple examples for passing in path parameters using $routeParams.

angularjs tutorial about $routeProvider api

$routeProvider api

1:50 angularjs PRO

AngularJS's $routeProvider has a very basic api for defining your application's routes. $routeProvider.when() is used to match a url pattern to a view while $routeProvider.otherwise() is used to render a view when there is no match to a url pattern.

ng-view

3:03 angularjs PRO

AngularJS's ngView is a directive that complements the $route service by including the rendered template of the current route into the main layout (typically the index.html) file. Every time the current route changes, the included view changes with it according to the configuration of the $route service.

Thinking Differently About Organization

4:22 angularjs PRO

Demonstrates an “outside the box” approach to organizing controllers and directives by collecting them into objects and them passing those object to AngularJS.

An Alternative Approach to Controllers

2:49 angularjs PRO

AngularJS makes your HTML very declarative. However, seeing the functions invoked in your HTML may not offer any clues as to what controller defines said functions. This video offers an approach to solving this problem by returning the controller in the controller definition so that we can opt for something like ng-click="SomeCtrl.doesSomething()" instead of simply writing ng-click="doesSomething()".

Directives Talking to Controllers

4:43 angularjs PRO

Often in AngularJS we want to share information between controllers and directives. One way to do this is by passing the scope, but this makes the directive reliant on the scope having the methods you want to run. This lesson shows you a cleaner way that you can pass methods to the directive using an attribute and decouple controllers from directives. This in turn makes your directives more generic/reusable.

angularjs tutorial about Unit Testing AngularJS

Unit Testing AngularJS

5:18 angularjs PRO

Testing is a first class citizen in AngularJS. It is at its heart and soul. This lesson demonstrates using Karma to write a simple unit test for a Filter.

angularjs tutorial about The Dot

The Dot

3:02 angularjs PRO

This brief video examines the importance of a single . within your AngularJS application. It uncovers a potential gotcha when it comes to inheritence.

HEY, QUICK QUESTION!
Joel's Head
Why are we asking?