Today we (very briefly) saw what Angular JS can do through some simple built-in Directives: ng-app, ng-controller, ng-repeat, ng-model, ng-dblclick, and ng-class. I was able to add some significant functionality to the TodoMVC template with just a few lines of JavaScript and some simple HTML attributes. We also used BrowserSync for the first time and saw how awesome that can be.
[x] Today for homework, I want you to all speed-read through the Shaping Up with Angular JS course from Code School... Don't try to work through the exercises yourself, just buy the answers and type them into the submission boxes. When you complete the course, use Skitch to take a screenshot and add it to HipChat and your WIP issue for today.
Read the Docs, Luke!
There are lots of bits and pieces in Angular JS, and you'll want to be familiar with an increasing number of them throughout the week. Start documenting them like we did with JavaScript, HTML, and CSS:
[x] Using the API documentation, document the following parts of the framework; include the arguments, the return value, and an example of each in use:
function
angular.module -- returns an instance of typeangular.Module, which you should also document
angular.extends
angular.copy
angular.element
directive -- keep in mind that some directives can only be used on specific HTML elements!
ngApp
ngBind
ngClass
ngClick
ngController
ngDblclick
ngForm
ngKeyup
ngModel
ngRepeat
ngSubmit
Angularize Me
[ ] If you're really bored and have time on your hands, try adding Angular to one or more of your old assignments. Don't get hung up on it if you don't make progress; there will be plenty to do this week.
Review
Today we (very briefly) saw what Angular JS can do through some simple built-in Directives:
ng-app
,ng-controller
,ng-repeat
,ng-model
,ng-dblclick
, andng-class
. I was able to add some significant functionality to the TodoMVC template with just a few lines of JavaScript and some simple HTML attributes. We also used BrowserSync for the first time and saw how awesome that can be.Shaping Up with Angular JS
Read the Docs, Luke!
There are lots of bits and pieces in Angular JS, and you'll want to be familiar with an increasing number of them throughout the week. Start documenting them like we did with JavaScript, HTML, and CSS:
angular.module
-- returns an instance of typeangular.Module
, which you should also documentangular.extends
angular.copy
angular.element
ngApp
ngBind
ngClass
ngClick
ngController
ngDblclick
ngForm
ngKeyup
ngModel
ngRepeat
ngSubmit
Angularize Me