Modul FrontEnd Web Dasar
  • Pengenalan Penulis
  • Muqadimah
  • Tujuan Pembelajaran
  • Prasyarat Pembelajaran
  • Persiapan & Pendahuluan
    • Tools Yang Dibutuhkan
    • Cara Kerja Internet: Bagaimana Website Sampai ke Pengguna
    • Web Statis & Dinamis
    • Peranan Web Server & Web Browser
    • Anatomi Website (HTML, CSS, JavaScript)
    • Referensi Tambahan
  • Belajar HTML
    • Pengenalan HTML
    • Elemen, Tag, dan Atribut
    • Strukur Dasar HTML
    • Menjalankan File HTML di Browser
    • Semantic HTML
    • Tag Dasar HTML
      • Tag Heading (h1-h6)
      • Tag Paragraf (p)
      • Tag Untuk Pemformatan Teks Dasar
      • Tag Anchor/Link (a)
      • Tag Image (img)
      • Tag List (ul, ol, li)
      • Tag Table (table)
      • Tag Form (form, input, select, textarea)
      • Tag Div
      • Tag Audio & Video
      • iframe
      • Tag Untuk Citation, Quotation dan Definisi
      • Tag Untuk Hasil Kode Komputer
    • Simbol/Karakter Khusus
  • Belajar CSS
    • Pengenalan CSS
    • Menambahkan CSS ke HTML
    • Selektor CSS
    • Properti CSS
      • Teks Formatting
      • Warna dan Background
      • Pengenalan Box Model
      • Box Model: Konten
      • Box Model: Padding dan Margin
      • Box Model: Border
      • Box Shadow
      • Box Sizing
      • Positioning
      • Display
      • Pengenalan Flexbox
      • Flexbox: Properti Pada Container
      • Flexbox: Properti Item
      • Flexbox: Gap
      • Pengenalan Grid
      • Grid: Grid Struktur
      • Grid: Gap
      • Grid: Alignment
      • Grid: Grid Auto Flow
      • Grid: Item Placment
      • Grid: Functions in Grid Layout
    • Media Queries Untuk Responsifitas Pada Website
    • Media Queries: Media Types
    • Media Queries: Media Features
  • Belajar JavaScript
    • Pengenalan JavaScript
    • Menghubungkan JavaScript ke HTML
    • Variable
    • Tipe Data
    • Operator & Ekspresi
    • Perkondisian
    • Perulangan
    • Fungsi
    • Debugging
    • JavaScript BOM (browser Object Model)
      • Pengenalan JavaScript BOM
      • Akses ke Objek Window
      • Akses ke Objek Document
      • Akses Ke Navigator Object
      • Akses ke Screen Object
      • Akses ke Histori Object
    • JavaScript DOM (Document Object Model)
      • Pengenalan JavaScript DOM
      • Menarget Element HTML
      • Menambah, Menghapus, dan Mengedit Element
    • Events Handler
      • Pengenalan Event Handler Untuk Interaktifitas
      • Windows Events
      • Form Events
      • Keyboard Events
      • Clipboard Events
      • Mouse Events
    • Web Storage
      • Pengenalan Web Storage
      • Local Storage
      • Session Storage
  • Framework CSS
    • Pengenalan Framework CSS (Bootstrap)
    • Menambahkan Bootstrap ke Project
    • Penggunaan Utility Classes
    • Penggunaan Komponen Bootstrap
    • Customizing Bootstrap
    • Responsive dengan Bootstrap
  • Belajar Figma Untuk Slicing
    • Pengenalan dan Peran Figma
    • Membuat Desain Website
    • Melakukan Slicing
  • Pengenalan Framework FrontEnd
  • Hosting (Web Statis)
Powered by GitBook
On this page
  1. Belajar JavaScript

Pengenalan JavaScript

Revisi: Pengenalan JavaScript

JavaScript adalah bahasa pemrograman yang sering digunakan untuk mengembangkan aplikasi web interaktif. Berikut adalah beberapa poin penting tentang JavaScript:

  1. Tujuan JavaScript: JavaScript digunakan untuk memberikan interaktivitas pada halaman web. Dengan JavaScript, pengembang dapat membuat elemen-elemen web bergerak, memvalidasi formulir, mengirim permintaan ke server tanpa perlu memuat ulang halaman, dan banyak lagi.

  2. Karakteristik JavaScript:

    • Bahasa Pemrograman Klien-Sisi: JavaScript dijalankan di sisi klien, artinya kode JavaScript dieksekusi di browser pengguna.

    • Sintaksis Sederhana: JavaScript memiliki sintaks yang mudah dipahami dan mirip dengan bahasa pemrograman lain seperti Java dan C++.

    • Dinamis dan Fleksibel: JavaScript memungkinkan pengembang untuk mengubah isi halaman web secara dinamis berdasarkan tindakan pengguna atau data yang diterima dari server.

  3. Fitur Utama JavaScript:

    • Manipulasi DOM: JavaScript memungkinkan pengembang untuk memanipulasi struktur dan tampilan halaman web dengan mengakses dan mengubah elemen-elemen HTML dan CSS.

    • Event Handling: JavaScript memungkinkan pengembang untuk menanggapi tindakan pengguna seperti mengklik, menggulir, dan mengisi formulir.

    • Asynchronous Communication: Dengan menggunakan AJAX (Asynchronous JavaScript and XML), JavaScript dapat mengirim dan menerima data dari server tanpa perlu memuat ulang halaman.

    • Pemrograman Fungsional: JavaScript mendukung paradigma pemrograman fungsional yang memungkinkan pengembang untuk menulis kode yang lebih bersih dan terstruktur.

  4. Penempatan Kode JavaScript:

    • Kode JavaScript dapat ditempatkan secara langsung di dalam halaman HTML menggunakan tag <script>.

    • JavaScript juga dapat disimpan dalam file terpisah yang dapat disematkan ke halaman HTML menggunakan atribut src pada tag <script>.

    • Penggunaan JavaScript eksternal memungkinkan pemisahan antara logika aplikasi dan struktur halaman web.

  5. Node.js:

    • JavaScript juga dapat digunakan di sisi server dengan Node.js. Node.js adalah lingkungan runtime JavaScript yang memungkinkan pengembang untuk menulis kode JavaScript di sisi server.

    • Dengan Node.js, pengembang dapat membuat server web, API, dan aplikasi back-end lainnya menggunakan JavaScript.

JavaScript merupakan salah satu bahasa pemrograman yang paling penting dalam pengembangan web modern. Dengan JavaScript, pengembang dapat membuat pengalaman pengguna yang dinamis dan interaktif pada berbagai jenis situs web dan aplikasi web.

PreviousBelajar JavaScriptNextMenghubungkan JavaScript ke HTML

Last updated 1 year ago