Browse all Angular 1.x lessons.

showing All 334 lessons...

Create a Model Base Class

P

Build a Debug Directive

P

HTML with ngSanitize and SCE

P

Accessing Services from Console

P

Accessing Scope from The Console

P

Custom Jasmine 1.3 Matchers

P

Using $resource for Data Models

Application Wiring: JQuery vs AngularJS

P

Testing With Protractor Page Objects

P

$interval

P

Inject Jasmine Spies With $provide

P

$q.all

P

Test Simple Binding With Protractor

P

Accessing Data in HTML

P

Testing Controllers With Dependencies

P

Getting Started With Protractor

ui-router Named Views

P

transformRequest

P

Chained Promises in Angular

P

transformResponse

P

Design Pattern: Simple Mediator

P

AngularJS $http service

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

Introduction to ui-router

P

angular.copy

P

Animating the Angular Way

P

Animating with JavaScript

P

animation basics

P

ng-repeat-start

P

ngmin

P

Directive Communication

P

Experimental "Controller as" Syntax

P

ng-repeat and $index, $event, $log

P

Components and Containers

P

Injectors

P

Providers

P

Route Life Cycle

P

Directive for Route Handling

P

resolve $routeChangeError

P

resolve conventions

P
angularjs tutorial about Create a Model Base Class

Create a Model Base Class

3:12 angularjs PRO

You're going to test drive the creation of a robust model layer for an AngularJS application. To get started, we need a solid base class to encapsulate common functionality. In this lesson you'll use Javascript's prototypical inheritance to create the model base class.

Build a Debug Directive

4:00 angularjs PRO

Explore some interesting techniques with AngularJS directives to create a debug directive using termination, priority, and the $compile service.

HTML with ngSanitize and SCE

3:02 angularjs PRO

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

Accessing Services from Console

2:39 angularjs PRO

Using the Chrome console, you can access your AngularJS injectable services. This is down and dirty debugging, and can be a lifesaver in troubling times.

Accessing Scope from The Console

1:40 angularjs PRO

The Chrome Dev Tools console is an amazing tool. In this lesson you'll learn how to use the console to programmatically grab scopes in your AngularJS application.

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.

angularjs tutorial about Using $resource for Data Models

Using $resource for Data Models

5:29 angularjs

AngularJS's $resource service allows you to create convenience methods for dealing with typical RESTful APIs. In this video, Brett will show you the basics of using $resource, as well as talking about some of the drawbacks with using this service for your data models.

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.

angularjs tutorial about Testing With Protractor Page Objects

Testing With Protractor Page Objects

3:28 angularjs PRO

Protractor Page Objects are a recommended for testing your AngularJS applications. Page Objects abstract the interaction between the browser and your functional tests, resulting in much cleaner tests.

$interval

1:36 angularjs PRO

$interval provides an excellent service for timed operations in your AngularJS apps. It has the advantage over setInterval in "normal" Javascript in that it is aware of Angular's view cycles, as well as being mockable for unit tests. Additionally, it returns a promise and provides a lot of flexibility.

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.

$q.all

2:35 angularjs PRO

Orchestrating the handling of multiple promises in AngularJS is simple if you take advantage of $q.all. Using $q.all will take your promises, wait until they have all resolved and return the result of all the promises as an ordered array.

angularjs tutorial about Test Simple Binding With Protractor

Test Simple Binding With Protractor

2:24 angularjs PRO

Protractor is built to interact with AngularJS applications. In this lesson, we will take a look at how Protractor interacts with the application using its element and finder functions.

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.

angularjs tutorial about Getting Started With Protractor

Getting Started With Protractor

3:25 angularjs

Protractor is an end-to-end testing library for AngularJS. This video lesson will walk through getting Protractor installed and writing your first test.

angularjs tutorial about ui-router Named Views

ui-router Named Views

6:38 angularjs PRO

The ui-router library for AngularJS provides the ability to name views within your application. This is useful for dividing up your application into sections, and changing the content of a section based on the current state.

transformRequest

6:16 angularjs PRO

In this lesson Trevor will show you how to transform your requests using AngularJS's $http service's transformRequest option and TDD. This allows you to keep your applications domain clean when integrating with third party APIs.

angularjs tutorial about Chained Promises in Angular

Chained Promises in Angular

7:07 angularjs PRO

Promises are a fantastic tool in AngularJS. Many times, as you start to chain them together, they become ugly and unwieldy. In this lesson, Thomas will show you an approach for breaking your chained promises down into a flat, clean, readable structure.

angularjs tutorial about transformResponse

transformResponse

4:01 angularjs PRO

In his debut lesson, Trevor test drives the transformation of a response from an external REST service using the the transformResponse option of AngularJS's $http service.

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.

angularjs tutorial about AngularJS $http service

AngularJS $http service

4:05 angularjs PRO

In this lesson, John covers the use of AngularJS's $http service for making requests and handling responses from external web services

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.

angularjs tutorial about Introduction to ui-router

Introduction to ui-router

4:35 angularjs PRO

In his debut egghead.io lesson, Joel will show you how to get setup and running with ui-router, an alternative to AngularJS's default routing module.

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 the Angular Way

Animating the Angular Way

5:53 angularjs PRO

In this episode John uses TweenMax to add animations to AngularJS. Instead of manipulating DOM directly in a controller, we will use an AngularJS directive to abstract that view logic cleanly using $animate.

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 animation basics

animation basics

3:52 angularjs PRO

Angular 1.2 introduces new animation functionality. This episode looks at the very basics of getting the animation module loaded and using it to create your first simple animation with CSS.

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 Directive Communication

Directive Communication

4:28 angularjs PRO

In AngularJS, hierarchical directives have the ability to communicate with one another via their defined controllers. With simple syntax/notation you are able to define links between directives and their controllers.

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 ng-repeat and $index, $event, $log

ng-repeat and $index, $event, $log

4:48 angularjs PRO

$index and $event are handy shortcuts that allow you to access useful information directly in your views. $log facilitates configurable logging without using console.log directly.

angularjs tutorial about Components and Containers

Components and Containers

4:27 angularjs PRO

This lesson describes fundamentals for creating custom directives (broken down into Components and Containers). The component demonstrates how to use the service template to create a simple clock directive whereby AngularJS will bind with objects in the template property and access element attributes. The component example will provide a demonstration of how you can nest components and containers, taking advantage of AngularJS transclusion capabilities.

Injectors

2:55 angularjs PRO

Injectors inject your dependencies in your AngularJS application. For the most part it will automatically work when constructing objects (controllers) and provide the dependencies defined with your service/factory/provider, it can also be injected itself and be used for invoking methods with injection.

angularjs tutorial about Providers

Providers

5:06 angularjs PRO

This lesson describes what is really happening when you use the angular
factory and how you can make your factories even more dynamic in creation.
This gets further into the internals of AngularJS by showing you how a factory is built dynamically for you and how they have reduced the plumbing you need to make applications.

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.

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