Tutorial Javascript Sesi Pertama (objek date)

Tutorial Javascript Sesi Pertama (objek date)
Tutorial Javascript

Tutorial javascript sesi pertama - javascript adalah sebuah bahasa pemrograman html dan web.

Mengapa Kamu Harus Belajar JavaScript?
JavaScript adalah salah satu dari 3 bahasa yang harus di pelajari oleh semua pengembang web salahsatunya:

   1. HTML untuk menentukan konten halaman web

   2. CSS untuk menentukan tata letak halaman web

   3. JavaScript untuk memprogram perilaku halaman web

Halaman web adalah bukan satu-satunya tempat yang di mana JavaScript digunakan. Banyak loh program desktop dan maupun pemerogram server menggunakan JavaScript.

Untuk Node.js adalah javascript yang paling dikenal, beberapa database seperti MongoDB dan CouchDB, juga menggunakan JavaScript sebagai bahasa pemrograman mereka.

Apakah kamu tau?

JavaScript dan Java adalah bahasa yang sama sekali jelas berbeda, itu baik dalam konsep maupun desain.

Siapakah yang menemukan JavaScript?

JavaScript ditemukan oleh Brendan Eich pada tahun 1995, dan menjadi standar ECMA pada tahun 1997. 
ECMA-262 adalah nama resmi standar tersebut. ECMAScript adalah nama resmi bahasa tersebut.

Kamu dapat membaca lebih lanjut tentang berbagai versi JavaScript di tutorial JavaScript.

Dengan Tutorial javascript ini saya akan mengajarkan kamu program JavaScript dari dasar ke lanjutan.

Alat tempur yang perlu kamu siapkan untuk Tutorial belajar javascript:

1. Laptop atau Android
2. Html editor
3. Browser (chrome)
4. Secangkir kopi hangat

Nah untuk hal di atas tersebut sangatlah di butuhkan seperti:

Langkah tutorial JavaScript

Untuk sesi yang pertama ini mari kita mulai dengan tutorial javascript yang sederhana saja dan akan kita lanjutkan sesuai sesi tutorial javascript nya.

1. Buka laptop atau Android

Nah sekarang kamu buka laptop atau Android kamu yang sudah terinstall text editor atau sejenis html editor dan selanjutnya buka html editor tersebut. 
Setelah itu buatlah file baru dengan extensi index.html.

2. Rekatkan markup

Setelah kamu mengikuti langkah nomer satu, kamu setelah itu, misalkan kamu ingin menampilkan waktu secara lengkap menggunakan javascript DOM.

Nah untuk membuat nya silahkan kamu salin dan tempelkan html di bawah ini kedalam text atau html editor kamu yang barusan di buat dengan extensi index.html dan selanjutnya pertinjau.

<!DOCTYPE html>
<html>
<title>Tutorial javascript</title>
<body>
<h2>My First JavaScript</h2>
<button type="button"
onclick="document.getElementById('demo').innerHTML = Date()">
Click me to display Date and Time.</button>
<p id="demo"></p>
</body>
</html>


Catatan:

Html di atas adalah markup html dengan markup <button yang sudah di fungsi dengan onclick (inner javascript inline) misalnya:

Jika kamu meng-klik button tersebut maka html <p id="demo" akan menampilkan tanggal dan waktu lengkap secara otomatis mengikuti tanggal dari perangkat kamu.

Kenapa ini terjadi?.

Karena di dalam javascript tersebut misalnya: inner berusaha untuk memanggil tanggal dan waktu secara lengkap di perangkat kamu dan kemudian menampilkan nya ke dalam markup <p id="demo"


Atau misalkan kamu ingin menggunakan javascript DOM write(); maka kamu harus menggunakan javascript di bawah ini:

<!DOCTYPE html>
<html>
<title>Tutorial javascript</title>
<body>
<h2>My First JavaScript</h2>
<body>
<script type="text/javascript">
document.write (Date());
</script>
</body>
</html>


Apa yang membedakannya?

Yang membedakan nya ialah jika misalnya kamu menggunakan javascript dom write(); javascript dapat secara langsung menampilkan waktu yang lengkap terhadap perangkat kamu, Kenapa?. Karna menggunakan Dom write();

Sedangkan untuk javascript yang pertama di atas (innerHtml) dengan menggunakan id dari tag <p id="demo sebagai connector dari javascript tersebut dengan menggunakan fungsi onclick.

Jadi untuk intinya, fungsi dan tujuan dari javascript tersebut memang sama, namun menggunakan metode yang berbeda


Kesimpulan

Nah untuk Tutorial javascript kali ini yaitu sesi pertama seperti namanya yaitu pemula, dan nantinya untuk full tutorial javascript akan di postingan secepat mungkin.

Dan untuk referensi kamu kamu bisa mencari di web nya helpGue disitu banyak tutorial seperti html, csscss dan js.

Maknanya ikuti newsletter kirmandzgn untuk memberi tahu kamu jik  alau ada postingan terbaru dari kirmandzgn melalui email kamu secara praktis.

Nah sekarang seruput dulu kopi nya biar gk kedinginan hehe, untuk pertanyaannya kamu bisa bertanya melalui kolom komentar yang tersedia.

Tidak ada komentar:

Posting Komentar

MAGZPRO

Template blogger yang bersih yang di optimalkan serta valid schema markup dan cepat


Beli harga turun 95rb