A quick intro to

2. Ext JS 4.0 MVC
Ed Spencer
@edspencer

3. Motivation

4. Motivation

5. Motivation
Clean, maintainable code

6. Motivation
Clean, maintainable code
Learn it once

7. Motivation
Clean, maintainable code
Learn it once
Leverage tooling

8. Motivation
Clean, maintainable code
Learn it once
Leverage tooling
Easier collaboration

9. Getting Started

10. Getting Started

11. Getting Started

12. Getting Started

13. Getting Started

14. Views

15. Start with the view

16. Too many views

17. Too few views

18. Balance

19. Balance
Too many views are hard to coordinate

20. Balance
Too many views are hard to coordinate
Too few are hard to maintain:

21. Balance
Too many views are hard to coordinate
Too few are hard to maintain:
•Too much responsibility in one class

22. Balance
Too many views are hard to coordinate
Too few are hard to maintain:
•Too much responsibility in one class
•Difficult to test

23. Balance
Too many views are hard to coordinate
Too few are hard to maintain:
•Too much responsibility in one class
•Difficult to test
•Difficult to change

24. Good balance

25. Example - Song Info

26. Models

27. Deciding on Models

28. Deciding on Models
What ‘types’ exist in your app?

29. Deciding on Models
What ‘types’ exist in your app?
Only model what you need right now

30. Deciding on Models

31. Deciding on Models

32. Song Model

33. Station Model

34. Stores

35. Deciding on Stores

36. Deciding on Stores
What data exists in your app?

37. Deciding on Stores
What data exists in your app?
What Model does each Store need?

38. Deciding on Stores

39. Stations Store

40. Station Model

41. Controllers

42. Controllers

43. Controllers
Figure out responsibilities

44. Controllers
Figure out responsibilities
Set up references

45. Controllers
Figure out responsibilities
Set up references
Listen to events

46. Controllers
Figure out responsibilities
Set up references
Listen to events
Take action

47. Controllers

48. Station Controller

49. Hooking it together

50. StationList

51. Station Controller

52. Launching

53. Demo

54. More Information

55. More Information
http://sencha.com/x/d8

56. More Information
http://sencha.com/x/d8
http://sencha.com/x/d9

57. The End
Ed Spencer
@edspencer