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.
Template Tutorial Javascript Sesi Pertama (objek date) akan terlihat rapi walaupun view-port browser berbeda
Template sudah di desain SEO Friendly mulai dari breadcrumb yang sudah terindex google sampai schema markup lainnya yang paling penting dalam mesin pencari
Sangat mudah untuk mengubah warna, lebar sampai font melalui Desainer Tema Blogger termasuk pengaturan widget pada menu Layout
Sudah disediakan slot iklan adsense yang siap pakai pada lokasi dengan click rate tinggi dan tidak menghalanginya saat pengguna membaca postingan, anda tinggal mengatur dalam menu layout blogger
Dioptimalkan dengan memperkecil ukuran template seperti kompres CSS dan Javascript agar loading lebih cepat dan tidak menjengkelkan pengguna
Didesain dengan lebih mengutamakan tampilan mobile, tampilannya dibuat modern dan lebih user friendly layaknya sebuah aplikasi mobile, apakah kamu tau?, survey menyatakan bahwa lebih banyak pengguna mobile yang melintas pada google dibandingkan perangkat dekstop
Mendukung berbagai browser berbeda seperti chrome, firefox, Opra, iE dan sebagainya
Tutorial Javascript Sesi Pertama (objek date)
Penting!..
Tuliskan link web/blog anda yang ingin menggunakan template Tutorial Javascript Sesi Pertama (objek date) dengan benar karena ini digunakan untuk verifikasi lisensi otomatis, jika salah maka template tidak bisa digunakan pada domain tersebut
Jika anda memiliki lebih dari satu, maka tuliskan sekaligus link web/blog anda dengan format
[domain-1.com] [domain-2.com] [domian-3.com]
Maksimal 3 domain utama/sub domain jika lebih link ke 4 dan seterusnya dianggap tidak ada
Tuliskan link web/blog anda yang ingin menggunakan template Tutorial Javascript Sesi Pertama (objek date) dengan benar karena ini digunakan untuk verifikasi lisensi otomatis, jika salah maka template tidak bisa digunakan pada domain tersebut
Jika anda memiliki lebih dari satu, maka tuliskan sekaligus link web/blog anda dengan format
[domain-1.com] [domain-2.com] [domian-3.com]
Maksimal 3 domain utama/sub domain jika lebih link ke 4 dan seterusnya dianggap tidak ada
Total Pembayaran
Tidak ada komentar:
Posting Komentar