AngularJS a codecentric AG workshop

If you are reading this, then you are probably here because one of the trainers has given you this URI. If not, then most of this information may not be of interest to you. Should you be interested in this workshop, please contact our training team (workshop is available in German and English).

Quickstart

You have downloaded the necessary software and cloned the movie-database repository. So now you are ready to start hacking.

1. Change to your movie-database directory:

   cd <movie-database-directory>

2. Do a

   git pull

   to get the latest updates, just to be sure.
3. Let npm download the required dependencies:

   npm install

4. Make sure you have the grunt command line interface installed:

   npm install -g grunt-cli

5. Test your movie-database application using the test task. Be sure, that this step succeeds, before moving on!. If the build fails, re-check your setup (phantomjs installed? nodejs-version up-to-date?).

   grunt test

6. Finally, you can start developing. The most useful Grunt task during development is dev. This task start a web-server in the background (on port 3000). The webserver is restarted automatically, whenever a file changes. Moreover, on each file-change, the jshint and unit-test tasks are executed. If you keep an eye on the console output, you will always know, when your code changes break existing tests.

   grunt dev

7. Open your browser and navigate to http://localhost:3000/.
8. Change some code, watch for the automatically triggered test-run and see the result instantly in your web-browser.