A collection of resources to help you learn Angular.js.
Switch branches/tags
Nothing to show
Latest commit 93047c7 May 23, 2015 @kahlil kahlil Update README.md
Permalink
Failed to load latest commit information.
README.md

README.md

Angular Resources

Attention: This repo is ooooold. I am not maintaining it any more. If anybody wants to take it over let me know.


A collection of resources that help you learn Angular.js.

Please send PRs if you have anything to add! ♥

From The Official Docs

Tutorial

A great way to get introduced to AngularJS is to work through this tutorial, which walks you through the construction of an AngularJS web app.

I agree. I found the tutorial very efficient in communicating the point of Angular and some of TEH AWESOME aswell.

Guide

The starting point for diving into the Angular docs.

Videos

Egghead.io

John Lindquist's site filled to the brim with short screencasts on how Angular works.

John Lindquist (Egghead.io) on Youtube

This is Johns Youtube channel. Appearantly you occasionally find videos here that are not on egghead.io.

Angular.js Youtube Channel

This is Angular.js official Youtube channel with screencasts and talks.

RailsCasts: Angular.js

A screencast on Angular. Not free, though.

Angular.js Communicating Between Controllers

A screencast on how controllers communicate in Angular.js

AngularJS G+ Hangouts

Articles

Angular.js for Developers

An introduction article on Angular targeted to jQuery developers.

Getting Started with Angular.js (Adobe)

This tutorial explores the AngularJS framework by Google. It starts by briefly describing the design philosophy that the framework embodies and then quickly moves onto building a simple but nontrivial application to demonstrate the basics as well as some of AngularJS's most distinctive features including data binding, dependency injection, loosely coupled code, and conciseness.

Briant Ford's blog

Briant Ford writes a lot about Angular.js.

8 Tips for Angular.js Beginners

We started working with Angular.js recently and after spending a few days on it, I realised that there a big need for beginner tutorials on it. I’ve tried to document some of the things you might need on day 1.

An excellent article for AngularJS beginners.

Angular.js on Google+

The official Google+ account.

Using JSFiddle with Angular.js

This post tries to dive into several usage scenarios of jsfiddle with AngularJS framework. The aim here is to make sure that people can quickly and easily prepare their jsfiddle which is crucial for getting help from the AngularJS community.

AngularJS - Dependency Injection, Modules, and Services

An article about the relationship between Dependency Injection, Modules and Services and an implementation.

Full-Spectrum Testing with Angular.js and Testacular

A thorough article on testing in Angular.js.

An tips and tricks article draft by @knalli

When I first started this document on Gist @knalli gave some great hints and advice. He started formulating it into article that he will be fleshing out in the future.

Angular UI Google Group

Communication between directives

A comprehensive article on how directes can speak to each other in Angular.js.

Server-side Angular

Scope and Prototypal inheritance

In AngularJS, a child scope normally prototypically inherits from its parent scope. One exception to this rule is a directive that uses scope: { ... } -- this creates an "isolate" scope that does not prototypically inherit. This construct is often used when creating a "reusable component" directive.

Deep dive into understanding directives.

Animation in AngularJS

Up until now, it was safe to say that native animations were not present in AngularJS. Well animation is here and yearofmoo is well prepared to hook you up. So lets take a look at how exactly make use of this great new feature with the world's best JavaScript MVC framework.

Angular Cats! An AngularJS Adventure Anthology

Detailed step-by-step on how creating a real-word app with AngularJS. Shows progress and changes as he gets deeper in development.

Transclude

An article that explains transclusion.

6 Common Pitfalls Using Scopes

[…] six main pitfalls when it comes to working with scopes in AngularJS. Six points which are actually easy if you understand the underlying concepts behind Angular.

Code

Yeoman: generator-angular

Yeoman's awesome Angular generator.

Karma the new testrunner for Angular.js

Testacular is now Karma.

JSFiddle Examples

A list of jsFiddle examples.

ngmodules.org

A site that lists many modules for Angular.

Cary Landholt / AngularFun

AngularFun is an AngularJS large application Reference Architecture. The intent is to provide a base for creating your own AngularJS applications with minimal boilerplate setup and ceremony.

ngmin

Special Pre-Minifier for AngularJS

This one tries to solve the problem compressing/uglifying code will break the dependency injection because of variable naming optimizations. Alternatively, you have to use a workaround defining an array with preceding injections. Sad to say, ngmin does not work with AMD (RequireJS) atm.

Also available as a grunt plugin.

Cool AngularJS Snippets

Small but useful collection of AngularJS snippets.

Currency Converter

Cool Currency Converter Application built using AngularJS with Tutorial.

Books

AngularJS in Action (Early Access Edition)

By Brian Ford and Lukas Ruebbelke

AngularJS in Action covers everything you need to know to get started with the AngularJS framework. As you read, you'll explore all the individual components of the framework and learn how to customize and extend them. You'll discover the emerging patterns for web application architecture and tackle required tasks like communicating with a web server back-end. Along the way, you'll see AngularJS in action by building real world applications with thoroughly-commented code.

AngularJS (Release: April 2013)

By Brad Green and Shyam Seshadri

Guided by two engineers who worked on AngularJS at Google, you’ll walk through the framework’s key features, and then build a working AngularJS app—from layout to testing, compiling, and debugging. You’ll learn how AngularJS helps reduce the complexity of your web app.

Updates: Newsletters & More

AngularJS Weekly

Every week, a nice summary of all AngularJS related content and news.

ng-newsletter

Weekly sent mail newsletter.

Cheat Sheets

Cheat Sheet

Slides

AngularJS - Extend your Browser by @petebacondarwin

AngularJS Insights by @PascalPrecht

A great little introduction and teaser into Angular.

Mastering AngularJS Directives by @PascalPrecht

Diving into directives.

Snippets

Angular.js Snippets for Sublime Text 2

A collection of Angular.js completions and snippets for JavaScript and HTML files. Be sure to read the README.

Insights

@knalli says:

Actually, https://groups.google.com/forum/#!forum/angular is the very valuable source of information about AngularJS.

The official docs aren't always up to date, won't reflect both stable (1.0.x) and unstable (1.1.x) and don't contain so much examples (which you will notice after days/weeks).

So, indeed: Using Google the right way is important because Google indices both Groups and Stackoverflow very, very deep. And sometimes, you should look just at https://github.com/angular/angular.js (including isssues and PRs)...

I'm working with AngularJS since October last year when we'd ported our app in a bigger rework process.

And: Don't forget Angular UI http://angular-ui.github.com/