$30 off During Our Annual Pro Sale. View Details »

Ember.js apps for static sites

Ember.js apps for static sites

http://www.meetup.com/Geekfest/events/223282991/

Take advantage of the the Ember ecosystem to add (well-tested) rich functionality to a static site.

Benjamin Fleischer

September 08, 2015
Tweet

More Decks by Benjamin Fleischer

Other Decks in Programming

Transcript

  1. Ember.js apps for
    static sites
    Benjamin Fleischer
    @hazula, github.com/bf4

    View Slide

  2. Sprinkling in Ember.js
    components
    http://www.benjaminfleischer.com/ember-sprinkling-in-
    components/

    View Slide

  3. View Slide

  4. View Slide

  5. View Slide

  6. View Slide

  7. View Slide

  8. Let's step through
    building it

    View Slide

  9. View Slide

  10. View Slide

  11. View Slide

  12. View Slide

  13. View Slide

  14. View Slide

  15. View Slide

  16. Encore!

    View Slide

  17. View Slide

  18. View Slide

  19. View Slide

  20. View Slide

  21. One drawback of this approach, is that we don’t get
    the benefits of all the conventions and tooling of
    ember-cli.
    Well, let's migrate this code to ember-cli!

    View Slide

  22. Ember-CLI and its
    awesome ecosystem
    http://www.benjaminfleischer.com/ember-cli-
    components/

    View Slide

  23. View Slide

  24. View Slide

  25. Ember-CLI external apps
    gotchas

    View Slide

  26. Ember-CLI external apps
    gotchas

    View Slide

  27. Ember-CLI external apps
    gotchas

    View Slide

  28. Ember-CLI other configs

    View Slide

  29. To the Code!

    View Slide

  30. Questions?
    Benjamin Fleischer
    @hazula, github.com/bf4
    Ember.js apps for
    static sites

    View Slide