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

Ember.js apps for static sites

Benjamin Fleischer
September 08, 2015
Programming
0
98

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

See All by Benjamin Fleischer
Setting up JSON API in Rails 5 beta
bf4
0
83
RubyConf 2015 Job Board
bf4
0
100
ChicagoRuby: Downtow­­n - Handling String Encoding Failures/Normalizat­­­i­­on
bf4
0
73
Maintaining Open Source Projects
bf4
2
360
Maintaining Open Source Projects
bf4
1
250
RailsConf2014 Job Board
bf4
0
40
The Open Source Junkyard
bf4
2
530
YAML, what is it good for?
bf4
1
830
It's about time(zones)
bf4
0
60

Other Decks in Programming

See All in Programming
[Helvetic Ruby 2023] Profiling Ruby tests with Swiss precision
palkan
0
330
​고군분투 LLM 프로덕트 적용기: Blind Prompting 부터 Agent까지
huffon
2
1k
JSConfjp2023 Storybook駆動開発の再現性と効率化
kinocoboy2
1
2k
kube-proxy入門
bells17
7
900
コンピュータグラフィクスの空
fadis
2
190
Micro Frontends with Modern Angular
manfredsteyer
PRO
1
280
フロントエンドの書くべきだったテスト、書かなくてよかったテスト
takefumiyoshii
31
11k
Expo Router は Expo 導入の決め手となるか フロントエンドカンファレンス沖縄2023 @Kaito-Dogi
doggy
3
1.6k
Organizational Pattern Hatching
koic
0
240
複数端末で Visual Regression Test を 実行する上での工夫と課題
morux2
0
500
.NET 8世代のBlazorについて
tomokusaba
0
140
Flutterで構築する漫画ビューア / FlutterKaigi 2023
katsu8686
0
2.5k

Featured

See All Featured
Pencils Down: Stop Designing & Start Developing
hursman
115
11k
GraphQLの誤解/rethinking-graphql
sonatard
45
8.7k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
26
5.7k
Fantastic passwords and where to find them - at NoRuKo
philnash
34
2.2k
We Have a Design System, Now What?
morganepeng
41
6.4k
Robots, Beer and Maslow
schacon
154
7.7k
Writing Fast Ruby
sferik
615
59k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
185
15k
Thoughts on Productivity
jonyablonski
55
3.5k
Making Projects Easy
brettharned
105
5.2k
What the flash - Photography Introduction
edds
64
11k
Infographics Made Easy
chrislema
236
17k

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