Posts

Showing posts with the label Bahasa

Crypto Tracker App dengan Ionic 3: Setup aplikasi

Image
Ionic adalah framework yg dapat digunakan untuk mengembangkan aplikasi mobile hybrid. Dengan menggunakan Ionic kita bisa mengenerate aplikasi untuk Ios, Android maupun web. Dalam seri tutorial ini kita akan belajar membuat aplikasi dengan menggunakan Ionic versi 3. Kita memerlukan Node.js untuk develop aplikasi dengan Ionic CLI. Pastikan Node.js telah terinstall pada komputer. Sebelum memulai tutorial ini ada baiknya bila anda telah paham setidaknya sintaks dasar dan struktur dari Ionic framework. Hal ini tentunya akan membantu mempercepat dalam pemahaman code yg ada dalam seri ini. Sebelum memulai tutorial ini ada baiknya bila anda telah paham setidaknya sintaks dasar dan struktur dari Ionic framework. Dalam tutorial ini kita akan melihat bagaimana langkah awal setup dan membuat aplikasi dengan Ionic. Ionic CLI Install Ionic CLI dan cordova dengan sintaks berikut: npm install -g ionic@latest cordova Setelah selesai terinstall lanjutkan dengan membuat project dengan ionic ...

Membuat Component Angular 2

Image
Pastikan anda telah menyiapkan workspace terlebih dahulu. Untuk memudahkan dapat mengikuti panduan Setup Project Angular 2. Untuk membuat component pada angular 2 dapat dilakukan dengan sintaks dari angular CLI ng generate component myform.component Angular-CLI akan otomatis membuatkan folder component (css, html, spec dan ts). Tag baru app-myform akan otomatis di buatkan dan dapat dilihat pada myform.component.ts import { Component, OnInit } from '@angular/core'; @Component({ selector: 'app-myform', templateUrl: './myform.component.html', styleUrls: ['./myform.component.css'] }) export class MyformComponent implements OnInit { constructor() { } ngOnInit() { } } Masukkan myform.component ke dalam app.component.html <h1> {{title}} </h1> <app-myform></app-myform> Tambahkan form ke dalam component myform.component.html <form> <input type="text" name="username" placehold...

Setup Projek Angular 2

Image
Apa itu Angular? Angular merupakan framework untuk menciptakan aplikasi web yang dinamik. Pada tahun 2009 Miško Hevery and Adam Abrons mehasilkan project bernama <angular /> dengan tujuan untuk membantu developers dan designer saat membangun aplikasi web dengan simple tag HTML. Saat ini Angular telah berkembang hingga versi Angular 2. Dalam artikel ini saya akan membagi pengalaman dalam men-setup project menggunakan Angular 2. Note dalam artikel ini saya menggunakan Windows 10 Aplikasi yang digunakan Node JS Visual Studio Code Angular-CLI Install NodeJS Download Node JS pada halaman nodejs.org . Untuk versi stabil pilih yang LTS. Kemudian install dan ikuti proses instalasi. Saat ini saya menggunakan node js versi v6.9.5 . Install Visual Studio Code Download Visual Studio Code pada halaman visualstudio.com . Visual Studio Code sangat baik digunakan sebagai IDE untuk project Angular Install dan ikuti proses instalasi. Install Angular CLI Angular CLI meru...