Mejores prácticas en AngularJS

Angular es un framework de desarrollo muy reciente y por tanto es pronto para que las mejores prácticas estén bien definidas. Sin embargo existen algunos ejemplos de aplicaciones completas realizados con Angular, uno de los más notorios Angular app.

Mediante el estudio de esta aplicación y otras vamos a poder obtener ideas de arquitectura más allá de aprender la sintaxis de la librería y va a ser imprescindible para poder implementar proyectos largos.

No olvidamos que mediante la separación en servicios, controladores, directivas, filtros y vistas y la estructura de carpetas que nos propone Yeoman ya tenemos mucho avanzado en temas de arquitectura. Sin embargo la decisión de utilizar una combinación de filtros y dataBinding o una directiva es algo que es menos importante pero que aún no es fácil encontrar en Internet y que por tanto dependerá de nuestro criterio.

Existe un wiki [https://github.com/mgechev/angularjs-style-guide] de muy reciente aparición que está incorporando con algunos consejos generales y buenas prácticas y al que habrá que seguir la pista.

Otros ejemplos de aplicaciones para revisar son:

• Angular tutorial
• ToDo MVC
• https://github.com/shidhincr/LookAround - Angular + Bootstrap + Google Maps + Google Places API
• https://github.com/Goktug/NgVideo - Youtube Search Application with AngularJS and LocalStorage
• https://github.com/pkukielka/angular-panels - Bootstrap angular.js portal
• http://cupcakeipsum.com/ - Simple app for generating lorem-ipsum text
• http://cburgdorf.github.com/angular-todo-app/ - Awesome TODO app
• http://paul-hammant.github.com/StoryNavigator/navigator.html - Tabular presentation of static JSON data, with sorts/filters and a JQuery overlay.
• https://github.com/tigbro/jquery-mobile-angular-adapter - jQuery mobile + angular
• https://github.com/tigbro/sencha-touch-angular-adapter - Sencha Touch + angular
• http://hookercookerman.github.com/angularjs-todos/ - Very simple ToDo list, but nice design :-D
• https://github.com/xrd/senkaku.js - SenchaTouch + angular
• https://github.com/apigee/WADL-builder - WADL builder
• https://github.com/dpavlin/angular-mojolicious
• https://github.com/twarogowski/Tasks - couple of custom widgets (autocomplete, date-picker, progress, …)
• https://github.com/mdolk/angular-java-server-midi - Building angular app using java server + maven. Piano keyboard keys laid out with Angular.
• https://github.com/vojtajina/helpdesk-client - HelpDesk client for REST service
• http://www.fluid.ie/angular/calculate/ - Calculator, command pattern, very nice UI
• https://github.com/centresource/angularjs_rails_demo
• http://vimeo.com/30328747 & http://vimeo.com/30329977 - AngularJS + Rails !!!
• http://search.bandwagon.sg/#/events - Live music gig finder
• http://movies.carlbarrdahl.se/ - Movie search
• https://github.com/ThomasBurleson/angularJS-CafeTownsend - Awesome CafeTownsend app
• https://github.com/sectore/CafeTownsend-Angular-Rails - Another CafeTownsend app using AngularJS and Rails
• https://github.com/agektmr/ProjectTabManager - Chrome Extension v2 using Angular
• https://github.com/ivan-dyachenko/bamboo-status - Chrome Extension using Angular and CoffeeScript
• https://github.com/thewildpendulum/angular-phonegap-seed - Angular + PhoneGap seed project