My Portfolio written with AngularJS
I’ve been working with Backbone.JS for the past two years as front-end JavaScript framework for desktop and mobile web apps. I wanted to try a more structured framework. While I read a lot about Web components, that are for me the future of web programming, I had issues using them in a very simple use case. The Polymer project (based on them) looks interesting, but is still in very early stage. That is how I selected the AngularJS framework.
A refactoring of my simple portfolio at http://steren.fr was a perfect candidate as a simple project to learn this framework. You can check the code on github.
I started with Angular’s great getting started tutorial and was then able to start working using the official Documentation and the rest of the interweb.
The app is very simple :
- It contains two Views (described in partials), that are using the same Controller
- The data comes from a JSON file and accessible from a Service.
- I had to write a custom Filter to filter works based the checked checkboxes.
What is interesting is that I didn’t needed to code any data-binding or manual refresh, Angular is handling this for me since everything is properly wired. For example: clicking on the sort radio-button changes the ‘sort’ variable that are linked to the works filters.
Read and fork the portfolio code on github.