Browse all Angular 1.x lessons.

showing All 334 lessons...

Bootstrap AngularJS into a Static HTML file

Introduction to Building an AngularJS App

Debounce (delay) User Input in AngularJS with Lodash

P

Using Protractor to Test Mobile Safari with Appium

P

Directive Definition Object (DDO)

P

$apply vs $digest

P

Protractor: Running tests on multiple browsers

P

ui-router: Abstract States

P

caching with $http

P

ui-router: Activating States

P

Protractor Interactive

P

ngModelController render function

P

Introduction to Grunt for Angular

P

ngModelController: viewValue-modelValue relationship

P

Finishing Validatable

P

CodeSchool Refactor - Flexible Directives Part 2/2

P

CodeSchool Refactor - Reusable Directives Part 1/2

P

Using ngModel in Custom Directives

P

Errorable Mixin

P

Mixing in Validatable

P

Validations Class

P

Adding Child Validators

P

Greensock TimelineLite Animation Sequences

P

Basic Implementation of Configurable Validations

P

Model Validation Design Review

P

Refactor The Model Base Class with Mixins

P

Firebase Data Relationships

P

Multiple HTTP Requests with $q

P

3d Animations with Greensock TweenLite

P

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

P

Write Your First Directive

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

Add Caching to the Model Base Class

P

Create a Scope Decorator

P

Model Caching

P

File Uploads

P

Directive with Transcluded Elements

P
angularjs tutorial about Bootstrap AngularJS into a Static HTML file

Bootstrap AngularJS into a Static HTML file

3:48 angularjs

In this lesson, we learn how to take a static HTML page and tap into the power of AngularJS by bootstrapping the framework.

angularjs tutorial about Introduction to Building an AngularJS App

Introduction to Building an AngularJS App

1:54 angularjs

In this lesson, we introduce our sample AngularJS application and discuss our objectives for this series.

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 Using Protractor to Test Mobile Safari with Appium

Using Protractor to Test Mobile Safari with Appium

4:57 angularjs PRO

When running end-to-end tests with Protractor for your AngularJS applications, you'll want to test mobile as well. Appium helps make that happen.

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 Protractor: Running tests on multiple browsers

Protractor: Running tests on multiple browsers

8:12 angularjs PRO

Testing your AngularJS application on multiple browsers is important, and Protractor offers this ability through the multiCapabilities configuration option. Learn how to use this option, as well as configure your e2e tests to run on only a single browser for rapid development.

The full source for the base project can be downloaded here

angularjs tutorial about ui-router: Abstract States

ui-router: Abstract States

3:17 angularjs PRO

ui-router has the powerful ability to define abstract states, or states that can't be navigated to, but are useful for defining a set of states with shared properties.

angularjs tutorial about caching with $http

caching with $http

2:17 angularjs PRO

By default your HTTP requests with the $https service in Angular are not cached. By setting some options, you can turn caching on.

angularjs tutorial about ui-router: Activating States

ui-router: Activating States

4:04 angularjs PRO

The ui-router library for AngularJS provides several options for navigating between states in your application. You can navigate via the browser's URL bar, programatically with $state.go, and with the ui-sref directive on your HTML elements.

angularjs tutorial about Protractor Interactive

Protractor Interactive

1:44 angularjs PRO

Did you know that Protractor has a handy interactive mode to help with writing/debugging your end-to-end (e2e) tests?

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 Finishing Validatable

Finishing Validatable

13:13 angularjs PRO

We can now finalize the Validatable piece of our data modeling library.

This lesson is part of a series. Be sure to watch the previous lessons to fully understand what is going on!

angularjs tutorial about CodeSchool Refactor - Flexible Directives Part 2/2

CodeSchool Refactor - Flexible Directives Part 2/2

14:25 angularjs PRO

In collaboration with CodeSchool, John takes the reusable directives from the previous video and works them into more flexible and easy to use directives.

angularjs tutorial about CodeSchool Refactor - Reusable Directives Part 1/2

CodeSchool Refactor - Reusable Directives Part 1/2

5:47 angularjs PRO

In collaboration with CodeSchool, John refactors pieces of the CodeSchool Angular app into a more reusable directives.

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 Errorable Mixin

Errorable Mixin

11:08 angularjs PRO

Now that we have validations, we will want to be able to provide the user feedback on the errors in models. This is useful for forms, and is a critical part of the validation process.

This lesson is part of a series!

angularjs tutorial about Mixing in Validatable

Mixing in Validatable

12:07 angularjs PRO

Now that the validation component has progressed, we can start mixing it in for usage.

This video is a part of a series, you'll want to watch the earlier lessons before this one.

angularjs tutorial about Validations Class

Validations Class

2:16 angularjs PRO

Now we bring the validations together with a Validations class.

angularjs tutorial about Adding Child Validators

Adding Child Validators

9:30 angularjs PRO

To make our AngularJS data model validation more robust, we want the ability to make complex validators that have child validators.

angularjs tutorial about Greensock TimelineLite Animation Sequences

Greensock TimelineLite Animation Sequences

10:18 angularjs PRO

TimelineLite is a piece of the Greensock TweenMax library that provides the ability to create sequenced animation with very little code or setup.

angularjs tutorial about Basic Implementation of Configurable Validations

Basic Implementation of Configurable Validations

9:08 angularjs PRO

With the roadmap set, we will start to implement configurable validations for our Models.

angularjs tutorial about Model Validation Design Review

Model Validation Design Review

7:31 angularjs PRO

We want robust validation for our AngularJS models. This will require a bit of forethought, and this lesson will examine the goals that we have for the validation piece of our model library.

angularjs tutorial about Refactor The Model Base Class with Mixins

Refactor The Model Base Class with Mixins

11:20 angularjs PRO

We've built a base class that is starting to sprawl, and now we want to unit test and refactor out the caching logic into a mixin that will handle this functionality.

This lesson is part of a series.

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 PRO

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.

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

First Step: Adding Angular to the HTML Page

2:51 angularjs PRO

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 PRO

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

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

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

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