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));
Jumat, 23 September 2016
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();
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);
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();
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
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
Langganan:
Postingan (Atom)