Aplikasi Tutorial PhoneCat

Aplikasi Tutorial PhoneCat
Cara yang bagus untuk diperkenalkan ke AngularJS adalah mengerjakan tutorial ini, yang menuntun Anda melalui pembuatan aplikasi web AngularJS. Aplikasi yang akan Anda bangun adalah katalog yang menampilkan daftar perangkat Android, memungkinkan Anda memfilter daftar untuk hanya melihat perangkat yang menarik minat Anda, lalu melihat rincian perangkat apa pun.

Aplikasi demo berjalan di browser

Ikuti tutorial untuk melihat bagaimana AngularJS membuat peramban lebih cerdas - tanpa penggunaan ekstensi atau plug-in asli:

Lihat contoh bagaimana menggunakan data sisi klien yang mengikat untuk membangun tampilan data dinamis yang segera berubah sebagai respons terhadap tindakan pengguna.
Lihat bagaimana AngularJS menjaga agar tampilan Anda selaras dengan data Anda tanpa memerlukan manipulasi DOM.
Pelajari cara yang lebih baik dan lebih mudah untuk menguji aplikasi web Anda, dengan Karma dan Protractor.
Pelajari cara menggunakan injeksi ketergantungan dan layanan untuk membuat tugas web umum, seperti mendapatkan data ke aplikasi Anda, lebih mudah.
Saat Anda menyelesaikan tutorial Anda akan dapat:

Buat aplikasi dinamis yang bekerja di semua browser modern.
Gunakan data yang mengikat untuk memasang model data Anda ke tampilan Anda.
Buat dan jalankan unit test, dengan Karma.
Buat dan jalankan tes end-to-end, dengan Protractor.
Pindahkan logika aplikasi dari template dan masuk ke komponen dan pengendali.
Dapatkan data dari server menggunakan layanan AngularJS.
Terapkan animasi ke aplikasi Anda, dengan menggunakan modul ngAnimate.
Susun aplikasi AngularJS Anda dengan cara yang modular yang dapat diukur dengan baik untuk proyek yang lebih besar.
Identifikasi sumber daya untuk belajar lebih banyak tentang AngularJS.
Tutorial memandu Anda melalui keseluruhan proses pembuatan aplikasi sederhana, termasuk menulis dan menjalankan unit dan tes end-to-end. Percobaan pada akhir setiap langkah memberi saran agar Anda dapat mempelajari lebih lanjut tentang AngularJS dan aplikasi yang sedang Anda bangun.

Anda bisa membaca keseluruhan tutorial dalam beberapa jam atau Anda mungkin ingin menghabiskan hari yang menyenangkan benar-benar menggali ke dalamnya. Jika Anda mencari pengantar singkat untuk AngularJS, lihat dokumen Getting Started.

Penyiapan Lingkungan
Sisa halaman ini menjelaskan bagaimana Anda bisa mengatur mesin lokal Anda untuk pengembangan. Jika Anda hanya ingin membaca tutorialnya, Anda bisa langsung menuju langkah pertama: Langkah 0 - Bootstrap.

Bekerja dengan Kode Etik
Anda bisa ikut mengikuti tutorial ini dan hack kode di kenyamanan komputer Anda sendiri. Dengan cara ini, Anda bisa berlatih hands-on dengan benar-benar menulis kode AngularJS dan juga menggunakan alat pengujian yang direkomendasikan.

Tutorial bergantung pada penggunaan sistem versi Git untuk manajemen kode sumber. Anda tidak perlu tahu apa-apa tentang Git untuk mengikuti tutorial selain cara menginstal dan menjalankan beberapa perintah git.

Pasang git
Anda dapat mendownload dan menginstal Git dari http://git-scm.com/download. Setelah terinstal, Anda harus memiliki akses ke alat git command line. Perintah utama yang harus Anda gunakan adalah:

Kloning git ...: Kloning repositori jauh ke komputer lokal Anda.
Git checkout ...: Lihat cabang tertentu atau versi kode yang diberi tag untuk di-hack.
Download angular-phonecat
Kloning repositori sudut-phonecat yang terletak di GitHub dengan menjalankan perintah berikut:

Git clone --depth = 16 https://github.com/angular/angular-phonecat.git
Perintah ini membuat subdirektori sudut-phonecat di direktori Anda saat ini.

The --depth = 16 option memberitahu Git untuk menarik ke bawah hanya 16 commit terakhir. Hal ini membuat unduhan jauh lebih kecil dan lebih cepat.
Ubah direktori Anda saat ini menjadi angular-phonecat.

Cd angular-phonecat
Petunjuk tutorial, mulai sekarang, asumsikan Anda menjalankan semua perintah dari dalam direktori sudut-phonecat.

Pasang node.js
Jika Anda ingin menjalankan server web lokal yang telah dikonfigurasi sebelumnya dan alat uji maka Anda juga memerlukan Node.js v4 +.

Anda dapat mendownload installer Node.js untuk sistem operasi Anda dari https://nodejs.org/en/download/.

Periksa versi Node.js yang telah Anda instal dengan menjalankan perintah berikut:

Node --versi
Dalam distribusi berbasis Debian, mungkin ada bentrokan nama dengan utilitas lain yang disebut node. Solusi yang disarankan adalah juga menginstal paket apl node-temption, yang mengganti nama node menjadi nodejs.

Apt-get install nodejs-legacy npm
Nodejs --version
Npm --versi
Jika Anda perlu menjalankan berbagai versi Node.js di lingkungan lokal Anda, pertimbangkan untuk menginstal Node Version Manager (nvm) atau Node Version Manager (nvm) untuk Windows.
Setelah Anda menginstal Node.js di komputer Anda, Anda dapat mendownload dependensi alat dengan menjalankan:

Npm install
Perintah ini membaca file package.json sudut-phonecat dan mendownload alat berikut ke dalam direktori node_modules:

Bower - manajer paket kode sisi klien
Http-Server - server web statis lokal sederhana
Karma - unit test runner
Protractor - pelari uji akhir-akhir (E2E)
Menjalankan npm install juga akan secara otomatis menggunakan bower untuk mendownload kerangka kerja AngularJS ke dalam direktori app / bower_components.

Perhatikan proyek sudut-phonecat disiapkan untuk menginstal dan menjalankan utilitas ini melalui npm

Sumber : Angular JS
Sekian Terimakasih
Mohon maaf jika ada salah kata dan sebagainya :)
Semoga Bermanfaat dan sampai jumpa di post berikutnya XD

Comments