Exists Angularjs code naming conventions

Question

Does anyone know if exists any official or most accepted reference for Angular naming conventions to use when we build our applications  Angular has many different types of components such as filters  directives  services  and so on  Wouldn t you agree that having a reference naming convention when we implement them in our applications will make sense  For example  If we need to create new filters  how should we name them like  Something Filter or filter Something  or something else  And same applies to Controllers  Services  Directives  and so on  I wonder if variables functions that belong to the scope should have a particular prefix or suffix  In some situations  it may be useful to have a way to differentiate them from functions and other  none angular code

User · Answer

I started this gist a year ago  https   gist github com PascalPrecht 5411171   Brian Ford  member of the core team  has written this blog post about it  http   briantford com blog angular-bower  And then we started with this component spec  which is not quite complete   https   github com angular angular-component-spec  Since the last ng-conf there s this document for best practices by the core team  https   docs google com document d 1XXMvReO8-Awi1EZXAXS4PzDzdNvV6pGcuaF4Q9821Es pub

User · Answer

For structuring an app  this is one of the best guides that I ve found    Google s Best Practice Recommendations for Angular App Structure   Note that the structure recommended by Google is different than what you ll find in a lot of seed projects  but for large apps it s a lot saner   Google also has a style guide that makes sense to use only if you also use Closure        this answer is incomplete  but I hope that the limited information above will be helpful to someone

User · Answer

Update   STYLE GUIDE is now on Angular docs                                                                                                                                                                    If you are looking for an opinionated style guide for syntax    conventions  and structuring AngularJS applications  then step right   in  The styles contained here are based on my experience with   AngularJS  presentations  training courses and working in   teams       The purpose of this style guide is to provide guidance on building   AngularJS applications by showing the conventions I use and  more   importantly  why I choose them    - John Papa  Here is the Awesome Link  Latest and Up-to-date    AngularJS Style Guide

User · Answer

If you are a beginner  it is better you first go through some basic tutorials and after that learn about naming conventions  I have gone through the following to learn Angular  some of which are very effective   Tutorials     http   www toptal com angular-js a-step-by-step-guide-to-your-first-angularjs-app http   viralpatel net blogs angularjs-controller-tutorial  http   www angularjstutorial com    Details of application structure and naming conventions can be found in a variety of places  I ve gone through 100 s of sites and I think these are among the best    https   github com camronlevanger AngularJS-Guide https   github com mgechev angularjs-style-guide https   google github io styleguide angularjs-google-style html

User · Answer

Check out this GitHub repository that describes best practices for AngularJS apps  It has naming conventions for different components  It is not complete  but it is community-driven so everyone can contribute

[angularjs] Exists Angularjs code/naming conventions?

Examples related to angularjs