davemo / intro-to-angularjs

An Introduction to Angular.JS

intro-to-angularjs

Screencast published May 3, 2013

Walk through building a sample application with AngularJS to learn some of the basics along with some commentary that contrasts it with jQuery / Backbone.JS; this was produced for a talk I gave at Prairie DevCon in Winnipeg, MB, May 6-7, 2013. Some things you can expect to learn the basics on:

• angular.module
• angular.controller
• angular.directive
• angular.$routeProvider
• angular.factory
• ng-app, ng-model, ng-submit, ng-click
• $scope, inheritance, and its relationship with the DOM
• contrasting some of angular w/ jQuery/Backbone

Getting Started

• Install NodeJS: https://nodejs.org/
• Google Chrome, Firefox, or IE
• git clone https://github.com/davemo/intro-to-angularjs.git
• npm install
• npm start

Then visit http://localhost:3000

Changelog

• May 20, 2015: upgrade: angular and angular-route to 1.4.0-rc.2, add exercises for workshop
• April 11, 2014: upgrade: angular to 1.2.16, add: angular-route

intro-to-angularjs's Issues

Need angular-route.js module to work with 1.2+

The example doesn't run out of box anymore, need to include angular-route.js see here

Must change:

<!-- add this -->
<script type="text/javascript" src="angular-route.min.js"></script>

<script>
// define the module, setter
app = angular.module("app", ['ngRoute']); // array of dependencies, need ['ngRoute']
</script>