background preloader

Ember

Facebook Twitter

Ember Observer. Ember Screencasts. Bringing Ember to the Desktop with NW.js. One of our recent client projects at DockYard had us go in a totally new direction in terms of technology stack.

Bringing Ember to the Desktop with NW.js

We needed to build a desktop application that could communicate with some Arduino devices via WebSockets. Let me first put this out there: I love building for the web. The mere thought of developing native desktop applications always makes me cringe a little, though I admit, I haven't done much in that arena since those Java Swing days from forever ago. Nevertheless, you may find yourself at some point needing to build for the desktop.

Thankfully, you don't have to put your fuzzy little Tomster away. NW.js, formerly known as Node WebKit, is a runtime built on top of Chromium and Node/IO.js that lets you develop native applications using the web technologies that you love. Demo. Training. If you want learn Emberjs signup for my course: Pay only £150 or Learn more In this post we will examine the various approaches used in the wild when handling authentication in Emberjs apps.

Training

We will review each approach and I will suggest when it is best to use one over the other. This pos is just a broad overview of the patterns, in another post i will examine the elements of authentication, where we will look at the basic minimum you need to get authentication going, in anycase the jsbin used here, has the working code required for this post and the next post.

The 3 patterns I have seen in the wild are: Nesting under Authentication RouteUsing Emberjs mixins to add authenticationSubclassing or inheriting from Authentication Route. Things I wish someone had told me when I was learning Ember.js. Launching and open sourcing emberflare.com - ugisozols.com. Today I’m very happy to announce the launch of emberflare.com and also the fact that I’m open sourcing it.

Launching and open sourcing emberflare.com - ugisozols.com

What is EmberFlare? Hello Ember. NBCNEWS.com at Seattle EmberJS Seattle meetup. Ember.js - An Application Framework For The Future. Building an App with Ember App Kit - Part 1 – Jason Kriss. Demo | Ember Code | Rails Code In this series of posts, we are going to walk through the building of a simple CRUD app.

Building an App with Ember App Kit - Part 1 – Jason Kriss

Ember Sparks 2: Switching to Ember Data. Presenting the Ember.js Library for Kinvey. The latest addition to the Kinvey JavaScript libraries provides tight integration between Ember.js and Kinvey.

Presenting the Ember.js Library for Kinvey

If you are building a web application with Ember.js, using Kinvey to store your data now couldn’t be more easy. This first version is a beta-release, which provides support for user management and saving, retrieving and querying data. Aside from Ember.js, the library depends on Ember Data. Ember Data is a library for loading data from a persistence layer, and therefore makes a perfect fit for Kinvey. Since Ember Data is still in beta, it is recommended to build the dependency from the master branch on GitHub. Load the following scripts inside your index.html: Plugin interface · Issue #38 · stefanpenner/ember-cli. How to Call A From B in Ember. Building a mobile-friendly web app using Ember.js and jQuery Mobile. Blog/ember-sparks-1-custom-adapters-for-ember-data.html.

Building an app with Ember.js using HTML5 Storage APIs. At Novelys, we have been developing and maintaining a sales book for Eckes-Granini for a few years.

Building an app with Ember.js using HTML5 Storage APIs

At some point, they contacted us regarding some features they wanted to add to the application. With the client, we decided it was best to start from scratch, remove the cruft, and benefit from the best technologies that were now available. This post is going to dive into some of the technological choices we made and why. Why start over? The application in its previous version was starting to get old. It made complete sense to start over and split the application in two: the backend on one side exposing an API, and the client on the other side, consuming this API. A Simple Ember Data Route. Intro to Ember Resolver by Robert Jackson at Ember Boston. Testing an Ember Application: Integration and Unit tests - pixelhandler...

Try Jasmine because we love BDDTry Mocha because it's newer and it's used with KonachaTry QUnit because it may be better with async tests then the above and the Ember.js project uses it anywayWow Ember.js has testing helpers in the ember-testing package, lets rewrite the integration testsTry Pavlov since is provides BDD style spec runner on top of QUnitJust use TDD QUnit test runner In getting started with the exercise we talked and asked...

Testing an Ember Application: Integration and Unit tests - pixelhandler...

What is important in testing an app built with Ember.js? Because the Ember.js framework has solid test coverage for the API it provides, is the main gap making sure an application's compontents or modules work together? The underlying behavior of the framework features and API should just work, what should we not test? Unit tests are needed, but it would be great to have integration tests that run super fast in a JavaScript runner.Perhaps integration or end-to-end testing is the main objective for our exercise.

Know your routes in Ember.js - ugisozols.com. This will be a short post about two built in Ember.js route handlers – ApplicationRoute and IndexRoute.

Know your routes in Ember.js - ugisozols.com

I’ve been building a simple application which has an /entries route. Whenever someone visits my application via root path / I wanted them to be transitioned (think redirected) to the /entries route. To do this, we’ll be using the beforeModel hook in the Route object. Getting started with Broccoli and Ember.js. Broccoli is a new build tool released recently by Jo Liss.

Getting started with Broccoli and Ember.js

The launch of the project was met with great enthusiasm and community support, especially from the Ember.js developers. But due to the recent release of the project, you might find it hard to use or integrate with an existing application. Matt and I took the project for a spin last week, and we were impressed by the benefits of using Broccoli. Ember User Stories: Trevor Dobbyn by @iTibz. We built Ember for all types of creative professionals, no matter which industry they work in.

Ember User Stories: Trevor Dobbyn by @iTibz

This week, I’m really excited to share an interview with Trevor Dobbyn, a professional architect who set up his own firm last year. Hi Trevor —Can you please tell us more about who you are and what you do? My name is Trevor Dobbyn and I’m an architect based in Dublin, Ireland. I have been a professional registered architect for over 15 years. Having spent several years working for other offices, I set up my own company in 2013: Fabrica Architects Limited (and I’ve built the website with RapidWeaver.) As the owner and director of Fabrica Architects, my main focus is to provide professional architectural services for clients in Ireland; I specialise in bespoke residential design, energy & thermal performance of buildings, and design details. It is really wonderful to see and learn from such a great community of designers and developers who work and supply themes and addons for RapidWeaver. Understanding application register & inject methods in Ember.js - WRKTG.

Johnkpaul/ember-requireify. Can't browserify Ember.js · Issue #30 · thlorenz/browserify-shim. Ember.js - reduceComputed and Property Brace Expansion - The Software Simpleton. Following on from this post I wanted to quickly mention a nice way to perform summary operations on arrays via the reduceComputed computed property. The docs explain it like this: Reduce computed properties and computed properties that reduce an enumerable. Array computed properties are reduce computed properties whose value happensto be an array.Reduce computed properties use one-at-a-time semantics to make computationsfrom arrays pleasant to write without making it easy to introduce O(n²)runtime for something that only requires O(n).They can be chained together and retain their O(n) semantics. I’ve been using ember since 0.9.6 and I have always had a deep fear of the @each observer due to the original implementation whereby the array was recalculated after every change that led to O(n²) problems.

Readers' Letters: Making an Ember.js component even better - Balint Erdi. Last time I showed a way to make the star-rating component more reusable. The solution employed a useful, low-level method, Ember.addObserver and its destructive sibling, Ember.removeObserver. A couple of my readers offered alternative solutions that, I think, make the code simpler without harming reusability of the component. This post is going to be sort of a “Readers’ Letters”, showing these solutions and explaining how they are better than my original take. Ember Controller versus ObjectController. When doing Ember.js training, I commonly see confusion surrounding the different controller types that Ember offers. In this post I'll show a couple examples that illustrate the differences between the two. Every time you you display a template in an ember application, you can use Handlebar's interpolation expressions to display property values in the rendered HTML (often called data binding).

The source of these property values is the controller that Ember is using as the context for the handlebars template. Every time you display a template, its context is bound to some controller, either one that you have explicitly created or one that ember has auto-generated for you (you can see the generated controllers logged to the console if you create your app with "LOG_ACTIVE_GENERATION: true"). Ember.Controller For example, if you have the template "Hello, {{name}} Any property that is on the controller can be displayed by referencing it in the template. Une introduction en profondeur à Ember.js · VF svp. Ember.js Resources on EmberWatch. Coderberry.