Tech logo angular React Js Tech logo d3 Es6

Bite-sized video training for AngularJS, React, D3, and many other essential modern web technologies.

Life's too short for long boring lectures. Level up your programming skills today with condensed video lessons on industry leading web frameworks and tools!


egghead.io is an amazing resource for getting your team up to speed with AngularJS.

Brad Green - Engineering Director at Corp logo google

Choose a lesson. Learn something right now.

What are people learning right now?

Here's a selection of popular lessons for you to enjoy.

AngularJS tutorial about Building an Angular App: Controllers

Building an Angular App: Controllers

7:58 AngularJS

We are going to take the static HTML elements and dynamically display them on the page by setting up an AngularJS controller and hooking it up with AngularJS templating in the view.

The code for this lesson can be found on Github. Note: the tag name corresponds to the lesson.

AngularJS tutorial about Building an Angular App: Simple States

Building an Angular App: Simple States

8:44 AngularJS

We are going to learn how to manage simple states within our controller. We are going to learn how to toggle between the editing and creating bookmark states and how to sequence those interactions in the controller.

note: The code for this lesson can be found on Github. The tags correspond to the lessons.

AngularJS tutorial about Building an Angular App: Add a bookmark with ng-submit and ng-model

Building an Angular App: Add a bookmark with ng-submit and ng-model

5:38 AngularJS

We are going to learn how to create a bookmark by adding it to the bookmarks collection. We will learn how to submit the contents of a form to the controller to be processed by exploring ng-submit and ng-model.

The source for this lesson can be found here on Github. Tags correspond to the lessons.

AngularJS tutorial about Building an Angular App: Editing a bookmark with ng-model and a controller

Building an Angular App: Editing a bookmark with ng-model and a controller

9:13 AngularJS

We are going to learn how to edit an existing bookmark by building on a lot of the same techniques from the previous video. We will also learn how to edit a bookmark and not actually save the change back to the collection until we are ready.

Find the code on Github. Tags correspond to the lesson.

AngularJS tutorial about Angular Automation: Introduction to Gulp

Angular Automation: Introduction to Gulp

4:26 AngularJS

Angular projects require automation. Period.

In this series we will take a look at Gulp. Gulp is a task runner. It is the commander of our army of helper robots that take critical, yet totally mundane, tasks and perform them hundreds of times per day so we don't have to. When we sit down to work, we want to enter a single command, and then spend the rest of our day writing code, testing, and basically not thinking about how it is all glued together in the background.

Automation is critical to any project of significant size. We will start with the Eggly Bookmarks application, and develop proper build automation that will include production ready tools that you can start using in your applications today!

AngularJS tutorial about Building an Angular App: Filters

Building an Angular App: Filters

6:28 AngularJS

We are going to learn how to filter our bookmarks based on the selected category. We will learn how to manage the current category in the controller as well as set the current category from the view. As a bonus, we will see how to dynamically apply a class to visually indicate what category is the currently selected category.

The code for this lesson can be found on Github. note: the tags correspond to the lessons.

AngularJS tutorial about Angular Automation: Installing Gulp Globally and Locally

Angular Automation: Installing Gulp Globally and Locally

4:24 AngularJS PRO

In this lesson, we learn how to get up and running with Gulp by initializing our project with npm init and then installing the Gulp CLI globally and then installing it locally to our project. We finish the lesson off by creating our first Gulp file and running our first Gulp task.

AngularJS tutorial about AngularJS Architecture: Edit and Create Bookmark States

AngularJS Architecture: Edit and Create Bookmark States

12:09 AngularJS PRO

In this lesson, we continue to dig into ui-router while doing some significant refactoring to our Eggly application.

We will start out by removing MainCtrl entirely from the application as we start to move functionality to more appropriate places with the application. We will build out the edit and create sub-modules to include the states and controllers for editing and creating a bookmark. With our states defined, will leverage them to manage our view instead of the ng-if statements we were previously using. We tie it all together by using CategoriesModel to track the current category and provide functionality to the BookmarksListCtrl.

We cover a lot of material in this lesson as we start to apply the concepts covered previously to finalize functionality in the application.

AngularJS tutorial about Controllers

Controllers

2:13 AngularJS

Controllers are the 'glue' of an AngularJS application. They connect your markup with your data and act as a sort of switchboard. This video is going to take a look at Controllers and introduce the $scope, building on the Binding video.

AngularJS tutorial about Sharing Data Between Controllers

Sharing Data Between Controllers

3:19 AngularJS

If AngularJS Controllers are the glue of an application, how do they communicate and pass data around? This introduction to service factories will shed some light on that question.

I'm a long-time experienced coder looking to get up to speed on Angular asap and I don't have time to google through a bunch of crap tutorials.

Sebastian

Stay current without wasting your time.

Get a constant stream of condensed, from the trenches, tiny morsels of useful developer’s knowledge. Join thousands of professionals increasing their skills every day!

  • More knowledge.
  • Increased skills.
  • Cleaner code.
  • Confidence in technology choices.
  • More opportunity.

And, while you're pondering these… What if you could level up in minutes instead of hours? What if you had a personal concierge delivering bite-sized lessons on solid techniques that ship software?



Stay Current.
Get instant access to all lessons!

Professionals invest in their skills.

There are only so many hours in a day. You've got deadlines to make. To stay relevant means you must constantly learn.

Knowledge is scattered across the internet. It is buried in thick books. Hidden in documentation alongside features you will never need to use. Crammed into 6 hours of boring Powerpoint style online courses.

  • What’s important?
  • How can I get from 0 to productive as quickly as possible?
  • How are other professionals successfully shipping software?
  • Am I wasting my time?

Time is precious.

As a professional, you know what it takes to stay current with fast moving web development technology. You also know that there are only so many hours in a day.

What if you could stay current without wasting your time?

What Are You Going to Learn Today?

AngularJS

D3

ECMAscript 6

JavaScript

Node.js

React


Meet your instructors.

Egghead instructors are industry veterans with years of practical, from-the-trenches experience building real software at all scales.

Egghead series deliver project based learning to give you the head start you need as a web developer.

Learn programming concepts from fundamentals to expert. Click here to view all egghead series.

Learn Protractor Testing for AngularJS

Introduction to D3

AngularJS Application Architecture

AngularJS Authentication with JWT

Learn HTML5 Graphics and Animation

AngularJS Fundamentals

React: Flux Architecture

Asynchronous Programming: The End of The Loop

Angular Automation with Gulp

Developers at these companies are using Egghead to keep current on the latest in web development tools.

Made for Programmers by Programmers.

Egghead Gives You High Quality Ongoing On-Demand Web Development Training.

All lessons are HD quality and easy to watch on your desktop or mobile device. Subscribers get access to lesson discussion forums, RSS lesson feeds, and downloadable lessons.

PRO Monthly

$1499/month

Access to all videos
Mobile & Desktop Streaming
Full HD Download
Subscriber Forum
iTunes "podcast" RSS feed
Start Learning Now
click to unlock all lessons

PRO Yearly

$14999/year
Train at Your Pace

Save $30!

Access to all videos
Mobile & Desktop Streaming
Full HD Download
Subscriber Forum
iTunes "podcast" RSS feed
Best price: 17% savings
Start Learning Now
click to unlock all lessons

Leveling Up Entire Team?

Egghead has plans for 5, 10, 50, and even unlimited team sizes. If you're looking to bring egghead.io lessons to your entire crew, look no further! Choose your team plan pricing & setup

Amazing job with your #AngularJS video tutorials. Great flow and perfect length.

Louis Sivillo (@sivillo)

Frequently Asked Questions

We’ve got everything covered for you

What will I get with a PRO subscription?

With a PRO subscription, you will gain instant access to hundreds of egghead lessons. You will also be able to participate in discussions about lessons and ask questions. In addition subscribers are able to download lessons in HD as well as view lessons via their favorite podcast app with their subscriber RSS link.

Can I use PayPal to pay you?

Not at this time.

What if I sign up and want to cancel?

You can cancel your subscription at any time. Your subscription will remain active until the current time period is finished.

Can I get a refund?

Yes. We stand behind our content 100%. If you are dissatisfied, let us know within 30 days of subscribing, and you will be promptly refunded for the remaining time on your subscription.