Apa itu JavaScript?

JavaScript adalah bahasa pemrograman yang digunakan developer untuk membuat halaman web yang interaktif. Dari menyegarkan umpan media sosial hingga menampilkan animasi dan peta interaktif, fungsi JavaScript dapat meningkatkan pengalaman pengguna situs web. Sebagai bahasa skrip sisi klien, JavaScript adalah salah satu teknologi inti dari World Wide Web. Misalnya, saat menjelajah internet, kapan pun Anda melihat carousel gambar, menu tarik-turun klik untuk menampilkan, atau warna elemen yang berubah secara dinamis di halaman web, Anda melihat efek JavaScript.

Apa kegunaan JavaScript?

Secara historis, halaman web statis, mirip dengan halaman dalam buku. Halaman statis terutama menampilkan informasi dalam tata letak tetap dan tidak melakukan semua yang kita harapkan saat ini dari situs web modern. JavaScript muncul sebagai teknologi sisi peramban untuk menjadikan aplikasi web lebih dinamis. Dengan JavaScript, peramban dapat merespons interaksi pengguna dan mengubah tata letak konten di halaman web.

Saat bahasanya sudah mapan, developer JavaScript membuat pustaka, kerangka kerja, serta praktik pemrograman, dan mulai menggunakannya di luar peramban web. Saat ini, Anda dapat menggunakan JavaScript untuk pengembangan sisi klien dan sisi server. Kami menyediakan beberapa kasus penggunaan umum di subbagian berikut:

Pembaruan konten secara dinamis

Anda dapat menggunakan fungsi JavaScript untuk membuat fitur interaktif yang memungkinkan pengguna situs web Anda memperbarui kontennya secara dinamis. Berikut adalah beberapa contoh fitur interaktif ini:

·   Menampilkan atau menyembunyikan informasi dengan mengeklik tombol

·   Memvalidasi data formulir yang dimasukkan pengguna seperti nomor telepon dan alamat email

·   Mengubah warna tombol halaman web pada kursor mouse

·   Membuat iklan pop-up

·   Memperbesar atau memperkecil gambar

·   Memutar audio dan video di halaman web

Pengembangan aplikasi web dan seluler

JavaScript memiliki kumpulan pustaka kode bawaan, yang disebut kerangka kerja JavaScript, untuk pengembangan aplikasi web dan seluler. Developer dapat menggunakan banyak kerangka kerja sumber terbuka atau yang tersedia secara bebas untuk membuat aplikasi platform-independen yang dapat dibangun sekali dan dijalankan di perangkat apa pun. Selain itu, kode JavaScript ringan dan tidak memerlukan banyak komputasi, sehingga developer dapat dengan mudah menggunakannya untuk membuat aplikasi seluler.

Pengembangan aplikasi sisi server

Developer menggunakan JavaScript guna membangun infrastruktur back-end yang tangguh untuk aplikasi modern. Misalnya, pustaka JavaScript sisi server membuat aplikasi streaming lebih efisien karena memiliki dukungan bawaan untuk komunikasi berkelanjutan antara klien dan server. Demikian pula, alat kolaborasi online seperti pengeditan dokumen bersama, yang intensif input dan output, bekerja lebih baik saat alat ditulis dengan JavaScript.

Pengembangan game

JavaScript adalah bahasa pemrograman praktis yang dapat digunakan developer untuk membuat game peramban. Beberapa pustaka kode JavaScript memungkinkan developer membuat game yang dapat diterapkan, lalu mengekspor dan mendistribusikan game secara atomik ke berbagai platform game web dan seluler. Developer juga memiliki dukungan untuk rendering visual yang kompleks dari gambar dan grafik animasi 2D dan 3D.

Bagaimana cara kerja JavaScript?

Semua bahasa pemrograman bekerja dengan menerjemahkan sintaks seperti bahasa Inggris ke dalam kode mesin, yang kemudian dijalankan oleh sistem operasi. JavaScript dikategorikan secara luas sebagai bahasa skrip, atau bahasa yang ditafsirkan. Kode JavaScript ditafsirkan—yaitu, langsung diterjemahkan ke dalam kode bahasa mesin yang mendasarinya oleh mesin JavaScript. Dengan bahasa pemrograman lain, penyusun akan menyusun seluruh kode menjadi kode mesin dalam langkah terpisah. Jadi, semua bahasa skrip adalah bahasa pemrograman, tetapi tidak semua bahasa pemrograman adalah bahasa skrip.

Mesin JavaScript

Mesin JavaScript adalah program komputer yang menjalankan kode JavaScript. Mesin JavaScript pertama hanyalah penerjemah, tetapi semua mesin modern menggunakan kompilasi hanya saat ini saja atau waktu aktif untuk meningkatkan performa.

JavaScript sisi klien

JavaScript sisi klien mengacu pada cara kerja JavaScript di peramban Anda. Dalam hal ini, mesin JavaScript ada di dalam kode peramban. Semua peramban web utama dilengkapi dengan mesin JavaScript bawaan mereka sendiri.

Developer aplikasi web menulis kode JavaScript dengan fungsi berbeda yang terkait dengan berbagai event, seperti klik mouse atau kursor mouse. Fungsi-fungsi ini membuat perubahan pada HTML dan CSS.

Berikut adalah gambaran umum cara kerja JavaScript sisi klien:

1.   Peramban memuat halaman web saat Anda mengunjunginya.

2.   Selama memuat, peramban mengonversi halaman dan semua elemennya, seperti tombol, label, dan kotak tarik-turun, menjadi struktur data yang disebut Model Objek Dokumen (DOM).

3.   Mesin JavaScript peramban mengonversi kode JavaScript menjadi bytecode. Kode ini merupakan perantara antara sintaks JavaScript dan mesin.

4.   Event yang berbeda, seperti klik mouse pada tombol, memicu eksekusi blok kode JavaScript terkait. Mesin kemudian menginterpretasikan bytecode dan membuat perubahan pada DOM.

5.   Peramban menampilkan DOM baru.

JavaScript sisi server

JavaScript sisi server mengacu pada penggunaan bahasa pengkodean dalam logika server back-end. Dalam hal ini, mesin JavaScript berada langsung di server. Fungsi JavaScript sisi server dapat mengakses basis data, melakukan operasi logis yang berbeda, dan merespons berbagai event yang dipicu oleh sistem operasi server. Keuntungan utama dari skrip sisi server adalah Anda dapat mengkustomisasi respons situs web berdasarkan kebutuhan Anda, hak akses, dan permintaan informasi dari situs web.

Sisi klien vs. sisi server

Kata dinamis menggambarkan JavaScript sisi klien dan sisi server. Perilaku dinamis adalah kemampuan untuk memperbarui tampilan halaman web untuk menghasilkan konten baru sesuai kebutuhan. Perbedaan antara JavaScript sisi klien dan sisi server terletak pada caranya menghasilkan konten baru. Kode sisi server menghasilkan konten baru secara dinamis menggunakan logika aplikasi dan memodifikasi data dari basis data. Di sisi lain, JavaScript sisi klien menghasilkan konten baru secara dinamis di dalam peramban menggunakan logika antarmuka pengguna dan memodifikasi konten halaman web yang sudah ada di klien. Maknanya sedikit berbeda dalam dua konteks tetapi terkait, dan kedua pendekatan bekerja sama untuk meningkatkan pengalaman pengguna.

Selain implementasi dalam fitur dinamis, perbedaan lain antara kedua penggunaan JavaScript adalah pada sumber daya yang dapat diakses kode. Di sisi klien, peramban mengontrol lingkungan waktu aktif JavaScript. Kode hanya dapat mengakses sumber daya yang diizinkan oleh peramban untuk diakses. Misalnya, kode tidak dapat menulis konten ke hard disk kecuali Anda mengeklik tombol unduh. Di sisi lain, fungsi sisi server dapat mengakses semua sumber daya mesin server sesuai kebutuhan.

Apa itu pustaka JavaScript?

Pustaka JavaScript adalah kumpulan cuplikan kode yang telah ditulis sebelumnya yang dapat digunakan kembali oleh developer web untuk menjalankan fungsi JavaScript standar. Kode pustaka JavaScript dimasukkan ke kode proyek lainnya sesuai kebutuhan. Jika Anda menganggap kode aplikasi JavaScript sebagai rumah, pustaka JavaScript seperti furnitur siap pakai yang dapat digunakan developer untuk meningkatkan fungsionalitas rumah.

Berikut ini adalah beberapa penggunaan umum dari pustaka JavaScript:

Visualisasi data

Visualisasi data sangat penting bagi pengguna untuk melihat statistik, misalnya, di panel admin, dasbor, dan metrik performa.

Pustaka seperti Chart.js, ApexCharts, dan Algolia Places memiliki fungsi bawaan yang dapat Anda gunakan untuk membuat aplikasi web yang menampilkan data dalam bagan dan peta.

Manipulasi DOM

Anda dapat menggunakan pustaka seperti jQuery dan Umbrella JS untuk mempermudah pengembangan web karena pustaka tersebut menyediakan kode untuk fungsi situs web standar seperti animasi menu, galeri gambar, tombol, lightbox, dan lainnya.

Formulir

Semua pengembangan web menggunakan formulir bagi pengunjung situs web untuk menghubungi seseorang, memesan produk, dan mendaftar untuk acara. Beberapa pustaka JavaScript, seperti wForms, LiveValidation, Validanguage, dan qForms, menyederhanakan fungsi formulir, termasuk validasi formulir, tata letak, kondisi, dan transformasi.

Fungsi teks dan matematika

Banyak aplikasi web harus menyelesaikan persamaan matematika serta memproses tanggal, waktu, dan teks. Alih-alih mengirim semua permintaan tersebut ke server, menangani beberapa permintaan di sisi klien lebih efisien. Developer web melakukan ini menggunakan pustaka JavaScript seperti Date.js, Sylvester, dan Pustaka URL JavaScript.

Apa itu kerangka kerja JavaScript?

Seperti pustaka JavaScript, kerangka kerja JavaScript adalah kumpulan cuplikan kode yang telah ditulis sebelumnya yang melakukan fungsi berbeda dan dapat digunakan kembali. Namun, sementara pustaka JavaScript adalah alat khusus untuk penggunaan sesuai permintaan, kerangka kerja JavaScript adalah set alat lengkap yang membantu membentuk dan mengatur aplikasi web apa pun. Jika Anda menganggap kode aplikasi JavaScript sebagai rumah, kerangka kerja JavaScript adalah cetak biru yang digunakan untuk membangun rumah.

Berikut adalah beberapa contoh kasus penggunaan untuk kerangka kerja JavaScript:

Pengembangan aplikasi seluler dan web

AngularJS adalah kerangka kerja yang menyederhanakan pengembangan dan pengujian aplikasi web, seperti aplikasi e-commerce, aplikasi waktu nyata, dan aplikasi video. React Native adalah kerangka kerja lain yang mendukung pengembangan aplikasi seluler yang dirender secara native untuk iOS dan Android.

Pengembangan web yang responsif

Situs web responsif memberikan pengalaman pengguna yang konsisten di semua perangkat. Misalnya, layar ponsel dan tablet lebih kecil dari layar desktop dan laptop. Anda ingin situs web menampilkan dan menyajikan data secara akurat bahkan di layar yang lebih kecil, tanpa, misalnya, memotong bagian-bagian akhir situs web. Dengan kerangka kerja seperti Bootstrap dan Ember.js, developer bisa mendapatkan keuntungan dari desain yang responsif serta mengkustomisasi tampilan dan nuansa situs web di berbagai platform dengan mudah.

Pengembangan aplikasi sisi server

Node.js adalah kerangka kerja JavaScript sisi server sumber terbuka yang menjalankan kode JavaScript di luar peramban. Developer menggunakan kerangka kerja ini untuk membangun aplikasi sisi server berbasis jaringan yang dapat diskalakan, cepat, dan andal. Kerangka kerja ini dapat menangani permintaan HTTP dan aliran data, mendukung sistem file, dan mengelola beberapa proses backend secara bersamaan.

Apa itu HTML dan CSS?

Hypertext Markup Language (HTML) dan Cascading Style Sheets (CSS) adalah dua bahasa pemrograman lain yang digunakan developer dalam pengembangan frontend. HTML adalah blok bangunan dasar dari sebagian besar halaman web. Semua paragraf, bagian, gambar, judul, dan teks ditulis dalam HTML. Konten muncul di situs web dalam urutan yang ditulis dalam HTML.

CSS adalah bahasa aturan gaya yang kami gunakan untuk menerapkan gaya pada konten HTML kami. Anda dapat menggunakannya untuk mendesain elemen situs web seperti warna latar belakang, font, kolom, dan garis tepi.

HTML vs. CSS vs. JavaScript

Ketiga bahasa bekerja sama untuk menciptakan pengalaman pengguna yang positif di situs mana pun. Sementara HTML dan CSS terutama dapat memanipulasi konten statis, keduanya dapat berintegrasi dengan kode JavaScript sisi klien untuk memperbarui konten secara dinamis juga.

Misalnya, blok kode skrip pada halaman HTML dapat berisi JavaScript di dalamnya. Peramban kemudian dapat memproses HTML dan kode JavaScript internal saat halaman HTML dimuat di peramban.

Apa saja manfaat JavaScript?

Mudah dipelajari dan digunakan

Sintaks JavaScript terinspirasi oleh bahasa pemrograman Java serta mudah dipelajari dan dikodekan. Developer menggunakan JavaScript di hampir setiap situs web dan aplikasi seluler untuk skrip sisi klien. Node.js juga mendapatkan popularitas yang signifikan untuk pengkodean backend dalam dekade terakhir. Banyak platform streaming dan video utama telah dikodekan di Node.js.

Mendapatkan independensi platform

Tidak seperti bahasa pemrograman lain, Anda dapat memasukkan JavaScript ke halaman web mana pun serta menggunakannya dengan banyak kerangka kerja dan bahasa pengembangan web lainnya. Setelah menulisnya, Anda dapat menjalankan kode JavaScript di mesin apa pun. Dengan demikian, JavaScript membuat platform pengembangan aplikasi menjadi independen.

Mengurangi beban server

Anda dapat menggunakan JavaScript untuk mengurangi beban server dan kemacetan jaringan karena JavaScript dapat menjalankan operasi logis dan melakukan banyak pekerjaan server pada klien itu sendiri. Misalnya, perhatikan proses pengisian formulir pendaftaran. JavaScript dengan cepat memeriksa apakah Anda telah memasukkan 10 digit nomor untuk bidang ponsel. Jika permintaan ini dikirim ke server, halaman Anda akan dimuat ulang untuk setiap kesalahan, membuat proses pendaftaran menjadi sangat lambat dan membosankan.

Meningkatkan antarmuka pengguna

JavaScript membuat situs web elegan yang memudahkan penemuan dan pemrosesan informasi yang kompleks. Developer menerapkan JavaScript untuk memperluas fungsionalitas dan keterbacaan serta membuat interaksi pengguna situs web lebih efisien.

Mendukung konkurensi

JavaScript dapat menjalankan beberapa set instruksi yang berbeda secara paralel. Di backend, Node.js dapat menangani dan memproses respons server yang ditingkatkan skalanya tanpa menghabiskan jumlah bandwidth yang sama.

Apa saja keterbatasan JavaScript?

Bahasa pemrograman menggunakan variabel sebagai placeholder untuk nilai data aktual. Misalnya, dalam blok kode, developer dapat menulis x=5 dan y=x+1. Saat kode dijalankan, komputer akan otomatis mengubah x dan y menjadi 5 dan 6, masing-masing, untuk menjalankan fungsi pada kode tersebut. Data dapat berupa berbagai tipe, seperti string teks, angka, atau tanggal. Itulah sebabnya sebagian besar bahasa pemrograman memungkinkan Anda untuk menentukan tipe variabel. Setelah tipe variabel ditentukan, tipe tidak berubah; Anda tidak dapat menyimpan angka dalam variabel string.

Misalnya, jika Anda memberi tahu program bahwa x dan y adalah angka, kemudian melakukan operasi x+y, komputer akan mengetahui untuk mengharapkan dua angka dan menjumlahkannya. Di sisi lain, jika Anda menentukan x dan y sebagai string, operator + akan menambahkan dua string bersama untuk membuat kata yang lebih panjang.

Bahasa yang rentan salah

JavaScript adalah bahasa yang rentan salah, artinya tidak memungkinkan pemrogram untuk menentukan tipe variabel. Variabel dapat menyimpan tipe data apa pun saat waktu aktif, dan operasi mengasumsikan tipe variabel. Hasilnya juga dapat dilemparkan ke tipe data lain—misalnya, operasi mungkin menghasilkan string "5" alih-alih angka 5. Ini dapat mengakibatkan kesalahan pengkodean yang tidak disengaja dan bug dalam kode karena kesalahan ketik.

Apa itu TypeScript?

TypeScript adalah bahasa pemrograman yang meningkatkan JavaScript dengan menambahkan tipe ke dalam sintaks. TypeScript menambahkan sintaks tambahan ke JavaScript sehingga alat editor kode dapat menangkap kesalahan pengkodean lebih awal. Pada saat yang sama, kode TypeScript dikonversi ke JavaScript dan memberikan semua manfaat yang sama seperti JavaScript. TypeScript juga berjalan di aplikasi serta dengan kerangka kerja dan pustaka JavaScript.

Apa saja keterbatasan JavaScript?

AWS SDK for JavaScript adalah kumpulan pustaka JavaScript sumber terbuka dan bebas digunakan yang terintegrasi dengan layanan AWS. AWS SDK for JavaScript mendukung pengembangan API, abstraksi tingkat yang lebih tinggi, dan tiga tipe aplikasi:

  • JavaScript untuk peramban
  • Node.js untuk server
  • React Native untuk pengembangan seluler

AWS SDK for JavaScript sepenuhnya ditulis dalam TypeScript, lalu dikompilasi ke JavaScript. Dengan demikian, Anda mendapatkan semua manfaat TypeScript tanpa harus khawatir tentang kompatibilitas mundur.

Anda dapat memulai AWS SDK for Java dengan contoh kode dan panduan migrasi atau dengan menginstalnya langsung dari GitHub.

Apa itu AWS Amplify untuk JavaScript?

AWS Amplify adalah kumpulan alat dan fitur yang dibuat khusus serta memungkinkan developer web dan seluler frontend membangun aplikasi tumpukan penuh di AWS dengan cepat dan mudah. Pustaka klien sumber terbuka Amplify menyediakan antarmuka yang terpusat kasus penggunaan dan mudah digunakan di berbagai kategori operasi yang didukung cloud. Pustaka Amplify JavaScript didukung untuk kerangka kerja web dan seluler yang berbeda, termasuk React, React Native, Angular, Ionic, dan Vue.js. Anda dapat mulai dengan menyelesaikan Panduan memulai untuk Amplify JavaScript.

Langkah-langkah berikutnya JavaScript dengan AWS

Standard Product Icons (Features) Squid Ink
Lihat sumber daya tambahan yang berkaitan dengan produk
Pelajari selengkapnya mengenai dukungan AWS untuk JavaScript 
Sign up for a free account
Daftar untuk akun gratis

Dapatkan akses secara instan ke AWS Tingkat Gratis.

Buat akun gratis 
Standard Product Icons (Start Building) Squid Ink
Mulai membangun di konsol

Mulai membangun dengan JavaScript di konsol manajemen AWS.

Masuk