Download tonight's Starter Template

Follow the Slides at

Angularjs 101

Ryan Tucker

What is angular?

The "Super-heroic JavaScript MVW Framework"

What's this super-heroic and MVW Business?

  • Model
  • View
  • Whatever


In AngularJS controllers that control presentation logic


HTML that can be expanded!
Directives - Reusable HTML and components


Services that handle the heavy-lifting
  • AJAX requests
  • Data manipulation
  • Communication

some brief history

  • First released in 2009
  • Developed and supported by Google
  • Version 1.0 released June 2012

design goals

  • Decouple DOM manipulation from application logic. This improves the testability of the code.
  • Regard application testing as equal in importance to application writing. Testing difficulty is dramatically affected by the way the code is structured.
  • Decouple the client side of an application from the server side. This allows development work to progress in parallel, and allows for reuse of both sides.
  • Guide developers through the entire journey of building an application: from designing the UI, through writing the business logic, to testing.

why angular?

  • Testability
  • Continuous Integration
  • Clear separation of concerns
  • Extendable HTML

Angular Concerns

  • More logic in the browser
  • Security concerns
  • No built-in lazy loading
  • "Too big" for a simple app

  • What if your app grows?

    let's code!

    Angular 101

    By Ryan Tucker

    Loading comments...

    More from Ryan Tucker