Download tonight's Starter Template


https://github.com/rtucker88/Angular101


Follow the Slides at
http://slides.com/ryantucker/angular-101/live

Angularjs 101

Ryan Tucker
@RCTucker88

What is angular?

The "Super-heroic JavaScript MVW Framework"

What's this super-heroic and MVW Business?

  • Model
  • View
  • Whatever

Model

In AngularJS controllers that control presentation logic

View


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



whatever

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!

    Made with Slides.com