Belajar Javascript

Apa Itu Javascript?

Javascript adalah sebuah bahasa pemograman yang dibuat oleh Brendan Eich untuk digunakan pada web

Kenapa Javascript?

Karena Dia merupakan High Level Programming Langguage
Karena Mudah dipahami pemula
Karena memiliki fitur yang banyak
Dapat digunakan pada cross-development

Bagaimana caranya?

Bagaimana cara kita menggunakan Javascript?

Contoh Kode pada HTML


<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0"
    />
    <title>Document</title>
  </head>
  <body> 
  <script> console.log("Hello World"); </script> 
  </body>

</html>

kita bedah, di kode diatas terdapat kode html. Untuk menjalankan javascript, terdapat pada tag <script>. di dalam situ terdapat 'console.log('hello world');'. coba jalankan kode tersebut pada editor anda dan lihat hasilnya pada dev mode browser anda!

Itu keren.. tapi katanya bisa diluar browser?

Iya, sekarang Javascript bisa dijalankan diluar browser berkat tools seperti NodeJS atau BunJS!

Cara Menggunakan Node:

1. Download Node di sini
2. Setelah itu, buatlah file index.js
3. Bukalah directory index.js tersebut di terminal dan jalankan "node index.js"

Selanjut apa sih?

Seperti yang kita bahas, kita sudah menjalankan kode javascript dengan tag dan file index.js

di dalam script tersebut, kita menggunakan console.log("hello world");

kode digunakan untuk menampilkan sesuatu di terminal. Contoh lain seperti print("hello world") pada python!

Variable

Di javascript, ada beberapa cara untuk mendeklarasikan Variable. seperti

```
let nama = "Fathin";
```
menggunakan let. Ini adalah cara mendeklarasikan variable pada javascript yang paling sering di gunakan dan dijumpai
```
const nama = "Fathin";
```
const digunakan untuk membuat variable yang bertipe constan. Tidak dapat dideklarasikan lagi setelah dideklarasikan
```
var nama = "Fathin";
```
var adalah tipe deklarasi variable yang jarang digunakan, karena var biasanya tidak menampilkan error ketika terdapat error. Berbeda dengan let yang langsung menampilkannya

Array

Array adalah variable yang spesial, karena dapat menyimpan lebih dari 1 data

Kenapa array?

Karena kita tidak perlu mendeklarasikan berbagai variable lagi hanya untuk data yang yang sejenis saja

Contoh kode

const array_name = [item1, item2, ...];

Function

Fungsi dalam Javascript agak sedikit berbeda dari beberapa kebanyakan bahasa pemograman lainnya. Dikarenakan fungsi dalam javascript berupa object sehingga dapat di define dengan variabel

Jadi fungsi itu apa sih?

Fungsi adalah kode blok untuk melakukan suatu tugas yang kita berikan yang dapat digunakan ketika fungsi tersebut dipanggil saja. Hal ini berfungsi agar kita dapat KIS (Keep It Simple) dan DRY (Don't Repeat Yourself).

Contoh kode


//contoh fungsi biasa
function hello(nama) {
    return `Halo ${nama}`;
}
console.log(hello("Fathin")); //output: Halo Fathin

//contoh fungsi dengan variable
let tambah = (num1, num2) => {
    return num1 + num2;
}
console.log(tambah(3, 5)); //output: 8

Javascript

Masih kesulitan? bisa tanya di discord ya:)

Chat

Hello, world!

Marilah Kita Senggol Javascript!

Web dibuat oleh M.Fathin Halim

Apa Itu Javascript?

Kenapa Javascript?

Bagaimana caranya?

Contoh Kode pada HTML

Itu keren.. tapi katanya bisa diluar browser?

Selanjut apa sih?

Variable

Array

Kenapa array?

Contoh kode

Function

Jadi fungsi itu apa sih?

Contoh kode

Javascript

Ada apa lagi sih dari javascript?

Terima kasih telah membaca!