Web Developers Tools Workshop - Part I. AngularJS Happy Developing - ACIT Invited Talk

Prerequisite - please install below tools on your laptop

• Google Chrome browser - hit 'F12' or right-click and select 'Inspect element' to initiate Developers Tool
• Node JS - (download/run your system's matching installer)
• Git - choose install as bash command if you're more familiar with linux-bash command, otherwise select 'command line' option
• MongoDB - required if local database desired
• Other tools will be installed on-site with npm (come with node JS). Please - run 'node -v' and 'npm -v' in command line to verify installation. Also 'git --version' and 'mongo --version' if desired.

Good to have - Web Hosting Resources

• GitHub Pages - free static pages hosting - please follow the link to create a page under your GitHub account.
• Heroku web hosting - we will cover how to publish your web application on heroku.
  But you are more than welcome to try it out first, just create a NodeJS app (and add MongoDB as an add-on)

Workshop Agenda and Learning Resources

1. Angular JS
   You can go through the official tutorial if you like, but this time, we'll just start from the angular-seed project. Let's just cover the basic components, then build and deploy it on each participants' GitHub web pages
   How to customize the project will be introduced briefly but let's focus on environment setup and leave Angular topics to coming workshops (preview on GitHub and live).
2. Node JS & Express JS
   Node.js is a JavaScript runtime that comes with http server out-of-the-box and readily accepts configurations, please try some on-line resources (eg. tutorials point) to grab a basic understanding about the capabilities of Node.js
   Express is a framework for Node.js. The best tutorial I used is written by Evan Hahn
   For this workshop, we'll use a template from heroku and we'll go through this tutorial step-by-step, which will be the major task for our workshop :-)
3. MongoDB
   We'll just use it. Someone else can give a tutorial in another workshop.

Expanded reading

• RESTful API develop
• RESTful API design principles