Angular.JS
For
Regular Websites

Angular.JS
For
Regular modern Websites

What do we want?

Nothing Special really

Navigation
+
Content
+
Footer

Do We really need
a crappy CMS System?

do We need a Server AT all?

This should be easy with just a browser, no?

it is.

Angular.js

isn'T that
overkill
for a website?

A Server + CMS just for that?

And suddenly you
benefit from so much more...

 ✓ Snappy Experience

 ✓ Page Transitions

 ✓ clean code

But How do I get Started?

Our website Team didn't have any
Angular Experience 

that's fine

write as static HTML Page
then Angularize

it's plain old html with the vocabulary extended

ok, but what about all those scary downsides?

...like a website should not rely on javascript?

What about IE?

Stay away from custom elements and you are almost fine.

...IE7 needs more tweaking but...

...should we care?

But AngularSPA screws up SEO, no?

Kind of,
 Googe just makes it harder for us

_escaped_fragment_

site.com/#!/support

site.com/?_ESCAPED_FRAGMENT=/support

well, then we need to run Phantom.JS

and save snapshots

or use this grunt task instead

grunt-html-snapshot 

then make your server spit out the snapshots for Search engines

....
if ($args ~ "_escaped_fragment_=/?(.+)/(.+)") {
set $pathl $1;
set $pathp $2;
rewrite ^ /snapshot____${pathl}_${pathp}.html;
}
....

Don't be afraid of the future

T H A N K S .