• Stars
    star
    178
  • Rank 213,723 (Top 5 %)
  • Language
  • Created over 11 years ago
  • Updated over 1 year ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

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

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/

More Repositories

1

grunt-compass

Deprecated in favor of grunt-contrib-compass
JavaScript
88
star
2

grit-preact

A Markdown editor for statically generated blogs.
JavaScript
43
star
3

dark

An opinionated, dark-themed Next.js & Chakra UI GitHub repository template.
TypeScript
42
star
4

zero-fux

No Flux plus no Redux equals ZeroFux. A stateless unidirectional data flow implemented with Custom Events.
JavaScript
37
star
5

flow-state

UI state management with RxJS.
JavaScript
34
star
6

bookmarklet-boilerplate

The bookmarklet boilerplate by dbushell (http://dbushell.com/2012/05/22/javascript-bookmarklets/) stored here for usage or modifications.
JavaScript
29
star
7

jumpstart

H5BP on Crack is a development setup that allows you to be productive right away if you use H5BP, jQuery, Handlebars, Store.js, QUnit, Grunt, the PubSub pattern, SASS & COMPASS.
JavaScript
23
star
8

esnow

The FUTURE is now. Write future JavaScript now everywhere all the time in a snap!
JavaScript
23
star
9

cycle-browserify-boilerplate

An npm scripts boilerplate for Cycle.js apps.
CSS
20
star
10

oddstream-example

An Angular 2 application with a reactive unidirectional dataflow architecture.
CSS
12
star
11

blog-cli

A CLI for Creating Markdown Posts for Static Site Generators
JavaScript
11
star
12

belly

Shortcuts for common command sequences in Git.
JavaScript
10
star
13

grunt-textfile

A grunt task to quickly create text files for text file based blogging.
JavaScript
9
star
14

electron-communication-example

JavaScript
9
star
15

html5-boilerplate-for-contao

These are the files of the HTML5 Boilerplate extension for Contao CMS
JavaScript
8
star
16

frontenddevwiki

Hello! This is my personal front-end dev wiki.
6
star
17

gulp-scaffold

Use Gulp to scaffold all the things.
JavaScript
5
star
18

tinydraft

Tinydraft is a small application that allows you to create tiny drafts with markdown.
TypeScript
5
star
19

node-worklog

Log work on the cli.
JavaScript
4
star
20

kunley

A simple way to manage UI state and side effects with RxJS.
JavaScript
4
star
21

display-shortcuts

Displays a list of keyboard shortcuts you can use on the command line in your terminal.
JavaScript
4
star
22

kaf

A small app built with web components. WIP
JavaScript
3
star
23

node-kirby-linkpost

A node command line tool to create a link post file for the text file based CMS Kirby.
JavaScript
3
star
24

split-text

Split a text into an array of chunks. Words stay whole.
JavaScript
3
star
25

sensible-config

Sensible configuration files for professional front-end development.
3
star
26

helipad-ui

A prototype UI Podcasting 2.0 helipad project. An Umbrel app to see Podcasting 2.0 Value 4 Value payments coming in.
TypeScript
3
star
27

hitch-hikers-guide

The Hitch Hiker's Guide 2 JavaScript Frameworks - a presentation by @hglattergotz and @kahlil.
CSS
2
star
28

grunt-tutorial-02-package-json

Grunt tutorials.
JavaScript
2
star
29

react-o-tron

The ultimate template for creating an Electron app with Create-React-App.
JavaScript
2
star
30

advanced-git

A deep-dive talk on Git internals and best practices.
JavaScript
1
star
31

electron-tinydraft

CSS
1
star
32

kahlil.info

My little site.
CSS
1
star
33

npm-task-runner-starter

Files for my talk "Build Tool, Shmuild Tool: npm Is Best"
HTML
1
star
34

observables

A short talk about Observables.
HTML
1
star