EmberJS
Building rich front-end apps
SOFTWARE FREEDOM KOSOVA ‘13 CONFERENCE
(7-9th September 2013)
What’s out there?
JavaScript
Backbone.js &
Underscore.js
AngularJS
EmberJS
Jquery
2
Introduction of EmberJS
 URL, the heart of EmberJS
 Conventions over configuration
 Data binding
 Observers
 Handel...
iew
Artitecture of EmberJS
Browser
Router
Controller View
Template
Model
Store
Naming conventions
/companies CompaniesRoute
CompaniesController
CompaniesView
Model: Company
Template: companies
(Active ...
Example app
A company list with employees. Showing how to
add/edit/delete companies, add employees to
show how to manage r...
Resources
 EmberJS official page
http://www.emberjs.com
 Ember Discussion Forum
http://discuss.emberjs.com
 EmberWatch
...
?
Questions
Flamur Mavraj
Web: http://www.empir.io
E-mail: flamur.mavraj@empir.io
Twitter: @oxodesign
Upcoming SlideShare
Loading in …5
×

Sfk13

3,649 views

Published on

Published in: Technology, Business
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
3,649
On SlideShare
0
From Embeds
0
Number of Embeds
7
Actions
Shares
0
Downloads
24
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

Sfk13

  1. 1. EmberJS Building rich front-end apps SOFTWARE FREEDOM KOSOVA ‘13 CONFERENCE (7-9th September 2013)
  2. 2. What’s out there? JavaScript Backbone.js & Underscore.js AngularJS EmberJS Jquery
  3. 3. 2 Introduction of EmberJS  URL, the heart of EmberJS  Conventions over configuration  Data binding  Observers  Handelbar.js  Easy, not simple
  4. 4. iew Artitecture of EmberJS Browser Router Controller View Template Model Store
  5. 5. Naming conventions /companies CompaniesRoute CompaniesController CompaniesView Model: Company Template: companies (Active code generation)
  6. 6. Example app A company list with employees. Showing how to add/edit/delete companies, add employees to show how to manage relationships between models. Used EmberJS LocalStorageAdapter and Ember Data for this example. Source: https://github.com/oxodesign/emberjs- sfk13-example
  7. 7. Resources  EmberJS official page http://www.emberjs.com  Ember Discussion Forum http://discuss.emberjs.com  EmberWatch http://emberwatch.com  Ember Weekly http://emberweekly.com  Empirio Lab http://lab.empirio.no
  8. 8. ? Questions Flamur Mavraj Web: http://www.empir.io E-mail: flamur.mavraj@empir.io Twitter: @oxodesign

×