AngularJS

AngularJS is a Javascript framework created by Google that allows developers to build fully fledged single page web apps (SPAs). If you're looking to learn Angular 2, view our Angular 2 courses.

Just starting to learn AngularJS?

Master the fundamentals of Angular's core concepts and API's with our intro course

Want to build real world, production ready AngularJS apps?

Our fullstack AngularJS tutorial covers everything you need to know — from git init to production

Simple AngularJS Authentication with JWT

Learn how to implement JWT authentication with AngularJS, localStorage, and HTTP Interceptors

Setting up an Angular App with Login and Registration

Set up a base AngularJS application with an authentication form

Working with JWTs

Make authentication requests to retrieve a JWT from a backend

Decoding JWT Payloads

Decode the payloads of JWTs to get the encoded information from the token

Persisting JWTs to localStorage

Use HTML5 localStorage to persist JWT between browsing sessions for authentication.

Are we Authenticated? PRO

Build out methods for an authentication service to determine and manage authentication state

Authenticating with an Interceptor PRO

Use an AngularJS Interceptor to automatically handle updated JWTs for authentication

Attatching Tokens to Authenticate Requests PRO

Add an Authorization header with the JWT to authenticate HTTP requests with a backend.

Wrapping Up PRO

Use JWT Authentication to simplify authentication between multiple platforms without relying on cookies.

A Better Way to Learn AngularJS

Your roadmap to learning AngularJS. This tutorial will cover the basics with examples, descriptions, and screencasts.

$http and Server Interaction

Under the Hood

Development Environment and Testing

Deploying to Production

Examples and Analysis

Building Web Applications with Django and AngularJS

Learn how to use AngularJS and Django to build a simplified Google+ clone called "Not Google Plus".

Learning Django and AngularJS

You've found an out-of-date course!

Setting up your environment

Extending Django's built-in User model

Serializing the Account Model

Registering new users

Logging users in

Logging users out

Making a Post model

Rendering Post objects

Making new posts

Displaying user profiles

Updating user profiles

Congratulations, you did it!

Build an Angular 1.5 application with ES6 and Components

Learn how to build Angular applications using ES6 classes and the component method.

Introduction

Setting up a boilerplate project for Angular 1.5 & ES6

Building our first pages with ES6 controllers

Interacting with a server using an ES6 service

Using components & directives for reusable UI functionality

Persisting JWT auth across page loads

Updating user settings

Displaying a profile page from server data

Creating a follow button component with encapsulated functionality

Creating the article editor

Rendering articles from the server

Compartmentalizing page functionality into components

Creating abstract states and child states in UI-Router

Displaying lists of articles

Reusing the article-list component on the home page

Building it in Angular2

Mastering the Ionic Framework: Learn to Build & Deploy Native Speed HTML5 Based Apps

In this tutorial you'll learn how to use AngularJS and the Ionic Framework to build robust, silky smooth hybrid mobile apps.

A Phoenix Arises

Starting our project

Building interface functionality

Wiring Up to A Server

Playing & managing audio

Wrapping up the UI and core functionality

Creating and persisting user data

Deploying to the emulator, devices and App Stores

App development is a journey, not a destination

Understanding Angular's $templateCache

This tutorial will show you the different ways of using templates with AngularJS, and when to use them in practice.

Introduction

Using Templates as a String

Using a Remote Template

Using Inline Templates:

Populating $templateCache Directly

Creating Animations in Angular with ngAnimate

In this tutorial you'll learn how to use Angular's ngAnimate to create slick animations.

Overview

ng-hide & ng-show

Customizing animations

Animate entrances & exits of ng-repeat elements

Activate specific animations using ng-class

Other ngAnimate supported directives

$animate API

Go forth and make pretty UI's

Handbook for migrating AngularJS web apps to Angular2

Learn the real world best practices for upgrading your Angular apps to Angular2.

Introduction

Incorporating relevant parts of ES6

Compartmentalizing application functionality into reusable components

Breaking syntax changes between AngularJS and Angular2

Best practices for structuring your codebases

Where to go next

Build a Tabs Directive in AngularJS

Learn AngularJS directives by building a tabs widget using Bootstrap. You'll learn about directve-to-directive communication, transclusion, scope, and more!

Introduction

What is a Directive?

Creating Our First Directive

Scaffolding the tabset Directive

Communicating Between Directives

Using <code>scope</code> to Add a Heading

Activating Tabs

We're Done!

Bonus Features! (Screencasts only)