Cara yang baik untuk mempelajari AngularJS adalah dengan melewati tutorial ini langkah demi langkah, yang akan memandu Anda dengan membangun aplikasi web AngularJS yang lengkap. Aplikasi Web adalah daftar direktori perangkat Android, Anda dapat memfilter daftar untuk melihat perangkat yang Anda minati, dan kemudian melihat detail perangkat.
Tutorial ini akan menunjukkan kepada Anda bagaimana AngularJS membuat aplikasi web lebih pintar dan lebih fleksibel, tanpa memerlukan berbagai ekstensi atau plug-in. Melalui tutorial ini, Anda akan:
1. Baca contoh untuk mempelajari cara menggunakan kemampuan mengikat data klien dan ketergantungan untuk membuat tampilan data dinamis yang dapat segera menanggapi tindakan pengguna.
2. Pelajari cara membuat pendengar data menggunakan AngularJS tanpa operasi DOM.
3. Pelajari cara yang lebih baik dan lebih mudah untuk menguji aplikasi web Anda.
4. Pelajari cara menggunakan AngularJS untuk membuat tugas web umum, seperti lebih mudah memasukkan data ke dalam aplikasi.
Dan semua ini dapat diimplementasikan di browser apa pun tanpa mengkonfigurasi browser!
Saat Anda menyelesaikan tutorial ini, Anda akan belajar:
1. Buat aplikasi dinamis yang berfungsi di browser apa pun.
2. Memahami perbedaan antara AngularJS dan kerangka kerja JavaScript lainnya.
3. Pahami bagaimana AngularJS mengimplementasikan pengikatan data.
4. Gunakan proyek benih AngularJS untuk dengan cepat membuat proyek Anda sendiri.
5. Buat dan jalankan tes.
6. Pelajari lebih banyak sumber daya identifikasi AngularJS (API).
Tutorial ini akan memandu Anda melalui proses pembuatan aplikasi yang sederhana, termasuk menulis dan menjalankan tes unit dan terus menguji aplikasi. Setiap langkah tutorial memberi Anda saran untuk mempelajari lebih lanjut tentang AngularJS dan aplikasi web yang Anda buat. Anda dapat membaca tutorial ini dengan cepat dalam waktu singkat, atau Anda mungkin perlu menghabiskan banyak waktu untuk mempelajarinya. Jika Anda ingin melihat dokumen pengantar AngularJS singkat, silakan periksa dokumen [Quick Start] [yang memulai].
Membangun lingkungan belajar
Baik di lingkungan Mac, Linux atau Windows, Anda dapat mengikuti tutorial ini untuk mempelajari pemrograman. Anda dapat menggunakan sistem kontrol manajemen kode sumber Git untuk mendapatkan file kode sumber dari proyek tutorial ini, atau mengunduh paket kompresi arsip cermin dari file kode sumber proyek tutorial ini langsung dari internet.
1. Anda perlu menginstal node.js dan testacular untuk menjalankan proyek ini. Silakan unduh dan instal versi terbaru di situs web resmi Node.js, dan kemudian tambahkan jalur program yang dapat dieksekusi node ke jalur variabel lingkungan sistem. Setelah selesai, jalankan perintah pada baris perintah untuk melihat apakah instalasi berhasil:
Salinan kode adalah sebagai berikut:
node -version
Kemudian instal Program Uji Unit Testacular, silakan jalankan perintah berikut:
Salinan kode adalah sebagai berikut:
instalasi npm -g testacular
2. Instal alat Git, dan kemudian gunakan perintah berikut untuk menyalin file kode sumber proyek tutorial ini dari GitHub:
Salinan kode adalah sebagai berikut:
git clone git: //github.com/angular/angular-phonecat.git
Anda juga dapat mengunduh paket kompresi arsip cermin dari kode sumber proyek tutorial ini langsung dari internet. Perintah ini membuat folder baru-fonecat di folder Anda saat ini.
3. Hal terakhir yang harus dilakukan adalah memastikan komputer Anda memiliki browser web dan editor teks yang diinstal.
4. Masukkan paket kode sumber tutorial, Angular-PhoneCat, jalankan program latar belakang server, dan mulai belajar AngularJS!
Salinan kode adalah sebagai berikut:
CD Angular-Phonecat
skrip simpul/web-server.js