kenduigraha's Blog

Jumat, 23 September 2016

Class & Recursive Di Javascript

Membuat class di javascript :

contoh :

class Restaurant {
constructor(){
this.menu = [];
//variable menu ini bisa di akses oleh method di dalam class ini
}
addMenu(nama, jenis, harga){
this.menu.push({nama, jenis, harga});
}
}

var resto = new Restaurant();

resto.addMenu("Nasi goreng", "makanan", 20000);
//ini akan menambah data ke dalam class

Menggunakan metode recursive / recusion di javascript kurang lebih sama di bahasa pemrograman lainnya

contoh :
function pangkat(a, b){

if(b > 0){
//alert(b);
return (a * pangkat(a, b-1));
}else if (b === 0){
return 1;
}else{
return "pangkat minus";
}
}

console.log(pangkat(8, -4));

Sabtu, 17 September 2016

Pengkondisian Variable & Manipulasi String Pada Javascript

Untuk cek apakah variable adalah sebuah nomor :

isNaN(variable) : true kalau variable adalah nomor

Cek variable adalah sebuah integer :

Number.isInteger(1) : true

Cek sebuah string :

if(typeof variable === "string"){
return true;
}else{
return false;
}

Membuat jadi huruf besar/kecil :

variable.toUpperCase();

variable.toLowerCase();

Sabtu, 10 September 2016

Javascript For Dummies

Javascript atau disingkat JS dalam blog ini sangat dipakai untuk web development dimana disisipkan di HTML agar website lebih dinamis.

Pemanggilan JS ini di dalam head dengan sintaks :
<script scr="namaFile.js"></script>

Untuk membuat variable lebih enak karena tidak perlu spesifik yaitu menggunakan universal variable yaitu var
contoh :
var a;
a = 10;

var b = 100;

Untuk fungsi / function :

1. Langsung tanpa inisialisasi ke variable :
function iniFungsi(){

}

function iniFungsiAdaParameter(a, b){

}

2. Function yang diinisialisasi
var iniFungsi = function(){

};

var iniFungsiAdaParameter(a, b){

};

ingat, diakhiri titik koma.

Untuk kondisi IF & Switch Case kurang lebih sama dengan bahasa pemrograman lainnya

if(/*condition*/){

}else if(/*condition*/){

}else{

}

var a = 10;

switch(a){
case 1:
//statement;
break;
case 5:
//statement;
break;
case 10:
//statement;
break;
default:
//statement
break;
}

Untuk looping sama juga, for , while, do while

for(var i = 0 ; i < 10 ; i++){
//statement
}

while(true){
//statement
}

do{
//statement
}while(true);

Object dalam Javascript :

var manusia = {
nama : "nama",
umur : 19,
jenisKelamin: "Pria"
};

car akses : manusia.nama / manusia.umur / manusia.jenisKelamin

cara lain :

var a = new Object();

a.nama = "nama" / a["nama"] = "nama";

Object constructor

var objConst = function(nama, umur){
this.nama = nama;
this.umur = umur;
};

cara panggil :

objConst("nama", 19);

Sabtu, 03 September 2016

Git - HTML5 - CSS3

Git

Git adalah tools VCS (Versioning Control System) yang diciptakan oleh Linus Torvalds dengan tujuan untuk manage file codingan sehingga dapat membantu beberapa orang yang terlibat dalam suatu projek dalam mengontrol file-filenya dan mengetahui perubahan-perubahan yang dilakukan oleh rekan satu tim.

Git dapat di download di https://git-scm.com/download/ sesuai OS masing-masing.

Perintah dasar yaitu :

git status : untuk mengetahui apakah ada perubahan dalam file
git commit -m "Isi komen Commit" : untuk commit dan mengisi komentar ketika commit
git push / git push -u origin master(untuk pertama kali) : untuk mengupload file yang sudah di commit ke github(cloud)
git pull / git pull origin master(untuk pertama kali) : untuk mendownload file yang ada di github(cloud)

HTML5 - CSS3

HTML5 & CSS3 adalah dasar ketika ingin membuat semua website.

Contohnya :

HTML5

<!doctype html>
<html lang="IN">
<head>
<title>Hello World</title>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<h1 id="hello-world">Hello World<h1>
</body>
</head>
</html>

CSS3

.hello-world {
font-weight: bold;
color: brown;
}

Semoga bermanfaat