Tech Stack

Our stack components are:

Node.js - for serving static content, I know that Node is more than that, but we'll use it as a simple http-server. Sorry about that. But wait, npm will be useful too.

Bower - this tool will help us to manage our dev and prod dependencies.

Karma - we suppose to have a workshop with TDD, so it'll be necessary create a productive test environment. Karma is a test runner which provides that env.

PhantomJS - speaking on productivity PhantomJS will provide headless testing feature, so we can get a pure text-based testing environment.

Jasmine - it's a BDD framework. We can use to cover all Test Pyramid levels. In this workshop, it'll cover unit-testing.

This is our development stack. You can ask, dev stack, what about Node.js. As I said before, we'll use Node.js as a static content server. So we are able to deploy our AngularJS app on any http server, on Node.js as well.

AngularJS - here is our beloved framework. Besides the angular core features we'll need angular-mocks to support our tests and angular-resource to provide an easy way to consume RESTful webservices.

Bootstrap - currently I'm not good enough on CSS3, so I use Bootstrap to improve my UI design. I'm sure this is not cool and I feel like I need to revert this situation as soon as possible. Everybody knows jQuery, it is here because of the bootstrap dependency on it. jQuery can be useful to AngularJS too.

Angular UI Router - this is a router framework for AngularJS. A router is used to manage the navigation through SPA (single page application) views.

The files package.json and bower.json describe the configuration.

As well known, the wheel was invented already, let's use it. We'll take the John Papa Angular Style Guide as our reference for this workshop. Let's do a Shuhari experience.