Browse all Angular 1.x lessons.

showing All 309 lessons...

Firebase Data Relationships

P

Multiple HTTP Requests with $q

P

3d Animations with Greensock TweenLite

Basic Animation with Greensock's TweenMax

P

Search Directive with Rails

P

Firebase Basic Authentication Part 2

P

JavaScript Function Scope and $scope

P

Firebase Basic Authentication Part 1

P

First Step: Adding Angular to the HTML Page

Write Your First Directive

Using $anchorScroll

P

Firebase Event Handling

P

Updating Real-Time Data with Firebase Forge

Get Started with Firebase and AngularFire

Advanced Filtering with the Filter Filter

P

Rails Todo API Part 2

P

Rails Todo API Part 1

Compile Pre and Post Link

P

Build Your Own ng-controller Directive

P

Add Caching to the Model Base Class

P

Create a Scope Decorator

Model Caching

P

File Uploads

Directive with Transcluded Elements

P

Create a Model Base Class

P

Build a Debug Directive

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

Testing With Protractor Page Objects

P

$interval

P

Inject Jasmine Spies With $provide

P

$q.all

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

Design Pattern: Simple Mediator

P

AngularJS $http service

Design Patterns: Mixin

P

Testing a Controller

Testing a Service

P

Speed Testing with WebStorm and Jasmine

P
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.

angularjs tutorial about Multiple HTTP Requests with $q

Multiple HTTP Requests with $q

5:06 angularjs PRO

In AngularJS, multiple HTTP requests can be coordinated with $q.all, making your project's code cleaner and more testable.

angularjs tutorial about 3d Animations with Greensock TweenLite

3d Animations with Greensock TweenLite

6:52 angularjs

AngularJS animations and TweenLite make it really easy to create cool 3d effects in your application.

angularjs tutorial about Basic Animation with Greensock's TweenMax

Basic Animation with Greensock's TweenMax

7:20 angularjs PRO

Greensock is a powerful animation library for JavaScript. It's also fully compatible with AngularJS. This lesson will get you started using Greensock with AngularJS to provide rich animations for your users.

angularjs tutorial about Search Directive with Rails

Search Directive with Rails

7:35 angularjs 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 First Step: Adding Angular to the HTML Page

First Step: Adding Angular to the HTML Page

2:51 angularjs

The first step to any AngularJS project, is actually adding AngularJS to the page. This lesson will show you adding the Angular script, initializing the app with ng-app, and simple two way binding with ng-model. This is a beginner level lesson.

angularjs tutorial about Write Your First Directive

Write Your First Directive

2:46 angularjs

Write your very first directive! This lesson will show you how to declare a directive, and start using the "link" function to modify the behavior of an HTML element.

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

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

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 angularjs

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.

angularjs tutorial about Add Caching to the Model Base Class

Add Caching to the Model Base Class

6:58 angularjs PRO

In the previous lessons we created a base class and looked at a caching mechanism for our models. In this lesson we will expand on that concept by test driving the addition of caching to our model base class, as well as some initial core functionality. This is advanced subject matter, and will require study of the code as well as watching the video.

Create a Scope Decorator

4:30 angularjs

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.

angularjs tutorial about Model Caching

Model Caching

4:34 angularjs PRO

Build a simple caching mechanism for your AngularJS data models.

File Uploads

7:42 angularjs

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.

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

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

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

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.

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

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

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

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.

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