Why choose Ember?

Writing Ambitious Web Applications is not only about code. It’s as much about people who write the code, tools that you use to build the web application and ideas that emerge after your application went into production. Thinking about Web Application as code is like looking at a sea of icebergs and seeing the icebergs as what’s above water and not what’s underneath. Ember allows you to avoid the icebergs by giving you happy paths to success.

Transcript

1. @EmberSherpa
2. WRK TG Ember Mentoring Support Upgrades
3. A framework for creating ambitious web applications
8. Why choose ?
9. ambitious web applications !== code
10. ambitious web applications ≈ code + team
11. ambitious web applications ≈ code + team + tools
12. ambitious web applications ≈ code + team + tools + ideas
13. code team tools ideas
14. happy paths around icebergs
15. Your team
16. Your team Experience
17. Your team Experience Architecture
18. Your team Experience Architecture Best Practices
19. Your team Experience Architecture Best Practices Improving
20. Your team Experience Architecture Best Practices Improving Changes
21. Your team Problem humans have limits
22. Problem humans have limits Solution Conventions Your team
23. Conventions best practices baked in Your team
24. Conventions best practices baked in Being expert not required • Excellent Guides • Readable source code • Common solutions • Strong community Your team
25. Conventions best practices baked in Architecture • URLs are important • URLs matched to route • URLs converted to params • Params used to query data • Data bound to template Your team
26. Conventions best practices baked in Nested Routes • Parent route loaded first • Child rendered into parent • Free loading and error states Your team
27. Conventions best practices baked in Project layout • EmberCLI based on conventions • Every project looks same • Predictable directory structure • Hierarchy mirrored by directories Your team
28. makes you Pro’s with conventions Your team
29. Build tools
30. Build tools AMD or CommonJS
31. Build tools Grunt, Gulp & Webpack AMD or CommonJS
32. Build tools SASS, LESS, PostCSS … AMD or CommonJS Grunt, Gulp & Webpack
33. Build tools ES5, ES6, ES7 AMD or CommonJS Grunt, Gulp & Webpack SASS, LESS, PostCSS …
34. Build tools Build AMD or CommonJS Grunt, Gulp or Webpack SASS, LESS, PostCSS … ES5, ES6 or ES7
35. Build tools Test AMD or CommonJS Grunt, Gulp or Webpack SASS, LESS, PostCSS … ES5, ES6 or ES7 Build
36. Build tools Test AMD or CommonJS Grunt, Gulp or Webpack SASS, LESS, PostCSS … ES5, ES6 or ES7 Build Deploy
37. Build tools Problem How do you wire all of this together?
38. Problem How do you wire all of this together? Solution EmberCLI Build tools
39. Build tools EmberCLI everything developer needs to be productive
40. Build tools EmberCLI everything developer needs to be productive Preprocessors • ES6 & ES7 with Babel.js • SASS, LESS, PostCSS… • HTMLBars
41. Build tools EmberCLI everything developer needs to be productive Generators • Routes & Components • Tests • HTTP Mocks & Proxy
42. Build tools EmberCLI everything developer needs to be productive Test Runner • Acceptance, Integration & Unit Tests • CI server test runner • Browser test runner
43. Build tools EmberCLI everything developer needs to be productive Addons • 1000+ addons • emberaddons.com - all addons • emberobserver.com - by categories
44. Build tools EmberCLI everything developer needs to be productive Built in commands • new - start new app • server - run server with Live Reload • install - install addon • addon - generate addon
45. start building today with EmberCLI Build tools
46. New ideas
47. New ideas • Class based structure • Models • Custom Events
48. New ideas • Easy to get started • HTML templates • Two-way bindings • Directives
49. New ideas • One-way data flow • Virtual DOM • DOM Diffing • Server side rendering
50. New ideas Problem adopting new ideas requires complete rewrite
51. New ideas Problem adopting new ideas requires complete rewrite Solution Stability without stagnation
52. New ideas Stability without Stagnation future-proof your application
53. New ideas Stability without Stagnation future-proof your application 6 week release cycles • New features every 6 weeks • Canary for experimentation • Beta on path to stable
54. New ideas Stability without Stagnation future-proof your application Semver • MAJOR - remove deprecations • MINOR - add features & deprecations • PATCH - bug fixes MAJOR.MINOR.PATCH
55. New ideas Stability without Stagnation future-proof your application Incremental upgrades • Acceptance Tests • deprecation warnings • 1 iteration per Ember version
56. New ideas Stability without Stagnation future-proof your application Adopt new ideas • React’s VirtualDOM & DOM Diffing • Ember 1.13 shipped DOM Diffing • Free Upgrade
57. adopt new ideas without rewrites New ideas
58. Choose Turns your team into Pros Gives your team tools to be productive Makes it easy to adopt new ideas
59. @EmberSherpa