The purpose of this exercise if for the developer to exhibit his familiarity with frontend technologies, programming patterns and to provide with a sample of what clean and reusable code means to him.

Please inline comment the decisions you have made, and give a summary about the architectural choices that you considered.

We will use Yahoo Pipes to create a single page application that presents the latest 10 news. Your goal is to get the latest 10 news from the pipe, along with a small summary and a link for each one. The end result should be a list with the 10 news items, each one consisting of an image and a title. Clicking on an item shows its summary, along with an external link to the original article. You can adjust the UI how you see fit for the best result, but sticking to a single page application is mandatory.

The API is in JSON and the link is: http://pipes.yahoo.com/pipes/pipe.run?_id=DqsF_ZG72xGLbes9l7okhQ&_render=json&_callback=myCallback (You can change the callback parameter to any value you want).

Feel free to use a different pipe if you want. You can browse different pipes here: http://pipes.yahoo.com/pipes/search?r=tag:news But don’t forget the _callback parameter, to get a JSONP, so that you won’t have cross domain issues.


In Backbase we take pride that we have created a lean portal, with focus on UX. Your UI should reflect the same principles. Try creating something simple, user friendly and eye appealing. Feel free to use any UI resources you’d like to achieve that. For example you could use Twitter Bootstrap, or any other UI library.

Here there is no limitation. Design your application anyway you want. Use any libraries you think are best. You can do anything. Focus on clean, reusable code. Focus on frontend best practices. Show us that you know how to produce high quality modern web applications. (You can use things like HTML5 Boilerplate, MVC Frameworks, RequireJS. Anything you think is worth using in any real-world application).

None. We should be able to run the exercise, just by opening your index.html file.

This step is 100% optional and it won’t have a negative impact if you don’t do it. Our Backbase Portal has the ability of loading W3C Widgets. If you make your exercise to work as a W3C Widget, we can run it on our portal, and of course it will have a positive impact.