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. Persiapan & Pendahuluan

Peranan Web Server & Web Browser

Web server dan web browser adalah dua komponen utama dalam ekosistem internet yang berperan penting dalam menentukan bagaimana informasi disajikan dan diakses oleh pengguna. Berikut adalah peranan keduanya:

  1. Web Server:

    • Web server adalah perangkat lunak atau perangkat keras yang menyimpan, mengelola, dan menyajikan konten web kepada pengguna melalui internet.

    • Peran utama web server adalah menyimpan berbagai jenis data yang terkait dengan situs web, seperti file HTML, gambar, video, dan dokumen lainnya.

    • Ketika pengguna mengakses situs web, permintaan HTTP dikirimkan dari browser pengguna ke web server. Web server ini kemudian mengirimkan konten yang diminta kembali ke browser pengguna.

    • Contoh web server yang populer termasuk Apache HTTP Server, Nginx, Microsoft IIS, dan LiteSpeed.

  2. Web Browser:

    • Web browser adalah perangkat lunak yang memungkinkan pengguna untuk menampilkan dan mengakses konten web yang disajikan oleh web server.

    • Browser membaca dan menafsirkan file HTML, CSS, JavaScript, dan konten lainnya yang diterima dari web server.

    • Browser juga bertanggung jawab untuk menampilkan konten web dengan benar kepada pengguna, serta menyediakan antarmuka pengguna yang memungkinkan navigasi dan interaksi dengan situs web.

    • Contoh browser yang populer termasuk Google Chrome, Mozilla Firefox, Microsoft Edge, Safari, dan Opera.

Peran web server dan web browser saling terkait dalam menyediakan pengalaman web yang lancar dan responsif bagi pengguna. Web server menyimpan dan menyajikan konten, sementara web browser memungkinkan pengguna untuk mengakses dan berinteraksi dengan konten tersebut. Kedua komponen ini bekerja bersama-sama untuk mengantarkan informasi dan layanan web kepada pengguna di seluruh dunia.

PreviousWeb Statis & DinamisNextAnatomi Website (HTML, CSS, JavaScript)

Last updated 1 year ago