the road to angularjs

Created by Kasper Reijnders / @kaspereden

/me

Kasper Reijnders

Incentro

front-end hero

musician

scouting

sports

that guy with a yellow shirt on

project

cat
add
cat box
bb
  bb bb  
bb bb

layers

applications

layers

design patterns

mvc

model view controller

plain js example

text

```javascript example2.getElementsByClassName('mine-container')[0].innerHTML = Mustache.render(view, model); ```

mustache example

  • Update data via MVC pattern
  • Complex data in model
  • No userhandling
```javascript inputs[i].onchange = function() {}; ``` Note: jquery not solve this

angular / ember

angular

$scope.value = "my first value";

{{value}} text

{{value}}

  • {{brand}}
    • {{car}}

modules

yo

yeoman

single page

  • choose toolkit
  • make it available
  • define code standards

recap

  • build modular code
  • split projects into small applications
  • give them an owner
  • 2-way data binding is awesome
  • build tools are king
  • yo


slides at http://kaspereden.github.io/angularconf-dec14

#worldofincentro

@kaspereden

credits

#worldofincentro

@kaspereden