Teach on Udemy

Turn what you know into an opportunity and reach millions around the world.

Learn More

Your cart is empty.

Keep shopping

Learn and Understand AngularJS

Master AngularJS and the Javascript concepts behind it, design custom directives, and build a single page application.

Highest Rated

Created byAnthony Alicea

Last updated 9/2020

English

What you'll learn

Learn fundamental Javascript concepts that power AngularJS.
Write quicker, better AngularJS code by discovering how AngularJS itself is built.
Become fluent in AngularJS terminology, such as dependency injection, services, directives, transclusion, and more.
Realize the power of dependency injection, and how AngularJS accomplishes it.
Design custom directives and save time and energy with easily reusable components.
Understand what a Single Page Application (SPA) is, and how they work.
Build a Single Page Application (SPA) in AngularJS.
Be the coder that explains AngularJS to everyone else, because you understand it better than anyone else.
Get new free lectures during 2015, keep up with the development of AngularJS 2.0, and get a MASSIVE discount on a future AngularJS 2.0 course in 2016!

Course content

11 sections • 55 lectures • 6h 54m total length

Introduction2:30
A brief overview of what you'll learn in this course.
Big Words and AngularJS1:20
How we'll call out vocabulary you need to know during this course.
Watching this Course in High Definition0:25
The course is best experienced in High Definition. Here's how to make sure you're watching it that way.

The Problem(s) AngularJS is Trying to Solve6:03
When building large applications with tools like jQuery, what kind of problems does AngularJS aim to help solve?
Model, View, Whatever…2:48
The fundamental structural concepts that AngularJS is built on: MVC, MVVM, MV*.
HTML Aside: Custom Attributes5:23
HTML has attributes that the browser knows about, and knows what to do with. However we can take advantage of custom attributes, and store whatever information we desire in our HTML.
Javascript Aside: The Global Namespace5:12
What is 'polluting the global namespace', and why is it bad? How do we avoid it?
Downloading Source Code for This Course0:33
Most of the rest of the lectures in this course will come with source code. Here's how to grab it.
Modules, Apps, and Controllers9:20
AngularJS enables you to control the DOM via modules, apps, and controllers -- all without polluting the global namespace.

This lecture contains downloadable source code. Download the file below and unzip (or extract) it.

Javascript Aside: Dependency Injection4:45
A coding concept that AngularJS relies on. What is dependency injection?
The Scope Service4:56
A look at our first AngularJS service. The incredibly important concept of scope.

This lecture contains downloadable source code. Download the file below and unzip (or extract) it.
Javascript Aside: Functions and Strings4:01
In Javascript, just about everything is a function. But functions can be converted to strings.

This lecture contains downloadable source code. Download the file below and unzip (or extract) it.
How Does Angular Do Dependency Injection?3:03
How does AngularJS accomplish dependency injection? Understanding how will help you use it correctly.

This lecture contains downloadable source code. Download the file below and unzip (or extract) it.
Getting Other Services20:27
There are lots of services built into AngularJS, but even more available outside it. How can you easily get and use other AngularJS services?

This lecture contains downloadable source code. Download the file below and unzip (or extract) it.
Javascript Aside: Arrays and Functions3:05
Javascript arrays are loosely typed. They can contain just about anything. Even functions.
Dependency Injection and Minification11:10
AngularJS controllers need to survive minification. Here's how AngularJS accomplishes that.

This lecture contains downloadable source code. Download the file below and unzip (or extract) it.

Scope and Interpolation9:58
Our first visual AngularJS code. Now that we understand scope, let's use it to output content to a page.

This lecture contains downloadable source code. Download the file below and unzip (or extract) it.
Directives and Two Way Data Binding13:13
One of the best parts of AngularJS is two way data-binding via directives. Here we'll give it a try.

This lecture contains downloadable source code. Download the file below and unzip (or extract) it.
Javascript Aside: The Event Loop3:21
AngularJS relies on the Javascript event loop. What does that mean?
Watchers and the Digest Loop17:28
AngularJS extends the Javascript event loop, and adds watchers and something called the digest loop. Let's examine it.

This lecture contains downloadable source code. Download the file below and unzip (or extract) it.
Common Directives19:51
Let's discuss some directives you'll use all the time in your AngularJS apps.

This lecture contains downloadable source code. Download the file below and unzip (or extract) it.
Common Directives (Part 2)4:13
Let's look at even more AngularJS directives.
Javascript Aside: The XMLHTTPRequest Object9:14
Here we'll talk about a core concept vital to all modern web applications.

This lecture contains downloadable source code. Download the file below and unzip (or extract) it.
External Data and $http13:17
Here we'll talk about a sending and getting data to and from a server via the AngularJS http service.

This lecture contains downloadable source code. Download the file below and unzip (or extract) it.

Angular Aside: Multiple Controllers, Multiple Views4:37
Up to now we've only seen one controller with one view. But AngularJS allows for more than that.

This lecture contains downloadable source code. Download the file below and unzip (or extract) it.
HTML and Javascript Aside: Single Page Apps and the Hash8:47
What is the hash, and why is it so useful for single page applications?

This lecture contains downloadable source code. Download the file below and unzip (or extract) it.
Routing, Templates, and Controllers14:37
How AngularJS uses the hash to help us build single page applications. This is all about AngularJS routing.

This lecture contains downloadable source code. Download the file below and unzip (or extract) it.
Routing Templates and Controller (Part 2)6:26
Our breakdown of AngularJS routing and single page applications continues.

This lecture contains downloadable source code. Download the file below and unzip (or extract) it.

HTML Aside: Reusable Components2:24
HTML5 has introduced a concept that isn't fully flushed out, but important to understand: Web components.
Javascript and Angular Aside: Variable Names and Normalization6:32
AngularJS does some interesting things with attribute and variable names. Why, and what do you need to know?
Angular and Normalized Attribute Names
Creating a Directive18:37
We create our first custom directive in AngularJS, and understand the syntax behind it.

This lecture contains downloadable source code. Download the file below and unzip (or extract) it.
Templates3:12
What if our directive template gets large? Here's what to do using the 'templateUrl' property of our custom directive.

This lecture contains downloadable source code. Download the file below and unzip (or extract) it.
Scope (@, =, and other obtuse symbols)13:29
We dive into isolated scope in AngularJS custom directives. We'll start with @ and one-way text bindings.

This lecture contains downloadable source code. Download the file below and unzip (or extract) it.
Scope (@, =, and other obtuse symbols) (Part 2)5:59
More about isolated scope in AngularJS custom directives. We discuss = and two-way bindings.

This lecture contains downloadable source code. Download the file below and unzip (or extract) it.
Scope (@, =, and other obtuse symbols) (Part 3)10:27
We finish up isolated scope in AngularJS custom directives, and talk about & and functions.

This lecture contains downloadable source code. Download the file below and unzip (or extract) it.
Repeated Directives3:30
Using a custom directive inside an ng-repeat.

This lecture contains downloadable source code. Download the file below and unzip (or extract) it.
Understanding 'Compile'18:06
What does 'compile' mean (and do) in an AngularJS custom directive? And what about pre-link and post-link?

This lecture contains downloadable source code. Download the file below and unzip (or extract) it.
Understanding 'Link'3:04
What does the 'link' property mean in an AngularJS custom directive?

This lecture contains downloadable source code. Download the file below and unzip (or extract) it.
Understanding Transclusion5:44
We dig into the word 'transclusion', and understand what it means in AngularJS custom directives.

This lecture contains downloadable source code. Download the file below and unzip (or extract) it.

A Weather Forecast SPA12:48
It's time to start our first, full-featured AngularJS single page application. Let's build a weather forecast app!

This lecture contains downloadable source code. Download the file below and unzip (or extract) it.
A Custom Service5:17
We add a custom service to our weather forecast AngularJS single page application.

This lecture contains downloadable source code. Download the file below and unzip (or extract) it.
A Note Regarding API Usage0:38
Binding Data (Part 1)18:07
We add some data to our weather forecast AngularJS single page application, by retrieving it from an API!

This lecture contains downloadable source code. Download the file below and unzip (or extract) it.
Binding Data (Part 2)7:40
We continue adding data to our weather forecast AngularJS single page application.

This lecture contains downloadable source code. Download the file below and unzip (or extract) it.
A Custom Directive13:43
We convert some of our code into a custom directive, reusable inside our AngularJS single page application.

This lecture contains downloadable source code. Download the file below and unzip (or extract) it.
A Side Note0:32
A quick personal side note, less than 60 seconds, on leaving a course review.

Improving our SPA's UX With ng-submit6:05
We'll help the UX of our SPA by coding the app to respond to the 'enter' key instead of just clicking a button. We'll do this with the help of ng-submit.
Designing Services in Large AngularJS Applications7:16
We'll improve the architecture of our SPA by pulling the API call portion of the code into it's own custom service.
Nested Controllers, Clean Code, and 'Controller as' (an alternative to $scope)10:49
The popular alternative to $scope, 'controller as', and when and why to use it.

Requirements

A browser and a text editor
Basic HTML and Javascript knowledge

Description

Includes information on the next version - AngularJS 2.0!

Knowing AngularJS can get you a job or improve the one you have. It's a skill that will put you more in demand in the modern web development industry, and make your web software life easier, that's why it's so popular and backed by Google.

This course will get you up and running quickly, and teach you the core knowledge you need to deeply understand and build AngularJS applications - and we'll build a single page application along the way.

We'll design custom services, build custom directives, understand two-way binding, design a weather forecast app as a single page application, and lots more. Both starter and finished source code is provided as we go.

Reviews

"Best course I have ever seen" "Best intro to AngularJS on Udemy" "A fresh way of teaching AngularJS" "One of the best courses on Udemy that i took if not the best" "Best teacher I have had on the internet by far" "I...have taken lots of angular courses and I think this is the best one so far" "The best teaching style I've seen so far"

If you are new to AngularJS, or if you've been working to learn it but sometimes feel like you still don't quite 'get it', this is the AngularJS course for you! To learn AngularJS you have to understand it.

I've built the course that I would have wanted to take when I was learning AngularJS. A course that explains the concepts and how they're implemented in the best order for you to learn and deeply understand them.

In this course you will:

Learn how AngularJS works, covering subjects like directives, dependency injection, two way data binding, the digest loop, watchers, and more.
Learn fundamental Javascript and HTML principles that are used by AngularJS, such as custom attributes, loosely typed arrays, the hash, and the event loop.
Code custom services.
Design custom directives, understanding concepts like compile, link, and scope.
Build a single page application using AngularJS.
Keep up with the latest on the next version of AngularJS 2.0!

AngularJS doesn't have to be hard to learn. The biggest mistake most coding tutorials make is expecting someone to learn simply by imitating others' code. Real world situations are never exactly like the tutorial.

I believe the best way to learn is to understand how a tool works and what it does for you, look at examples, and then try it yourself. That's how this course is built, with the goal to help you both learn and understand AngularJS.

Note: In this course you'll also get downloadable source code. You will often be provided with 'starter' code, giving you the base for you to start writing your code, and 'finished' code to compare your code to.

Who this course is for:

Web developers and designers looking to learn AngularJS
Those who have researched AngularJS but still find it hard to understand
Developers and designers who have used jQuery but are tired of doing everything manually

Learn and Understand AngularJS

What you'll learn

Explore related topics

Course content

Getting Started3 lectures • 4min

Model, View, Whatever...6 lectures • 29min

Services and Dependency Injection7 lectures • 51min

Data Binding and Directives8 lectures • 1hr 31min

Single Page Applications4 lectures • 34min

Custom Services2 lectures • 19min

Custom Directives11 lectures • 1hr 31min

Let's Build an App (in record time!)7 lectures • 59min

BONUS Lectures3 lectures • 24min

Getting Ready for AngularJS 2.0 in 20162 lectures • 9min

Requirements

Description

Who this course is for: