##ALLO! ALLO! LET'S SCAFFOLD A WEB APP WITH CODIO

By Addy Osmani, James Cryer & Pearl Chen with Annotation Tutorial by Codio

In this code lab, you build a fully functional application using Yeoman and AngularJS. The sample app provides a brief look at some Yeoman, Grunt and Bower features.

Take a look at the image below. You can see the Codio IDE with

• the step-by-step tutorial content in the right hand panel
• your terminal and code windows on the left

So you can work your way through the tutorial really easily without having to switch windows or tabs.

##SETUP Getting going is trivial ...

1. Create an account on Codio (you can sign up with GitHub) and sign in.
2. Create a new project as shown above by selecting the Git tab
3. Paste into the 'Clone a Git repo' field https://github.com/codio/tutorial_yo_angular.git
4. When you press 'Create Project' you will be taken straight into the IDE
5. Go to the Tools->Tutorial menu option and simply follow the instructions

###Video If you'd like to see how Codio and this Codelab tutorial work together, here's a very short video.