Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
@electrobabe
From Java To AngularJS
(Without Pain)
9.12.2015 jquery conf berlin @electrobabe
Background
9.12.2015 jquery conf berlin @electrobabe
JavaScript!!!
9.12.2015 jquery conf berlin @electrobabe
Java <3
9.12.2015 jquery conf berlin @electrobabe
JavaScript
9.12.2015 jquery conf berlin @electrobabe
JavaScript is evil
9.12.2015 jquery conf berlin @electrobabe
JavaScript is eval
9.12.2015 jquery conf berlin @electrobabe
JavaScript is evil
9.12.2015 jquery conf berlin @electrobabe
JS: The Home Of Antipatterns
9.12.2015 jquery conf berlin @electrobabe
Some master it...
9.12.2015 jquery conf berlin @electrobabe
MVC in Java
9.12.2015 jquery conf berlin @electrobabe
AngularJS FTW!
9.12.2015 jquery conf berlin @electrobabe
MVW in Angular
9.12.2015 jquery conf berlin @electrobabe
ng-what?
9.12.2015 jquery conf berlin @electrobabe
Live Edit in Browser
9.12.2015 jquery conf berlin @electrobabe
Live Edit in Browser
9.12.2015 jquery conf berlin @electrobabe
Add a Controller to View
9.12.2015 jquery conf berlin @electrobabe
The Controller
9.12.2015 jquery conf berlin @electrobabe
Live Edit in Browser
9.12.2015 jquery conf berlin @electrobabe
Live Edit in Browser
9.12.2015 jquery conf berlin @electrobabe
Live Edit in Browser
9.12.2015 jquery conf berlin @electrobabe
Use A Model
9.12.2015 jquery conf berlin @electrobabe
Different Modules in Controller
9.12.2015 jquery conf berlin @electrobabe
Dependency Injection
9.12.2015 jquery conf berlin @electrobabe
Directives
9.12.2015 jquery conf berlin @electrobabe
Deep Linking & Routing
9.12.2015 jquery conf berlin @electrobabe
Nested Views
9.12.2015 jquery conf berlin @electrobabe
Nested Views
9.12.2015 jquery conf berlin @electrobabe
Nested Views
9.12.2015 jquery conf berlin @electrobabe
Structure
9.12.2015 jquery conf berlin @electrobabe
Testability
9.12.2015 jquery conf berlin @electrobabe
Build
9.12.2015 jquery conf berlin @electrobabe
Dependency Management
9.12.2015 jquery conf berlin @electrobabe
Supporting Frameworks
9.12.2015 jquery conf berlin @electrobabe
Best practices & Lessons Learned
9.12.2015 jquery conf berlin @electrobabe
Downsides
9.12.2015 jquery conf berlin @electrobabe
Downsides
9.12.2015 jquery conf berlin @electrobabe
I can has code? kthxbye
https://github.com/electrobabe/hungry-ui
9.12.2015 jquery conf berlin @electrobabe
Any Questions?
9.12.2015 jquery conf berlin @electrobabe
CATS!
9.12.2015 jquery conf berlin @electrobabe
Links
● Slides and Src on Github
https://github.com/electrobabe/hungry-ui
● http...
9.12.2015 jquery conf berlin @electrobabe
Credentials
Images from
● hipsterlogogenerator.com
● stocksnap.io
● Wikipedia
● ...
Upcoming SlideShare
Loading in …5
×

JQuery Conf Berlin - Ondrisek - From Java To AngularJS (without pain)

7,367 views

Published on

talk at JQuery conf in Berlin

Published in: Technology
  • Be the first to comment

  • Be the first to like this

JQuery Conf Berlin - Ondrisek - From Java To AngularJS (without pain)

  1. 1. @electrobabe From Java To AngularJS (Without Pain)
  2. 2. 9.12.2015 jquery conf berlin @electrobabe Background
  3. 3. 9.12.2015 jquery conf berlin @electrobabe JavaScript!!!
  4. 4. 9.12.2015 jquery conf berlin @electrobabe Java <3
  5. 5. 9.12.2015 jquery conf berlin @electrobabe JavaScript
  6. 6. 9.12.2015 jquery conf berlin @electrobabe JavaScript is evil
  7. 7. 9.12.2015 jquery conf berlin @electrobabe JavaScript is eval
  8. 8. 9.12.2015 jquery conf berlin @electrobabe JavaScript is evil
  9. 9. 9.12.2015 jquery conf berlin @electrobabe JS: The Home Of Antipatterns
  10. 10. 9.12.2015 jquery conf berlin @electrobabe Some master it...
  11. 11. 9.12.2015 jquery conf berlin @electrobabe MVC in Java
  12. 12. 9.12.2015 jquery conf berlin @electrobabe AngularJS FTW!
  13. 13. 9.12.2015 jquery conf berlin @electrobabe MVW in Angular
  14. 14. 9.12.2015 jquery conf berlin @electrobabe ng-what?
  15. 15. 9.12.2015 jquery conf berlin @electrobabe Live Edit in Browser
  16. 16. 9.12.2015 jquery conf berlin @electrobabe Live Edit in Browser
  17. 17. 9.12.2015 jquery conf berlin @electrobabe Add a Controller to View
  18. 18. 9.12.2015 jquery conf berlin @electrobabe The Controller
  19. 19. 9.12.2015 jquery conf berlin @electrobabe Live Edit in Browser
  20. 20. 9.12.2015 jquery conf berlin @electrobabe Live Edit in Browser
  21. 21. 9.12.2015 jquery conf berlin @electrobabe Live Edit in Browser
  22. 22. 9.12.2015 jquery conf berlin @electrobabe Use A Model
  23. 23. 9.12.2015 jquery conf berlin @electrobabe Different Modules in Controller
  24. 24. 9.12.2015 jquery conf berlin @electrobabe Dependency Injection
  25. 25. 9.12.2015 jquery conf berlin @electrobabe Directives
  26. 26. 9.12.2015 jquery conf berlin @electrobabe Deep Linking & Routing
  27. 27. 9.12.2015 jquery conf berlin @electrobabe Nested Views
  28. 28. 9.12.2015 jquery conf berlin @electrobabe Nested Views
  29. 29. 9.12.2015 jquery conf berlin @electrobabe Nested Views
  30. 30. 9.12.2015 jquery conf berlin @electrobabe Structure
  31. 31. 9.12.2015 jquery conf berlin @electrobabe Testability
  32. 32. 9.12.2015 jquery conf berlin @electrobabe Build
  33. 33. 9.12.2015 jquery conf berlin @electrobabe Dependency Management
  34. 34. 9.12.2015 jquery conf berlin @electrobabe Supporting Frameworks
  35. 35. 9.12.2015 jquery conf berlin @electrobabe Best practices & Lessons Learned
  36. 36. 9.12.2015 jquery conf berlin @electrobabe Downsides
  37. 37. 9.12.2015 jquery conf berlin @electrobabe Downsides
  38. 38. 9.12.2015 jquery conf berlin @electrobabe I can has code? kthxbye https://github.com/electrobabe/hungry-ui
  39. 39. 9.12.2015 jquery conf berlin @electrobabe Any Questions?
  40. 40. 9.12.2015 jquery conf berlin @electrobabe CATS!
  41. 41. 9.12.2015 jquery conf berlin @electrobabe Links ● Slides and Src on Github https://github.com/electrobabe/hungry-ui ● http://electrobabe.at ● https://play.google.com/store/apps/details? id=at.chefbabe.hungry ● https://play.google.com/store/apps/details? id=com.likeahipster.app
  42. 42. 9.12.2015 jquery conf berlin @electrobabe Credentials Images from ● hipsterlogogenerator.com ● stocksnap.io ● Wikipedia ● Giphy

×