Beginner Tutorial: Getting Started with AngularJS Hello World in Minutes

This demo tutorial (as opposed to follow-along tutorial) shows that you can hook up AngularJS to your html file in just minutes. Things we cover including how to start the ng-app, evaluate an expression {{ 1+2 }}, set up a controller, even debugging AngularJS.

AngularJS is a big topic and I am not the best developer to explain it. However, I want to demo that just like jQuery, AngularJS requires some initial setup. It takes a bit of muscle memory to get used to. After that, you can start your AngularJS app quickly, and take your time to get better at it.

FAQ

Why do we use a Mac?
Many modern web developers use Mac for various reasons. For beginners, it's easy to program on Macs. The configuration and setup is usually smooth. Some languages are preinstalled and readily available like Ruby and Python.

Why do we use Sublime?
It's a free powerful and clean-cut text editor, which makes it great for beginners.

Why do we use CDN or a hyperlink for the AngularJS source code?
It's easy, readily available, optimized. We don't have to download a copy of the source code and that's nice.

How to debug AngularJS?
AngularJS is JavaScript after all. For beginners, console.log is always your best friend. Use console.log often to make sure your scripts and code is connected.

Comments

• We like to use a basic expression {{ 1+2 }} that AngularJS can compute to demonstrate that AngularJS code is connected successfully.  We think an AngularJS hello world example is to make this expression evaluate to 3.
•