JavaScript and/or AngularJS style guides?

kevin.hakanson

Ran across a link to [Angular Style Guide | John Papa][1] today via a [tweet][2]. I took a read through John Papa's opinionated style guide (j[ohnpapa/angularjs-styleguide · GitHub][3]) as well as one by Todd Motto ([toddmotto/angularjs-styleguide · GitHub][4]). What style guides are in place for larger Javascript / AngularJS projects? What tools to we have for programatic enforcement and reformatting of code? [1]:
http://www.johnpapa.net/angular-style-guide/ [2]:
https://twitter.com/John_Papa/status/494112207492247552 [3]:
https://github.com/johnpapa/angularjs-styleguide [4]:
https://github.com/toddmotto/angularjs-styleguide

mark.maruska

Please refer to the [Cobalt JavaScript style guidelines](
http://nsawiki.int.westgroup.com/wiki/index.php5/Cobalt_JavaScript_style_guidelines).

Josh Harris

I don't believe WestlawNext is following any style guides for angular that is point beyond the general JavaScript style guides and jshint rules. We could benefit from many of the ideas laid out in these two guides. I haven't used any of the ngAnnotate stuff yet for injection/minification purposes, but it could help aleviate some problems around forgetting to change a service name in both the function definition and string definition for the array (example below of what I am talking about). .controller("MyController", ["$scope", "MyService", function($scope, MyAwesomeService) { There seems to be some minor differences between them. One with how they handle "this" using "controllerAs". Another in how John Papa likes to use "Public/Bindable Members Up Top" a version of the "Revealing Module Pattern". There are probably more difference I did not catch though.

Josh Harris

7. Everything else we don't feel strongly about. If you don't either, just import the provided settings configurations for your IDEs linked to below. Reason: Life's too short.

Andy Graham

Google also produce their own style guides for [Javascript][1] and [AngularJS][2]. They contain tips for avoiding Javascript gotchas as well as the more subjective style suggestions. Worth a read. [1]:
http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml [2]:
http://google-styleguide.googlecode.com/svn/trunk/angularjs-google-style.html

kevin.hakanson

The [Front-End Framework Style Guide][1] is in preview and builds on John Papa's style guide. [1]:
https://thehub.thomsonreuters.com/docs/DOC-904836