Beranda » Toolkit » 15 Alat AngularJS yang Berguna Untuk Pengembang

    15 Alat AngularJS yang Berguna Untuk Pengembang

    Berpikir untuk mencelupkan jari-jari kaki ke Angular? Jika Anda telah melalui 10 tutorial terbaik kami untuk mempelajari posting AngularJS dan ingin bermain-main dengan Angular sendiri, Anda berada di pos yang tepat. Kami punya beberapa di sini alat yang dapat merampingkan alur kerja pengembangan Anda.

    Kami sedang mencari 15 dari IDE, editor teks, alat terbaik untuk pengujian & debugging, modul dan alat dan aplikasi pengembangan untuk membangun dengan Angular. Jika Anda memiliki alat atau aplikasi favorit, bagikan dengan kami di komentar di bawah.

    IDE & Editor Teks

    Di dunia pemrograman, ada dua jenis editor: fitur lengkap Lingkungan Pengembangan Terpadu (IDE) dan editor teks ringan. Keduanya memungkinkan alur kerja pengembangan lebih cepat. IDE dan editor teks yang kami sebutkan di bawah ini adalah alat yang cukup bagus untuk mempercepat pengembangan Angular Anda. Mereka dapat dengan mudah dikonfigurasi untuk lingkungan Angular.

    WebStorm

    WebStorm cocok tidak hanya untuk Javascript tetapi juga HTML dan CSS. Ini memiliki editor langsung yang luar biasa yang memungkinkan Anda melihat hasil pengkodean di browser tanpa perlu menyegarkan. Secara default, versi terbaru mereka membawa bundel plugin AngularJS meskipun Anda harus memasukkan skrip Angular dalam proyek Anda terlebih dahulu. Untuk lebih jelasnya, baca posting blog WebStorm.

    Aptana

    Aptana adalah IDE open source gratis yang sebenarnya adalah versi khusus dari Eclipse yang berfokus pada Javascript, HTML, CSS dan barang web lainnya. Untuk memperluas dukungan Aptana untuk Angular, yang perlu Anda lakukan adalah menginstal ekstensi AngularJS Eclipse dari Eclipse Marketplace.

    Teks Sublim

    Salah satu editor teks paling populer yang tersedia, Sublime Text disukai oleh banyak orang karena kemampuannya untuk beradaptasi dengan segala jenis lingkungan pemrograman. Ini juga cepat dan memiliki dukungan potongan kode yang dapat disesuaikan, dan memiliki banyak paket termasuk paket AngularJS yang memungkinkan Anda untuk bekerja dengan Angular. Ini adalah posting yang bagus dari Dan Wahlin yang dapat Anda lihat tentang ini.

    Lebih lanjut tentang Teks Sublim:

    • 18 plugin Sublime Text penting
    • 12 Tip & trik Teks Sublim yang Paling Banyak Dicari
    • Cara memasukkan File Path dalam Teks Sublime
    • Pratinjau cepat proyek Localhost dengan Teks Sublime
    • Kelola Catatan dan Daftar dengan Teks Luhur
    • Menambahkan Awalan Vendor CSS dengan Teks Luhur

    Alat Pengujian & Debugging

    Pengujian dan debugging adalah bagian penting dari proses pengembangan terutama di lingkungan seperti Angular. Berikut adalah beberapa alat yang dapat membantu Anda menguji dan men-debug aplikasi Anda.

    Karma

    Karma adalah pelari ujian hebat yang dibuat untuk Angular, tetapi juga dapat digunakan dengan kerangka kerja Javascript lainnya. Ini mendukung semua jenis pengujian: pengujian unit, pengujian di tengah jalan dan Pengujian E2E. Karma bekerja dengan membuka browser yang Anda daftarkan di file konfigurasi. Kemudian berkomunikasi dengan browser aktif menggunakan socket.io dan menanyakan Anda apakah akan menjalankan tes atau tidak.

    Melati

    Jasmine digunakan untuk pengembangan yang didorong oleh perilaku (BDD), tetapi Anda dapat menggunakannya untuk pengembangan yang didorong oleh tes (TDD) dengan sedikit penyesuaian. Biasanya ditambah dengan Karma: Karma sebagai pelari ujian, Jasmine sebagai kerangka uji. Jasmine akan secara otomatis memeriksa semua kelas dan fungsi Javascript Anda dan memberi tahu Anda tentang kode yang tidak ditangani. Kekurangannya adalah tidak tahu lingkungan mana (browser) yang dilakukan pengujian, tetapi Karma mengkompensasi kerugian ini.

    MochaJS

    Jika dibandingkan dengan Jasmine, MochaJS lebih fleksibel tapi Jasmine hadir sebagai paket lengkap. Dengan MochaJS, jika Anda ingin menggunakan kerangka mata-mata, Anda perlu mengatur Mocha dengan pustaka yang sesuai seperti sinon.js. Dan jika Anda membutuhkan kerangka kerja penegasan, Mocha perlu dikonfigurasi dengan kerangka kerja seperti Chai.

    Busur derajat

    Busur derajat mungkin adalah yang paling kuat otomatis ujung ke ujung (e2e) Alat pengujian sudut. Dikembangkan oleh tim Angular, busur derajat dibangun dengan menggabungkan beberapa teknologi hebat yang tersedia saat ini NodeJS, Selenium, webDriver, Mocha, Mentimun dan Melati.

    Batarang sudut

    Selain Busur derajat, Alat hebat lain yang dikembangkan oleh tim Angular adalah Angular Batarang. Batarang adalah ekstensi Chrome untuk debugging aplikasi Angular. Setelah memeriksa aplikasi Anda, Batarang akan menunjukkan kepada Anda model, kinerja dan ketergantungan hasil debug dalam tiga tab berbeda. Anda juga dapat mengontrol inspeksi, memutuskan apakah akan menampilkan aplikasi, binding atau cakupan.

    ng-inspektur

    ng-inspector adalah ekstensi browser yang didukung di Chrome dan Safari. Tidak seperti Batarang yang muncul di DevTools, ng-inspector lebih suka tampilan panel samping. Anda dapat memeriksa dan menyorot elemen DOM saat Anda mengarahkan kursor ke ruang lingkup. Anda juga dapat melihat ruang lingkup dan model diperbarui secara waktu nyata.

    Modul

    Tempat terbaik untuk menemukan modul Angular adalah ngmodules.org. Tetapi jika Anda membutuhkan ikhtisar cepat, di bawah ini adalah daftar dari beberapa sumber daya baik yang kami kumpulkan untuk Anda.

    AngularUI

    AngularUI adalah kumpulan komponen UI yang dibangun dengan AngularJS. Arahan kegunaannya membantu Anda membangun aplikasi Angular lebih cepat. Alih-alih widget, AngularUI menggunakan arahan mentah seperti ui-router, ui-map, ui-calendar dll. Arahan yang mungkin paling Anda sukai adalah UI-Bootstrapnya yang aslinya buat Twitter Bootstrap di Angular. Lihat halaman dokumentasinya yang bersih dan menyenangkan untuk memulai.

    ng-Table - Tabel Penyortiran dan Penyaringan

    Jika Anda membutuhkan tabel di aplikasi web Anda, jenis yang dapat disortir dan difilter, maka ngTable adalah alat yang Anda cari. Ini juga mendukung ketinggian baris variabel dan kemampuan pagination yang hebat.

    Berbentuk segitiga

    Dengan Angular, Anda mungkin kesulitan bekerja $ sumber daya dan $ http untuk membuat API Istirahat. Restangular dapat membantu membuat penggunaan mendapatkan, menghapus, memperbarui, dan mengirim permintaan data dengan lebih mudah. Beberapa fitur yang membuat Restangular terpisah dari $ sumber daya adalah dukungan metode HTTP, elemen tautan langsung, janji penggunaan dan banyak lagi. Cari tahu lebih lanjut di sini dan lihat demo langsung di Plunkr.

    Angular Gettext

    Angular-Gettext adalah modul Angular yang luar biasa untuk pelokalan yang sangat mudah. Fitur utamanya adalah Anda dapat menerjemahkan aplikasi web semudah menambahkan atribut. Ini memungkinkan Anda fokus pada pengembangan aplikasi dan meninggalkan semua terjemahan ke Angular-Gettext.

    Alat & Aplikasi

    Terakhir, kita akan meninggalkan ini di sini. Ini adalah daftar lebih banyak alat dan aplikasi yang mungkin dapat membuat proses pengembangan Angular Anda lebih mudah dan lancar. Mereka bekerja dengan baik dengan mereka yang baru mulai mengambil Angular.

    Generator Angular

    Yeoman memiliki generator kode yang disebut Generator Angular. Dengan alat ini, Anda dapat mempercepat pengembangan Angular Anda hanya dengan pasangan perintah terminal. Secara otomatis dapat menghasilkan server pengembangan, pengujian unit dan kerangka kerja, tampilan, arahan dan banyak lagi.

    ngDocs - Referensi AngularJS

    ngDocs adalah aplikasi Android yang menyediakan dokumentasi dan referensi AngularJS, bagus dan sederhana. Beberapa tutorial dasar juga tersedia jika Anda baru menggunakan Angular. Ada fitur tambahan seperti panduan pengembang dan referensi kesalahan yang mungkin ingin Anda lihat. Dengan ini di perangkat Android Anda, ambil Angular ke mana pun Anda pergi.