Primasaja.com : PRIme Management Software Architecture with JAka

Jaka Prima Maulana

Selamat datang pengunjung www.primasaja.com, pada artikel kali ini akan membahas mengenai " Javascipt Primitive Data Types Number Undefined Null Boolean ". sebelumnya telah di bahas mengenai string operator dan variabel, kali ini akan membedah mengenai tipe data number


Number itu dapat berupa integer (bilangan bulat) ataupun floating point (bilangan desimal)

contohnya seperti ini :

> typeof 3
< "number"
> typeof 3.14
< "number"

seperti contoh diatas javascript tidak membedakan baik itu integer maupun float keduanya mengembalikan output informasi typenya adalah number, dimana berbeda pendekatan dengan bahasa pemrograman lain. ini diset pada spesifikasi ECMASCRIPT, meskipun banyak javascript engine akan memperlakukan integer dan fload berbeda dalam background untuk permintaan peningkatan efisiensi.

Number memiliki constructor function
contoh: New Number(10)

Octal dan Hexadecimal Number

jika number dimulai dengan 0x maka akan mengacu pada hexadecimal (base 16) notation:

contoh:
> 0x31 rumus: (3 x 16^1) + (1 x 16^0)
< 49

jika number dimulai dengan 0 maka akan mengacu pada Octal (base 8) notation:

contoh:
> 365 rumus: 365^8 = (3 x 8^2)10 + (6 x 8^1)10 + (5 x 8^0)^10 = 192 + 48 + 5
< 245

Exponential Notation

Number juga bisa merepresentasikan exponential notation dimana penyingkat untuk "perkalian (multiply) dan dipangkatkan (power) 10

contoh:
> 1e6 // maksudnya 1 x 10^6
< 1000000

>5.2e-5 //artinya 5.2 x 10^-5
< 0.000052

toExponential()

toFixed()

toPrecision()

Jaka Prima Maulana

Selamat datang pengunjung www.primasaja.com, pada artikel kali ini akan membahas mengenai " Javascript Primitive Data Types Operator String dan Variabel ". Javascript memiliki tipe data berbeda - beda yang dikategorikan menjadi enam, lima primitive data type dan satu object data type, tetapi akan dibahas primitive data tipe dahulu.


tipe data primitive dibagi jadi 5 yaitu:

1. string
2. number
3. Boolean
4. null
5. undefined

typeof

sintak typeof digunakan untuk menemukan type dari value
contoh buka console ketikkan:

Javascript Primitive Data Types Operator String dan Variabel

Jaka Prima Maulana

Selamat datang pengunjung www.primasaja.com,
pada artikel kali ini membahas mengenai " Javascript Grammar ", sintak yang digunakan javascript menggunakan style sintak bahasa C yang juga sama dengan bahasa pemrograman Java.

Statement

menggunakan statement, setiap statement diakhiri dengan baris baru atau semicolon.
contoh 1:
<script>
a = "halo"
alert(a)
</script>

contoh 2:
<script>
a = "halo";alert(a);
</script>

contoh 1 tidak memerlukan semicolon karena process javascipt menggunakan ASI (Automatic Semicolon Insertion)

Block

Jaka Prima Maulana

Javascript Basic Programming Comment

Selamat datang pengunjung www.primasaja.com, pada tutorial kali ini akan diberikan pengenalan basic dalam bahasa pemrograman javascript yaitu mengenai "Javascript Basic Programming Comment" saya harap anda mengikuti step by step dari perjalanan panjang artikel berepisode ini dalam proses pemula menuju ke mahir pemrograman javascript.



pada tutorial pertama artikel berepisode kali ini yang pertama yaitu mengenai comment. mengapa? dari  comment dalam pemrograman adalah potongan code yang di abaikan dalam pemrograman. loh kok diabaikan tapi jadi tutorial basic pertama yang akan disampaikan.


comment adalah salah hal sangat penting dalam bahasa pemrograman. seorang pemrogram yang baik selalu memberi tanda untuk apa yang terjadi dalam kode anda.

dalam javascript ada 2 cara memberikan comment dalam javascript :

Single Comment

Multiline Comment

Utility

install

tutorial

buat index.html

buat script1.js

Jquery Ajax API .Load Tutorial Meload Data Server Ke Element Tujuan

Jaka Prima Maulana

Selamat datang pengunjung primasaja.com,



tutorial primasaja.com kali ini admin akan membagikan bagaimana cara untuk " Meload Data Server Ke Element Tujuan ", sebagai gambaran sederhana apa yang akan kita lakukan adalah anda akan dapat menempatkan localhost/jqueryajaxapi/data1 dari url lain ke dalam localhost/jqueryajaxapi pada spesifikasi element css yang anda tuju

struktur dasar pembuatan API .load ini adalah
.load (url [,data] [,complete])

apa yang akan kita lakukan sekarang adalah cara yang paling simple untuk mengambil data dari server sama saja seperti .get (url , data , sukses) kecuali jika dengan method global.

1. Jquery Ajax API .Load URL

mari mulai membuat .load dan mengambil data dari server dari hal yang paling simple berikut ini :

catatan buat folder baru di dalam htdocs adalah tutorialjqueryprimasaja


untuk framework
1. buat controller

2. lalu buat view seperti berikut :
untuk yang bukan framework langsung aja yang bawah dan hapus yang saya hitamkan : 

script :

<html>
<head>
<title>Tutorial Jquery ajax .load PrimaSaja.com</title>
<script type="text/javascript" src="<?php echo base_url();?>asset/js/jquery-1.11.1.min.js"></script>

<script type="text/javascript">
var site = "<?php echo site_url()?>"; //ganti sama localhost/tutorialjqueryprimasaja/

function fungsibody(){
    $('#Dasar').load('<?php echo base_url();?>data1/', function(){alert("proses pengiriman data dari server berhasil");});
}
</script>

<style>
#dasar{background-color: rgba(255, 197, 78, 1);
margin-bottom: 100px;
width: 800px;
height: auto;

}

#dasar2{background-color: blue;
margin-bottom: 300px;
width: 800px;
height: auto;

}
#dasar3{background-color: red;
margin-bottom: 500px;
width: 800px;
height: auto;

}

</style>

</head>


<body onload='fungsibody()'>

    <center><h1>Tutorial Jquery ajax .load PrimaSaja.com</h1></center>

        <div id='Dasar'>

        </div>

        <div id='Dasar2'>

        </div>
 <script>
        $('#Dasar2').load('<?php echo base_url();?>data2 #Dasar3');
        </script>


</body>

</html>


lalu buat controller baru dengan nama Data1 seperti dibawah ini

untuk php buat file data1.php dan isikan seperti berikut

lalu buat lagi controller baru dengan nama Data2 seperti dibawah ini
untuk php buat file data2.php dan isikan seperti berikut

Apa Itu Javascript Void(0) 

Jaka Prima Maulana




selamat datang pengunjung primasaja.com,
kali ini website primasaja.com akan membahas mengenai " Apa Itu Javascript Void(0) Dan Fungsinya ".

Ketika anda menelusuri sebuah web dengan penggunaan script kode yang menggunakan javascript pernahkan anda melihat tentang javascript:void(0) seperti ini ketika di link :

pembuat web memanggil javascript tersebut untuk membuat fungsi tambahan pada sebuah link. pada dasarnya ketika anda mengklik sebuah link browser anda akan menuju ketempat link itu berada dengan refresh page halaman / loading halaman.

ada suatu kondisi dimana anda ingin merubah suatu aksi tapi tidak sesuai dengan sifat aslinya dan tidak menampilkan perubahan apapun pada url pada browser untuk keperluan proses selanjutnya.

sebagai contoh sebuah link yang seharusnya menuju ke suatu tempat redirect href ke suatu alamat url tertentu tetapi adakalanya ingin tidak menuju ke url tertentu tapi dikaitkan ke onClick="fungsiKaloDiClick()" dan diikuti dengan href="#" untuk tidak menuju ke url manapun tapi menjalankan fungsi ketika di klik

contoh :
<!DOCTYPE html>
<html>
  <head>
  </head>
  <body>
  <a href="#" onClick="fungsiKlik()" >klik saya</a>

  </body>
  <script >
    function fungsiKlik(){
      window.location.assign('urlkedua')
    }
  </script>
</html>

contoh dengan javascript:void(0):
<!DOCTYPE html>
<html>
  <head>
  </head>
  <body>
  <a href="#" onClick="fungsiKlik()" >klik saya</a>

  </body>
  <script >
    function fungsiKlik(){
      window.location.assign('urlkedua')
    }
  </script>
</html>

gunanya void(0) untuk membuat url lebih cantik tanpa perlu adanya penambahan /# dibagian paling akhir url.

Tetapi bukan hanya untuk agar url lebih cantik tetapi juga berfungsi kembali ke suatu url agar tidak error untuk mencegah meload halaman tanpa URL tambahan, disana fungsi Javascript:void(0) dipergunakan dan melewati parameter 0 (nol) bisa juga untuk menambahkan url baru. nah disini pointnya.
kalo pakai href="#" dia akan menuju ke url yang dituju seperti ini
file:///var/www/html/programming-basic/javascript-basic-minimalist/window/urlkedua
lalu jika pakai tombol back
file:///var/www/html/programming-basic/javascript-basic-minimalist/window/index.html#
akan ada hash di urlnya

tetapi jika memakai javascript:void(0) akan kembali tanpa hash (#)
file:///var/www/html/programming-basic/javascript-basic-minimalist/window/index.html
sebagai contoh lebih jelas saya jelaskan seperti gambar - gambar berikut :

gambar 1

seperti pada gambar satu url tersebut adalah url default kita

gambar 2

lalu ketika anda akan mengklik menu lain tanpa refresh dan merubah URL anda dapat gunakan javascript:void(0) ini pada href seperti contoh gambar 2 tersebut

gambar 3

maka akan pindah url tanpa refresh dan merubah tampilan menuju URL tujuan tanpa merubah URL pada browser seperti saya gambarkan pada gambar 3 tersebut.

Mengapa perlu untuk agar URL tidak menggunakan # yaitu untuk pengembalian. Pengembalian maksudnya?

Maksud dari pengembalian disini dijelaskan seperti gambar berikut

gambar 4

ada beberapa hal atau maksud contoh url awal admin/ bla bla bla seperti gambar 4 ingin menuju kembali ke URL otomatis tanpa refresh tersebut maka diperlukan hal ini

gambar 5

untuk keperluan URL #blabla yang menuju suatu halaman tertentu kembali yang menggunakan sistem URL tanpa refresh

gambar 6

dan menuju halaman yang sebelumnya menggunakan javascript:void(0) untuk menggunakan javacript:void(0) kembali



contoh code :
<a href="JavaScript:void(0);" id="primasajatest" >klik saya</a>

praktek :

klik saya