Angular Introduction

Paweł Pierzchała @zwrozka
3.09.2013 GDG Kraków

Workshop

Old browsers

Modern browsers

Static content

Hello World!
          

Dynamic content

window.addEventListener('load', function() {
  var greet = document.getElementById('greet');
  greet.textContent = 'Hello World';
});
          

jQuery

$(window).load(function() {
  $('#greet').text('Hello World');
});
          

AngularJS

{{greeting}}
          

Data binding

• no dom inspection
• model becomes the single source of truth

Changing the standards

• model driven views
• object observe

Boilerplate

  

    
Section 1
    
Section 2
  
  

    

      
I'm in Section 1.
    
    

      
Howdy, I'm in Section 2.
    
  

          

Directives

• DSL
• single source of truth

Changing the standards

• web components

More demos

The end!!!111