Code Angularjs / Conventions de dénomination [fermé]

162

Est-ce que quelqu'un sait s'il existe une référence officielle ou la plus acceptée pour les conventions de dénomination angulaire à utiliser lorsque nous construisons nos applications?

Angular a beaucoup de types de composants différents tels que des filtres, des directives, des services, etc. Ne conviendrez-vous pas qu'il serait logique d'avoir une convention de dénomination de référence lorsque nous les implémentons dans nos applications?

Par exemple:

Si nous avons besoin de créer de nouveaux filtres, comment devrions-nous les nommer comme [Quelque chose] Filtre ou filtre [Quelque chose] ou autre chose?

Et il en va de même pour les contrôleurs, les services, les directives, etc.

Je me demande également si les variables / fonctions qui appartiennent à la portée devraient avoir un préfixe ou un suffixe spécial. Dans certaines situations, il peut être utile d'avoir un moyen de les différencier des fonctions et autres (aucun code angulaire).

Dalorzo
la source
2
Je viens de trouver cet article intéressant dans le blog Angular intitulé Best Practice Recommendations for Angular App Structure
Edwin Dalorzo

Réponses:

45

Si vous êtes un débutant, il est préférable que vous passiez d'abord par quelques didacticiels de base, puis apprenez-en davantage sur les conventions de dénomination. J'ai parcouru ce qui suit pour apprendre Angular, dont certains sont très efficaces.

Tutoriels:

  1. http://www.toptal.com/angular-js/a-step-by-step-guide-to-your-first-angularjs-app
  2. http://viralpatel.net/blogs/angularjs-controller-tutorial/
  3. http://www.angularjstutorial.com/

Les détails de la structure de l'application et des conventions de dénomination peuvent être trouvés à divers endroits. J'ai parcouru des centaines de sites et je pense que ceux-ci sont parmi les meilleurs:

Rajendra Khabiya
la source
33

Pour structurer une application, c'est l'un des meilleurs guides que j'ai trouvés:

Notez que la structure recommandée par Google est différente de celle que vous trouverez dans de nombreux projets d'amorçage, mais pour les grandes applications, elle est beaucoup plus saine.

Google a également un guide de style qui n'a de sens à utiliser que si vous utilisez également Closure .


... cette réponse est incomplète, mais j'espère que les informations limitées ci-dessus seront utiles à quelqu'un.

Gil Birman
la source
19

Mise à jour: STYLE GUIDE est maintenant sur les documents Angular.

//////////////////////////////////////////////////// //////////////////////////////////////////////////// //////////////////////////////////////////////////// //////

Si vous recherchez un guide de style avisé pour la syntaxe, les conventions et la structuration des applications AngularJS, alors entrez-y. Les styles contenus ici sont basés sur mon expérience avec AngularJS, des présentations, des cours de formation et du travail en équipe.

Le but de ce guide de style est de fournir des conseils sur la création d'applications AngularJS en montrant les conventions que j'utilise et, plus important encore, pourquoi je les choisis.

- John Papa

Voici le lien génial (dernier et à jour): Guide de style AngularJS

Sampath
la source
6

J'ai commencé cet essentiel il y a un an: https://gist.github.com/PascalPrecht/5411171

Brian Ford (membre de l'équipe principale) a écrit ce billet de blog à ce sujet: http://briantford.com/blog/angular-bower

Et puis nous avons commencé avec cette spécification de composant (qui n'est pas tout à fait complète): https://github.com/angular/angular-component-spec

Depuis le dernier ng-conf, il y a ce document sur les meilleures pratiques de l'équipe principale: https://docs.google.com/document/d/1XXMvReO8-Awi1EZXAXS4PzDzdNvV6pGcuaF4Q9821Es/pub

Pascal Precht
la source