Konvensi kode / penamaan Angular [ditutup]

162

Adakah yang tahu jika ada referensi resmi atau yang paling diterima untuk konvensi penamaan Angular untuk digunakan ketika kita membangun aplikasi kita?

Angular memiliki banyak jenis komponen yang berbeda seperti filter, arahan, layanan, dan sebagainya. Tidakkah Anda setuju bahwa memiliki konvensi penamaan referensi ketika kami mengimplementasikannya di aplikasi kami akan masuk akal?

Sebagai contoh:

Jika kita perlu membuat filter baru bagaimana kita menamakannya seperti [Sesuatu] Filter atau filter [Sesuatu] atau yang lainnya?

Dan hal yang sama berlaku untuk Pengontrol, Layanan, Arahan, dan sebagainya.

Hal lain yang saya ingin tanyakan adalah apakah variabel / fungsi yang termasuk dalam ruang lingkup harus memiliki awalan atau akhiran khusus. Dalam beberapa situasi mungkin berguna untuk memiliki cara untuk membedakannya dari fungsi dan lainnya (tidak ada kode sudut).

Dalorzo
sumber
2
Saya baru saja menemukan posting yang menarik ini di Blog Angular bernama Rekomendasi Praktik Terbaik untuk Struktur Aplikasi Angular
Edwin Dalorzo

Jawaban:

45

Jika Anda seorang pemula, lebih baik Anda terlebih dahulu melalui beberapa tutorial dasar dan setelah itu belajar tentang konvensi penamaan. Saya telah mengikuti yang berikut untuk mempelajari Angular, beberapa di antaranya sangat efektif.

Tutorial:

  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/

Rincian struktur aplikasi dan konvensi penamaan dapat ditemukan di berbagai tempat. Saya telah melewati 100-an situs dan saya pikir ini adalah yang terbaik:

Rajendra Khabiya
sumber
33

Untuk menyusun aplikasi, ini adalah salah satu panduan terbaik yang saya temukan:

Perhatikan bahwa struktur yang direkomendasikan oleh Google berbeda dari apa yang akan Anda temukan di banyak proyek unggulan, tetapi untuk aplikasi besar jauh lebih waras.

Google juga memiliki panduan gaya yang masuk akal untuk digunakan hanya jika Anda juga menggunakan Penutupan .


... jawaban ini tidak lengkap, tetapi saya berharap bahwa informasi terbatas di atas akan membantu seseorang.

Gil Birman
sumber
19

Pembaruan: PETUNJUK STYLE sekarang ada di Dokumen sudut.

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

Jika Anda mencari panduan gaya yang disarankan untuk sintaks, konvensi, dan penataan aplikasi AngularJS, maka masuklah. Gaya yang ada di sini didasarkan pada pengalaman saya dengan AngularJS, presentasi, kursus pelatihan, dan bekerja dalam tim.

Tujuan dari panduan gaya ini adalah untuk memberikan panduan dalam membangun aplikasi AngularJS dengan menunjukkan konvensi yang saya gunakan dan, yang lebih penting, mengapa saya memilihnya.

- John Papa

Berikut adalah Tautan Luar Biasa (Terbaru dan Terkini): Panduan Gaya AngularJS

Sampath
sumber
6

Saya memulai inti ini setahun yang lalu: https://gist.github.com/PascalPrecht/5411171

Brian Ford (anggota tim inti) telah menulis posting blog ini tentang hal itu: http://briantford.com/blog/angular-bower

Dan kemudian kita mulai dengan spesifikasi komponen ini (yang tidak cukup lengkap): https://github.com/angular/angular-component-spec

Sejak ng-conf terakhir ada dokumen ini untuk praktik terbaik oleh tim inti: https://docs.google.com/document/d/1XXMvReO8-Awi1EZXAXS4PzDzdNvV6pGcuaF4Q9821Es/pub

Pascal Precht
sumber