Belajar Ngoding | Ionic 3 - Part 1 | Tutorial Ionic 3 Bahasa Indonesia Full Penjelasan

Install Ionic | Belajar Ngoding Ionic Part 1

     Sedikit penjelasan tentang ionic.Ionic adalah sebuah framework/kerangka pengembangan aplikasi mobile yang ditargetkan untuk membangun aplikasi mobile/seluler secara hybrid atau bisa di bilang bisa di render atau di compile kedalam platform yg beragam contoh nya untuk perangkat Android dan iOS. yaps project bisa untuk 2 OS berbeda.

     Lanjut untuk instalasinya. Pertama kali silahkan kunjungi website ionic framework. karna kita akan mempelajari ionic 3 maka kita akan langsung kedokumentasi v3 nya. Kenapa v3? karna untuk ionic v3 lebih mudah untuk dipahami secara dasar. kenapa tidak v4 atau v5? untuk pemula saya sarankan ionic 3/v3 terlebih dahulu karna dari sisi routing lebih mudah.

     

    Oke lanjut, Silahkan kunjungi https://ionicframework.com/docs/v3 untuk mempelajari lebih lanjut dari semua sisi functional ionic v3.

    Pertama kali jika anda ingin belajar ionic yg pertama kali anda install ialah ionic itu sendiri. Cara untuk install ionic sangatlah mudah. 

Silahkan Buka CMD ataupun VSCODE atau code editor kesukaan anda. disini saya memakan VSCODE. 

Paling pertama anda harus install NodeJs untuk mendapatkan package/command "npm". disini saya anggap anda sudah memiliki/install NodeJs di perangkat anda .

Anda juga bisa mempelajari/mendownload NodeJs langsung dari website resmi nya : https://nodejs.org/en/download/

Ketikan perintah berikut : 

npm i -g ionic@3 cordova

atau

npm install -g ionic@3 cordova 

Silahkan tunggu hingga selesai. setelah selesai silahkan ketikan perintah untuk melihat bahwa ionic CLI sudah terinstall di perangkat anda.

Ketikan perintah berikut :

ionic --version

Jika sudah terinstall maka akan mucul versi dari ionic nya yaitu 3.*.* .Setelah terinstall maka anda siap untuk mulai ngoding ionic.

Untuk membuat atau memulai project ionic baru silahkan siapkan beberapa hal berikut.

1. Code Editor. disini saya memakai VSCode karna lebih mudah dan enak dipakai
2. Tentunya niat. biar cepat bisa wkwkwk

Oke lanjut. silahkan buka code editor anda lalu buka terminal nya atau bisa buka CMD. Lalu silahkan masuk ke direktori yg ingin anda pakai untuk memulai project baru. 

     Disini saya kasih contoh : C:\Users\Programmer\Desktop\BelajarKoding. lalu silahkan ketik perintah berikut untuk memuai project ionic baru.

ionic new projectname 

Silahkan ganti projectname dengan nama project yg anda inginkan. lalu ketika anda enter maka akan muncul pilihan silahkan pilih blank. kenapa blank? karna kita mau mulai dari project yg bersih atau belum ada tambahan" package lain atau kodingan yg bukan base dari ionic.

Setalah itu silahkan tunggu beberpa saat sampai selesai. Setelah selesai silahkan masuk kedalam folder yg terbuat tadi dari perintah ionic new projectname. Lalu silahkan buka di code editor anda.

Silahkan anda lihat dulu untuk struktur kodingan dari ionic. Basic nya sebenernya memakai typescript/javascript yg telah diglobalkan.

Setalah puas melihat-lihat. langkah pertama yg untuk menjalankan atau melihat hasil project kosongan anda di browser anda ketikan perintah berikut :

Ketikan di terminal/CMD anda dan pastikan direktori terminal/cmd anda sesuai folder project.

ionic serve

Tunggu beberapa saat lalu akan terbuka browser secara otomatis dan akan membuka hasil project pertama anda.

Agar terlihat seperti di hp silahkan anda klik kanan lalu inspect dan klik tombol seperti hp. \

Setelah  semua selesai maka anda siap untuk memulai koding di next part atau tutorial berikut nya..