I really recommend you to get started with the angular seed project. Git clone it down from github and start hacking,
The angular seed project comes with an awesome file structure. You should follow its lead when you are building your angular js app. There is also another project built off from angular seed and its called angular sprout, I did not use it so I can’t comment on it but its another option.
The angular seed project comes with karma and jasmine installed to do unit tests (tests for your controllers, services, directives etc)
Here is what Jasmine code looks like, http://pivotal.github.io/jasmine/. You should do this last.When you install Karma you should be really really careful about what you configured in the
karma.conf.js (files paths) !
You should install Protractor for E2E test (browser based testing)
Be careful with the specs paths in protractor.conf.js
I want to point you to some short 5 minutes lessons at egghead
Egghead is like the railscast of angularjs. You should go through the free videos from video 1 to 25 or so and then start building something in angular js in the seed project with what you know.
I started off with learning from the official tutorial here http://docs.angularjs.org/tutorial. Its a very good tutorial but I think its best for a newbie to learn from egghead first because the phonecat app has a harder learning curve. The documentation for angular.js is not complete at all. You should check out
Chrome developer tool will become your best friend. You should always serve your angular.js web app with a webserver, the angular seed project comes with one or you can always do a
I do not recommend angularjs built in router, you should use ui-router instead
Instead of using
$http to fetch files you should use
$resource instead. The official tutorial at angular js use
Also before you start anything that is substantial you should read this first
just so you will have less headaches down the line.