Tutorial pengenalan AngularJS untuk membina persekitaran pembelajaran_AngularJS

Cara terbaik untuk mempelajari AngularJS adalah dengan menggunakan tutorial langkah demi langkah ini, yang akan membimbing anda membina aplikasi web AngularJS yang lengkap. Apl web ialah penyenaraian direktori inventori peranti Android dan anda boleh menapis senarai untuk melihat peranti yang anda minati dan kemudian melihat butiran peranti.

Tutorial ini akan menunjukkan kepada anda bagaimana AngularJS boleh menjadikan aplikasi web lebih pintar dan lebih fleksibel tanpa memerlukan pelbagai sambungan atau pemalam. Dengan mengikuti tutorial ini, anda akan:

1. Baca contoh untuk mengetahui cara menggunakan fungsi pengikatan data sisi klien dan suntikan kebergantungan AngularJS untuk mencipta paparan data dinamik yang boleh bertindak balas dengan segera kepada operasi pengguna.
2. Ketahui cara menggunakan AngularJS untuk mencipta pendengar data tanpa manipulasi DOM.
3. Ketahui cara yang lebih baik dan lebih mudah untuk menguji aplikasi web anda.
4. Ketahui cara menggunakan AngularJS untuk mencipta tugas web biasa, seperti membawa data ke dalam aplikasi anda dengan lebih mudah.

Dan semua ini boleh dicapai dalam mana-mana pelayar, tiada konfigurasi penyemak imbas diperlukan!

Apabila anda melengkapkan tutorial ini, anda akan belajar:

1 Cipta aplikasi dinamik yang berfungsi dalam mana-mana penyemak imbas.
2. Fahami perbezaan antara AngularJS dan rangka kerja JavaScript yang lain.
3. Fahami cara AngularJS melaksanakan pengikatan data.
4. Gunakan projek benih AngularJS untuk mencipta projek anda sendiri dengan cepat.
5. Buat dan jalankan ujian.
6. Ketahui lebih lanjut sumber identiti AngularJS (API).

Tutorial ini akan membimbing anda melalui proses penciptaan aplikasi yang mudah, termasuk menulis dan menjalankan ujian unit, dan menguji aplikasi secara berterusan. Setiap langkah tutorial memberikan anda cadangan untuk mengetahui lebih lanjut tentang AngularJS dan aplikasi web yang anda buat. Anda boleh melalui tutorial ini dengan cepat dalam masa yang singkat, atau anda mungkin menghabiskan banyak masa untuk mendalaminya. Untuk pengenalan ringkas kepada AngularJS, lihat dokumentasi Bermula.

Membina persekitaran pembelajaran

Sama ada anda berada dalam persekitaran Mac, Linux atau Windows, anda boleh mengikuti tutorial ini untuk mempelajari pengaturcaraan. Anda boleh menggunakan sistem kawalan versi pengurusan kod sumber Git untuk mendapatkan fail kod sumber projek tutorial ini, atau memuat turun terus pakej termampat arkib imej bagi fail kod sumber projek tutorial ini daripada Internet.

1. Anda perlu memasang Node.js dan Testacular untuk menjalankan projek ini. Sila pergi ke tapak web rasmi Node.js untuk memuat turun dan memasang versi terkini. Kemudian tambahkan laluan program boleh laku nod ke PATH pembolehubah persekitaran. Selepas selesai, jalankan arahan Jalankan arahan dalam baris untuk menyemak sama ada pemasangan berjaya:

Salin kod Kod adalah seperti berikut:

nod -versi

Kemudian pasang program ujian unit Testacular, sila jalankan arahan berikut:

Salin kod Kod adalah seperti berikut:

npm install -g testacular

2. Pasang alat Git, dan kemudian gunakan arahan berikut untuk menyalin fail kod sumber projek tutorial ini daripada Github:

Salin kod Kod adalah seperti berikut:

git clone git://github.com/angular/angular-phonecat.git

Anda juga boleh memuat turun terus pakej termampat arkib imej kod sumber projek tutorial ini dari Internet . Perintah ini akan mencipta folder baru angular-phonecat dalam folder semasa anda.

3. Perkara terakhir yang perlu dilakukan ialah memastikan komputer anda mempunyai penyemak imbas web dan editor teks.

4. Masukkan pakej fail kod sumber tutorial angular-phonecat, jalankan program latar belakang pelayan dan mula belajar AngularJS!

Salin kod Kod adalah seperti berikut:

cd angular-phonecat
skrip nod/web-server.js