situs ini untuk orang yang mau mulai belajar javascript dari sekarang.

kalau sekarang anda tidak tahu apa pun, tidak usah khwatir.
saya mau anda tau dan enjoy dalam javascipt programming...

situs ini untuk orang yang seperti di bawah

-yang lalu sudah coba belajar javascript. tapi belum mengerti.
-yang terkejut melihat harga sekolah untuk belajar javascript.
-yang sudah mengerti HTML dan CSS. tapi belum belajar programming.
-yang mau tambah fungsi ke situs.
-pelajar yang mau bekerja di IT perusahaan.
-person in charge untuk web situs di persahaan.
-yang punya minmpi yang mau punya bisines web servise seperti FACEBOOK.
-yang mau coba mulai programming.

situs ini untuk pemula javascript

saya mau menjelaskan dari basis dan satu satu.
jadi kalau sekarang apa pun tidak tahu, tidak apa-apa.

tapi situs ini untuk orang yang sudah belajar basis HTML dan CSS.
kalau sekarang anda tidak tahu tentang HTML dan CSS apa pun, minta tolong belajar itu dulu.
karena saya tidak menjelaskan tentang HTML dan CSS di situs ini.

cara belajar situs ini

minta tolong baca satu-satu dan coba tulis code disini.
kalau sudah baca isi dan sudah tulis code, tapi tidak begitu mengerti arti, tidak apa-apa.
maju saja.
karena tentang belajar programming, kalau sekarang tidak begitu mengerti, nanti pasti tiba-tiba mengerti.

tapi kalau bisa, saya mau anda tidak pilih cara copy & paste saja.
saya pikir terbiasa programming nya penting.
jadi minta tolong tulis pakai tangan.
pasti ada code yang hampir sama dari pada tadi, tapi kondisi itu menbuat anda terbiasa javascript.

apa javascript?

javascript adalah salah satu "client side programming".
dan bisa membuat situs yang dynamic.

apa yang dimaksud dengan javascript?

javascript adalah salah satu situs programming.

programingnya dibagi menjadi 2 bagian yaitu.
ke 1 adalah "client side programming".
ke 2 adalah "server side programming".

javascript itu adalah salah satu "cliant side programming".

apa yang dimaksud dengan "server side programming"?

pertama, saya akan menjelaskan tentang "server side programming".
php nya salah satu "server side programming".
cara kerja nya seperti dibawah.

1. kirim instruksi ke server.
2. server dapat instruksi itu.
3. script bekerja di pihak server.
4. script dapat hasil di server.
5. script kirim hasil itu ke cliant.
6. hasil keluar di computer anda.

contoh nya,
1. ada script yang keluar jam sekarang. kalau anda datang situs itu, script kirim instruksi ke server. 2. server dapat instruksi (sekarang jam berapa?) itu.
3. server bekerja dan bersiap hasil (sebentar saya melihat jam tangan ya.).
4. server dapat hasil (sekarang jam 11 ya.).
5. dan kirim hasil itu ke cliant.
6. ada keluar kalimat "sekarang jam 11 ya." di computer anda.

ada script php di bawah ini.
sekarang hasil nya tidak ada ganti. artinya ada jam yang pada saat anda datang ke situs ini.
minta tolong anda coba reload browser. hasil nya ganti.
tapi kalau mau tahu jam sekarang, anda harus reload browser.
ini contoh "server side programming".

apa "client side programming"?

javascript nya salah satu "client side programming".
kalau pakai contoh tadi, cara kerja nya seperti dibawah.

1. ada script yang keluar jam sekarang. kalau anda datang situs itu, script mulai bekerja.
2. script melihat jam sekarang dan tahu hasil tanpa tanya ke server.
3. ada keluar kalimat "sekarang jam 11 ya." di computer anda.

ada script javascript di bawah ini.
hasil nya selalu ganti ya.
ini contoh "cliant side programming".

kemungkinan anda pikir "cliant side programming" nya lebih bagus dari pada "server side programming".
tapi ada masalah juga.

"server side programming" pakai resource di server.
"cliant side programming" pakai resource di computer anda.
artinya, kalau kinerja computer anda tidak begitu tinggi, makan waktu sampai hasil keluar nya menjadi besar.
berdasar computer anda.

static dan dynamic

situs static, keluar nya selalu sama.
situs dynamic, keluar nya bisa ganti setiap kali.

javascript adalah dynamic programing.

contoh nya,
kalau sebelum mengisi ke textbox, keluar kalimat "minta tolong mengisi komentar disini".
kalau sudah click text-box itu, kalimat itu hilang untuk tidak mengganggu mengisi.
seperti dibawah ini.

kalau pakai HTML saja, tidak bisa membuat seperti ini.

ada beberapa basis tentang cara tulis javascipt.

basis cara tulis javascript

fungsi script dibawah ini adalah keluar kalimat.

window.document.write("selamat pagi");

code itu ada dalam HTML.
kita harus kasih tahu ke computer, dari mana sampai mana code javascript.
jadi kita tulis nya seperti dibawah.
harus tulis antara 「<script>」 dan 「</script>」.

untuk browser yang tidak bisa pakai javascript

biasanya, waktu pakai javascript, ada 「」.
itu untuk browser yang tidak bisa pakai javascript.
kalau pakai browser tersebut, code javascript nya semua keluar sebagai huruf.
untuk menghindarkan itu, pakai 「」.
kalau pakai 「」, dalam itu sudah dipakai sebagai comment out. jadi tidak ada keluar.

cara tulis javascript

ada 2 cara.

ke 1. tulis semua di dalam HTML.
tapi kalau code nya menjadi panjang, HTML juga menjadi panjang.

contoh nya di atas tadi. code semua (dari 「<script>」 sampai 「</script>」) ada di HTML.

ke 2. file javascript tinggal di luar
membuat satu file untuk code javascript saja. dan panggil file itu dari HTML.
contoh nya...
membuat file nama nya "contoh.js". isi nya hanya satu baris.

window.document.write("selamat pagi");

dan HTML nya seperti dibawah.

kalau access ke HTML itu, code itu panggil file javascript dari luar. dan code javascript itu berjalan otomatis.

kalau di javascript, ada perbedaan antara huruf besar dan huruf kecil.
kalau salah tulis saja untuk satu huruf pun, code nya tidak akan berjalan.

contoh cara tulis yang sebenarnya

code dibawah ini adalah cara tuslis yang benar. jadi hasil nya ada keluar huruf "selamat pagi".

contoh cara tulis yang salah

tapi kalau dibawah ini, ada salah. "W" nya besar. jadi hasil nya tidak ada keluar huruf.

bingung tentang masalah huruf besar atau kecil?

kalau anda sudah belajar php programming, mungkin ada bingung.
karena kalau php, huruf besar dan huruf kecil nya sama saja.
termasuk hal-hal yang lain, php adalah lebih kira-kira dari pada javascript.

untuk masalah seperti ini,mungkin tidak harus anda fikirkan.
solusi nya anda harus melatih saja terus,nanti akan terbiasa sendiri.
tapi kalau di dunia programming, membeda-bedakan seperti javascript nya lebih biasa.

tentang cara tulis code javascript,
minta tolong sekali anda hati-hati di akhir kalimat dan yang tempatnya kosong dan sebaris.

khir kalimat

minta tolong anda letakkan 「;」 di akhir kalimat.

sebenarnya, 「;」 ini tidak harus.
arti nya, kalau tidak ada 「;」, system javascript pasang otomatis.
jadi biasa nya bisa berjalan.
tapi karena dipasang otomatis, kadang-kadang dipasang di salah tempat oleh system javascript.

masalah yang lain juga ada.
kalau code atau script nya menjadi panjang dan tidak pakai 「;」, kemungkinan susah mengerti dimana akihir kalimat?
khusus di kondisi yang code atau script itu dibuat oleh beberapa orang.

jadi lebih bagus anda terbiasa meletakkan 「;」 di akhir kalimat.

tempat kosong dan sebaris

bebas meletakkan di tempat kosong dan sebaris di dalam kalimat. yaitu, 2 contoh di bawah ini, dua-dua benar. bisa berjalan.

meletakkan ditempat kosong pada awal kalimat juga boleh. cara ini sudah biasa untuk gampang mengerti.

sbaris juga boleh saja.

tapi minta tolong hati-hati. tidak boleh letakkan ditempat kosong atau sebaris di dalam satu kata.

cara comment out

ada dua cara untuk "comment out" di javascript.

cara ke 1 untuk "comment out"

kalau pakai "comment out" di hanya satu baris, bisa pakai 「//」.
kalau cara ini, isi yang dari 「//」 sampai akhir baris menjadi "comment out".

cara ke 2 untuk "comment out"

kalau mau "comment out" untuk beberapa baris, bisa dipakai 「/*」 dan 「*/」. isi yang antara 「/*」 dan 「*/」 menjadi "comment out". bisa pakai untuk satu baris juga.
<script type="text/javascript">

</script>

ada "reserved keyword" atau "reserved word".
yaitu ada kata-kata yang tidak bisa pakai sebagai "variable",
karena system javascript sudah pakai atau ada rencana akan pakai.
kata-kata yang ada di daftar dibawah, lebih baik anda tidak menggunakannya.

"reserved keyword"

kita bisa meletakkan nama untuk "variable".
pada dasarnya nama dapat ditulis dengan nama apa pun itu.

tapi kalau nama itu sudah dipakai oleh system javascript, tidak boleh ganti atau kita pasang lagi.
kalau sekarang belum dipakai, tapi kemungkinan nanti dipakai untuk system, tidak boleh pasang juga.

daftar "reserved keyword" yang sudah tidak boleh pakai

break
case
catch
continue
debugger
default
delete
do
else
false
finally
for
function
if
in
instanceof
new
null
return
switch
this
throw
true
try
typeof
var
void
while
with

daftar "reserved keyword" yang kemungkinan nanti tidak boleh pakai

class
const
enum
export
extends
implements
import
interface
let
package
private
protected
public
static
super
yield

daftar yang tidak boleh pakai karena ada masalah browser

abstract
boolean
byte
char
double
final
float
goto
int
long
native
short
synchronized
throws
transient
volatile

apa variable?

"variable" nya sangat bermanfaat.

disini saya akan berikan contoh dan kita hanya menghitung nomor saja, tapi script menjadi lebih panjang atau lebih berbelit-belit atau ada banyak bertubi-tubi, rasa manfaat itu menjadi lebih besar.

masalah tidak pakai "variable"

kalau code dibawah ini, bisa pakai untuk berhitung 2+3 saja.

tapi kalau pakai "variable", bagaimana?
kalau ganti code ke seperti dibawah.
kalau mau berhitung nomor lain, hanya ganti "nomor1" dan "nomor2" saja.

"variable" nya bisa ganti otomatis, jadi bisa pakai apa pun.

cara pasang nama ke "variable"

ada beberapa peraturan yang harus anda mengerti.

1. huruf besar dan huruf kecil nya berbeda.
2. bisa pakai huruf alfabet, nomor, 「$」 , 「_ (garis bawah)」
3. tapi tidak bisa pakai nomor untuk huruf pertama
4. tidak bisa pasang nama yang "reserved keyword" (menuju ke 1-6)

cara pakai variable

disini saya akan menjelaskan tentang "variable".
cara pakai nya sedikit beda dari pada bahasa lain.

dan ada yang bisa singkatan.
tapi lebih bagus nya tidak singkatan.

"variable type"

"variable type" adalah jenis variable.

ada untuk nomor, huruf, hari, dll.

kalau bahasa computer lain, contoh nya "bahasa C", sebelum pakai variable, kita harus mematok variable ini untuk nomor atau huruf.

tapi kalau di javascript, kita tidak usah memikirkan tentang "variable type".
yaitu, system javascript dapat ditentukan dengan otomatis.

cara menggunakan "variable"

cara menggunakan "variable" di javascript,

pertama kita pakai "var" untuk memberi informasi ke system, "ini adalah variable ya".

var x;
x = 1;

1. arti nya, memberi informasi ke system 「x」 adalah "variable"
2. masuk 「1」 ke 「variable x」

atau bisa satu kali saja.

var x = 1;

kalau masuk nomor ke variable, variable itu menjadi type=nomor.
kalau masuk huruf ke variable, variable itu menjadi type=huruf.

var y = "selamat siang";

atau ini juga huruf. karena menggunkan 「"」.

var z = "10";

bisa disingkat dengan "var"

benar nya, kita tidak usah menggunakan "var". bisa singkatan itu.

z = "10";

tapi kalau singkatan itu, nanti susah untuk dimengerti variable itu bisa bekerja dari mana sampai mana?
tentang ini, saya akan menjelaskan nanti saja.
tapi minta tolong anda ingat, lebih bagus dan benar anda menggunakan "var".

contoh code untuk variable

hasil nya seperti ini.

cara pakai constant

tadi saya menjelaskan tentang "variable".
disini saya akan menjelaskan tentang "constant".
tapi biasanya, tidak usah menggunakan "constant".

apa itu "constant"?

"constant" itu adalah kotak seperti "variable".
tapi nanti anda tidak bisa ganti isinya.

cara penggunaan kata "constant"

cara menggunakannya hampir sama dengan "variable".

const x;
x = 1;

atau

const x = 1;

"constant" nya tergantung browser

kalau di Internet Explorer, keluar ERROR.
dan kalau di Google Chorome, itu menjadi "variable" oleh browser.

nah,sekarang saya fikir, fungsi "constant" itu biasa nya tidak usah.
dan ada masalah tentang browser, itu lebih tidak usah...

tentang type.

type nya ada 3.
angka dan huruf dan boolean.
saya akan menjelaskan satu persatu dibawah.

apa "type"?

tadi di 3-8 saya sedikit akan menjelaskan tentang "type".

jenis "type" nya ada 3.

1. angka (contoh nya 1, 0.5)
2. huruf (contoh nya "hello" atau "123")
3. "boolean"(ini ada 2 saja. "true" dan "false")

kalau di javascript, biasa anda tidak usah perhatikan untuk "type".
tapi kadang-kadang ada masalah. contoh nya,

var a = 100;
var b = "100";

saya mau tanya a dan b sama atau beda?
jawaban nya beda. a adalah angka. b adalah huruf karena pakai 「"」.
jadi kadang-kadang ada salah ya,karena kita berfikir kalau a dan b nya itu sama.

type angka

ada beberapa jenis di type angka.
1. integer (decimal number)
2. real number
3. floating decimal point
4. octal notation
5. hex number

karena susah menjelaskan dan tidak begitu penting.
jadi saya tidak menjelaskan disini ya...

type huruf

huruf adalah "string".
kalau di javascript, harus pakai 「'」 atau 「"」 seperti dibawah.

str1 = "selamat pagi";
str2 = 'selamat siang';
str3 = "1000";

bisa lengket huruf dan huruf pakai 「+」.

str1 = "selamat";
str2 = "pagi";
window.document.write(str1 + " " + str2);

hasil nya "selamat pagi".

type boolean

hasil type boolean nya "true" atau "false" saja.

pakai untuk script bertubi-tubi.
atau untuk variable ini sudah punya isi atau belum.
dan lain lain...

a = 5;
b = 10;
document.write(a < b);

hasil nya "true".
"window" itu bisa singkatan. jadi "document.write(a < b);" saja cukup.

kalau script bawah,

a = 5;
b = 10;
document.write(a > b);

hasil nya "false".

Saya Rasa Cukup Sekian Tentang Belajar JAVASCRIPT dasar untuk pemula, semoga anda bisa mengerti walau sulit.. dan semoga artikel ini bermanfaat .

sumber : BELAJAR JAVASCRIPT UNTUK PEMULA

PROFIL

Top Read

Blog | Kurnia

Jumat, 23 Oktober 2015

Belajar Dasar " Javascript " ( untuk pemula ).