Tim Messerschmidt
                        Developer Evangelist
                                      1
February 2013, Berlin         @SeraAndroid
2
Big advantage

• Lots of plugins
• Chances are high people have a
  cached version already
• Big community
• Established since 2006


                                   3
Negative


 Did you ever use all the
      functionality?


                        4
5
Expressions
{{ do something }}

Can be used for:
• Calculations            {{ 1 + 2 }}
• Accessing models
• Filtering          {{ 1 + 2 == 3}}
… and much more!
                          {{ 3 > 4 }}
                     Hi {{ name }}!

                                    6
Repeating content
ng-repeat

                       Usage: repeat stuff
                    automatically in a very
                           HTML-like way




                                        7
Filtering content
filter: {{ expression }}




                           8
jqLite
For basic jQuery support

But: Let Angular do the DOM-magic
and concentrate on working with your
models.

If you need to use jQuery avoid using $.

                                           9
Outlook
… or what can I do with Angular?
• Routing
• Templating
  • ng-view
• Dependency Injection
• Event Handlers
• XHR & REST services
  • $http (low-level)
  • $resource (high-level)
                                   10
QUESTIONS?

             11
THANKS!
         timme@x.com
@seraandroid / @paypaleurodev
 slideshare.net/PayPalEUDevs


                                12

AngularJS vs jQuery

  • 1.
    Tim Messerschmidt Developer Evangelist 1 February 2013, Berlin @SeraAndroid
  • 2.
  • 3.
    Big advantage • Lotsof plugins • Chances are high people have a cached version already • Big community • Established since 2006 3
  • 4.
    Negative Did youever use all the functionality? 4
  • 5.
  • 6.
    Expressions {{ do something}} Can be used for: • Calculations {{ 1 + 2 }} • Accessing models • Filtering {{ 1 + 2 == 3}} … and much more! {{ 3 > 4 }} Hi {{ name }}! 6
  • 7.
    Repeating content ng-repeat Usage: repeat stuff automatically in a very HTML-like way 7
  • 8.
  • 9.
    jqLite For basic jQuerysupport But: Let Angular do the DOM-magic and concentrate on working with your models. If you need to use jQuery avoid using $. 9
  • 10.
    Outlook … or whatcan I do with Angular? • Routing • Templating • ng-view • Dependency Injection • Event Handlers • XHR & REST services • $http (low-level) • $resource (high-level) 10
  • 11.
  • 12.
    THANKS! timme@x.com @seraandroid / @paypaleurodev slideshare.net/PayPalEUDevs 12