Persiapan Belajar Javascript Part 1

 


Selamat datang di ArtikelTOP..

Tiba saatnya kita akan belajar javascript, dalam pembelajaran javascript kali ini kita akan belajar mulai dari dasar hingga nanti ke tingkat lanjut.

Untuk kamu yang sekarang sedang mempelajari web development, bukan tidak mungkin bahasa yang satu ini wajib untuk dipelajari. Karena javascript merupakan bahasa yang populer sekaligus untuk sekarang banyak digunakan di berbagai bidang.

Pembahasan pertama kita kali ini yaitu mengenai

Persiapkan 3 hal sebelum belajar Javascript?

Apa yang harus dipersiapkan sebelum belajar javascript? 

Dalam belajar javascript setidaknnya kamu sudah harus memiliki 3 modal wajib dibawah ini:
  1. Mengerti pengoperasian komputer.
  2. Paham akan dasar-dasar HTML.
  3. Paham akan dasar-dasar CSS.

1. Mengerti pengoperasian komputer

Mengerti pengoperasian komputer disini maksudnya, kita bisa mengoperasikan komputer dengan lancar.

Karena nantinya kode program yang kita  jalankan akan di compile(terjemahkan) oleh komputer. 

Hanya saja untuk bahasa pemrograman javascript ini kita tidak perlu aplikasi lain selain text editor untuk koding dengan web browser untuk melihat hasil kode kita nanti.

2. Paham akan dasar-dasar HTML

Paham akan dasar-dasar HTML, mengartikan bahwa kita harus bisa bahasa markup html terlebih dahulu seperti tag-tag dalam html yang digunakan dalam tahap web development.

Karena kita tahu bahasa html merupakan bahasa utama dalam membangun sebuah website dan javascript merupakan bahasa yang dapat memodifikasi setiap bagian dari website termasuk memodifikasi tag di html.

3. Paham akan dasar-dasar CSS

Tahu dengan CSS? ya, css adalah kode-kode yang dapat membangun tampilan website menjadi lebih baik istilahnya bahasa untuk desain website. 

Mengapa harus paham css untuk belajar javascript? karena css dapat digunakan bersama-sama dengan javascript. 

ketika kita memberi warna sebuah elemen pasti dengan css, akan tetapi ketika kita mau elemen tersebut warnanya berubah saat menekan sebuah tombol maka perlu kode javascript untuk melakukannya.

Tips! Javascript merupakan bahasa yang mudah dipelajari, untuk saat awal-awal belajar mungkin sulit, akan tetapi pelajari saja dengan banyak belajar dan membaca artikel serta contoh kode program yang ada di blog ini. saya yakin kamu pasti bisa.

Baca juga: Sejarah dan perkembangan javascript

 Selanjutnya !

Mudah belajar javascript dengan contoh

Kedepannya di blog ini saya akan memberikan cara belajar bahasa pemrograman javascript dengan dengan banyak contoh-contoh kode yang saya berikan. agar ketika kita belajar kita dapat mengerti bagaimana cara kerja dari javascript.

Nah pada contoh ini kita akan melihat hal menarik apa yang bisa dilakukan oleh javascript.

perilaku javascript ketika mengubah warna background elemen
Contoh ketika javascript mengubah warna bakground elemen



Contoh gambar di atas memperlihatkan bagaimana perilaku dari sebuah elemen yang ketika diklik, maka warna latar belakangnya dapat berubah. Background diatas dapat berubah warna dengan kode javascript dibawah ini.

  function ubahWarna(element){
var currentColor= element.style.backgroundColor;
if(currentColor == "red"){
element.style.backgroundColor = "green";
}else{
element.style.backgroundColor = "red";
}
}

Berikut ini untuk kode lengkapnya

  
<html>
<head>
<title> Ubah Warna Background element</title>
<style>
div{
height:200px;
line-height:200px;
text-align: center;
padding-left: 20px;
padding-right: 20px;}
</style>
</head>
<body>
<div onclick="ubahWarna(this)">Klik aku untuk merubah warnaku</div>

<script>
function ubahWarna(element){
var currentColor= element.style.backgroundColor;
if(currentColor == "red"){
element.style.backgroundColor = "green";
}else{
element.style.backgroundColor = "red";
}
}
</script>
</body>
</html>
owh iya kode di atas hanya sebagai contoh saja bagaimana javascript bekerja untuk penjelasan kodenya nanti akan saya bahas di artikel selanjutnya.

ok cukup sekian penjelasan saya di artikel kali ini nantikan saja artikel saya selanjutnya mengenai bahasa pemrograman javascript. terimakasih sudah membaca boskuh.

0 Response to "Persiapan Belajar Javascript Part 1"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel