Tugas 8 - FPD

JavaScript Dasar

Oleh : Zulkarnain Zakaria

Agenda

●Pengenalan JavaScript

●Tipe Data

●Variable

●Percabangan

●Perulangan

●Function

●Dan lain-lain

Pengenalan JavaScript

Sejarah JavaScript

●JavaScript atau sering disingkat JS, pertama kali dibuat tahun 1995. Programmer di Netscape
bernama Brandan Eich membuat sebuah bahasa pemrograman scripting untuk berjalan di
Netscape Navigator Browser.

●Awalnya namanya adalah Mocha, lalu berubah menjadi LiveScript, dan akhirnya menjadi
JavaScript.

●JavaScript dibuat agar halaman website yang sudah kita buat menggunakan HTML dan CSS bisa
lebih interaktif

●JavaScript sekarang sudah mengalahkan Java Applet dan Flash sebagai bahasa pemrograman
untuk membuat halaman web menjadi lebih interaktif, hal ini dikarenakan kemudahan bahasa nya
dan juga secara default sekarang semua browser sudah bisa menjalankan JavaScript tanpa harus
menginstall aplikasi tambahan seperti Java Applet dan Adobe Flash Player

JavaScript di Server

●Awalnya JavaScript memang kebanyakan di gunakan untuk berjalan di client side (Browser)

●Namun akhir-akhir ini, semenjak keluar teknologi NodeJS yang bisa digunakan untuk menjalankan
JavaScript tanpa browser, sekarang akhirnya JavaScript juga banyak digunakan untuk membuat
aplikasi di Server

●Karena ini, akhirnya sekarang JavaScript dikenal dengan bahasa pemrograman FullStack (Backend
dan Frontend) karena bisa digunakan untuk membuat aplikasi Backend dan aplikasi Frontend

JavaScript dan ECMAScript

●Karena JavaScript sekarang hampir di adopsi oleh sebua aplikasi browser, akhirnya dibuatlah
sebuah standarisasi yang bernama ECMAScript

●Organisasi yang melakukan standarisasi ECMAScript adalah ECMA International

●Sekarang dengan adanya standarisasi, kita bisa pastikan bahwa kode program JavaScript kita bisa
jalan di semua browser, karena browser yang ingin mendukung JavaScript, harus mengikuti
standarisasi ECMAScript

●Sekarang karena ECMAScript dan JavaScript sama, sekarang bisa dibilang ECMAScript dan
JavaScript adalah dua nama untuk satu bahasa pemrograman yang sama

●https://www.ecma-international.org/

JavaScript vs Java

●Pemula programmer sering salah tentang JavaScript dan Java. Ada yang mengira bahwa Java dan
JavaScript adalah bahasa pemrograman yang sama, padahal itu berbeda.

●Java adalah bahasa pemrograman lain, tidak ada hubungannya dengan JavaScript

●Walaupun namanya ada kata “Java” nya, tapi dua bahasa pemrograman ini benar-benar berbeda,
tidak ada hubungannya sama sekali

●Jika tertarik untuk belajar bahasa pemrograman Java, silahkan belajar disini :
https://www.programmerzamannow.com/video-tutorial-java/

Peralatan Development

●Saat kita belajar JavaScript, kita perlu menyiapkan beberapa perangkat lunak untuk membantu
development

●Browser, ini sudah pasti, karena kita perlu menjalankan kode program JavaScript menggunakan
Browser

●Text Editor atau Integrated Development Environment, ini digunakan untuk membuat kode
program JavaScript

Browser

●Google Chrome : https://www.google.com/chrome/

●Firefox : https://www.mozilla.org/firefox/

●Microsoft Edge : https://www.microsoft.com/edge

●Safari : https://www.apple.com/safari/

●Opera : https://www.opera.com/

Text Editor atau IDE

●Visual Studio Code : http://code.visualstudiocode.com/

●Atom : https://atom.io/

●Sublime : https://www.sublimetext.com/

●WebStorm : https://www.jetbrains.com/webstorm/

●Nodepad++ : https://notepad-plus-plus.org/

●Textmate : https://macromates.com/

●GNU Emacs : https://www.gnu.org/software/emacs/

●GEdit : https://wiki.gnome.org/Apps/Gedit

Program Hello World

Membuat Kode JavaScript

●Ada beberapa cara untuk membuat kode JavaScript

●Bisa langsung di file HTML

●Atau bisa menggunakan file .js (ekstensi untuk JavaScript), lalu di include di dalam file HTML

●Pada praktek course ini kita akan menggunakan HTML langsung agar mudah membuat kode
program nya

Script JavaScript

Include Script JavaScript

Titik Koma

●JavaScript mirip seperti bahasa pemrograman C/C++, dimana di akhir tiap statement kode
program, kita perlu menambahkan ; (titik koma)

●Namun, di JavaScript tanda ; (titik koma) tidak wajib, jadi kita bisa menambahkan ataupun tidak.

●Sangat disarankan konsisten, jika ingin menggunakan titik koma, gunakan disemua tempat, jika
tidak, jangan gunakan di semua tempat

●Saya sendiri lebih merekomendasikan menggunakan titik koma

Komentar

Komentar

●Komentar adalah kode program yang tidak akan dieksekusi ketika dibaca

●Komentar biasanya digunakan sebagai informasi tambahan atau petunjuk

●Di JavaScript, kita bisa menambahkan kode komentar

Kode : Komentar

Tipe Data Number

Tipe Data Number

●JavaScript hanya mendukung satu tipe data number, dimana tipe data number di JavaScript bisa
berupa bilangan bulat atau bilangan desimal

●Tipe seperti di bahasa pemrograman lain yang biasanya membedakan tipe data number bilangan
bulat dan bilangan desimal, di JavaScript semuanya disatukan

Kode : Tipe Data Number

Number Notation

●JavaScript mendukung number notation, defaultnya ada basis 10, JavaScript juga mendukung
binary, hexadecimal dan octal

●Hexadecimal : 0xFF

●Binary : 0b10101

●Octal : 0o10

Tipe Data Boolean

Tipe Data Boolean

●Tipe data boolean adalah tipe data yang berisikan data kebenaran, artinya hanya ada dua data,
benar dan salah (yes atau no)

●Benar di representasikan dengan kata kunci true, dan salah direpresentasikan dengan kata kunci
false

●Walaupun tipe data boolean merupakan tipe data yang sangat sederhana, tapi tipe data boolean
akan banyak digunakan di berbagai fitur pemrograman

Kode : Tipe Data Boolean