Rekayasa Browser Web (2021)

 (browser.engineering)
2 poin oleh GN⁺ 2024-10-16 | 1 komentar | Bagikan ke WhatsApp

  • Pengantar Rekayasa Browser Web

    • Browser web digunakan sehari-hari, tetapi prinsip kerjanya kompleks. Buku ini menjelaskan cara membangun browser web yang dasar namun lengkap, mulai dari networking hingga JavaScript, dengan beberapa ribu baris kode Python.

  • Kata Pengantar

    • Memberikan gambaran umum tentang sejarah browser web dan web.

  • Bagian 1: Memuat Halaman

    • Mengunduh Halaman Web
      • Menjelaskan cara mengunduh halaman web melalui URL dan permintaan HTTP.
    • Menggambar di Layar
      • Menjelaskan cara membuat jendela dan menggambar di kanvas.
    • Pemformatan Teks
      • Menjelaskan cara melakukan pembungkusan kata dan menyesuaikan jarak antarbaris.

  • Bagian 2: Menampilkan Dokumen

    • Menyusun Pohon HTML
      • Menjelaskan cara mem-parsing dan memodifikasi HTML.
    • Tata Letak Halaman
      • Menjelaskan cara menerapkan tata letak inline dan block.
    • Menerapkan Gaya Penulis
      • Menjelaskan cara mem-parsing dan menerapkan CSS.
    • Menangani Tombol dan Tautan
      • Menjelaskan cara menangani hyperlink dan chrome browser.

  • Bagian 3: Menjalankan Aplikasi

    • Mengirim Informasi ke Server
      • Menjelaskan cara pengiriman formulir dan interaksi dengan server web.
    • Menjalankan Skrip Interaktif
      • Menjelaskan cara mengubah DOM dan merespons event.
    • Melindungi Data
      • Penjelasan tentang cookie dan login, XSS, serta CSRF.

  • Bagian 4: Browser Modern

    • Menambahkan Efek Visual
      • Menjelaskan metode blending, clipping, dan compositing.
    • Penjadwalan Tugas dan Thread
      • Menjelaskan event loop dan rendering pipeline.
    • Animasi dan Compositing
      • Menjelaskan animasi halus dengan menggunakan GPU.
    • Menyediakan Aksesibilitas Konten
      • Menjelaskan input keyboard, zoom, dan pohon aksesibilitas.
    • Mendukung Konten Tersemat
      • Menjelaskan cara mendukung gambar, iframes, dan scripting.
    • Menggunakan Kembali Perhitungan Sebelumnya
      • Menjelaskan invalidation, pengeditan, dan correctness.

  • Kesimpulan

    • Penjelasan tentang hal-hal yang tidak dibahas dan lingkungan yang terus berubah.

  • Lampiran

    • Mencakup glosarium, referensi, pengenalan penulis, daftar kontributor, dan daftar kuliah yang didasarkan pada buku ini.

Ringkasan GN⁺

  • Buku ini berguna bagi orang-orang yang ingin memahami prinsip kerja browser web. Melalui proses membangun browser dengan Python, pembaca dapat mempelajari berbagai teknik seperti networking, parsing HTML, dan penerapan CSS.
  • Membantu memahami sejarah browser web dan fitur-fitur browser modern. Secara khusus, buku ini mencakup keamanan web dan aksesibilitas, sehingga memberikan pengetahuan yang dapat diterapkan dalam praktik.
  • Buku ini dapat menarik dan bermanfaat bagi web developer maupun software engineer, serta akan sangat membantu dalam memahami cara kerja internal browser web.

Bacaan terkait

1 komentar

 
GN⁺ 2024-10-16
Pendapat Hacker News

  • Bagian 'Stuff I didn't do' adalah salah satu hal terbaik dari buku ini

    • Pekerjaan layout sangat sulit
    • CSS membuat layout menjadi lebih rumit
    • CSS, HTML, dan JavaScript saat ini adalah perangkat lunak yang sangat kompleks
    • Decoding video di-offload ke hardware sehingga konsumsi baterai berkurang

  • Mulai mengerjakan browser headless 15 tahun lalu, dan menggunakan SpiderMonkey sebagai interpreter JS

    • Menambahkan implementasi DOM kustom dan runtime Flash
    • Proyek ini sangat menyenangkan
    • Tertarik dengan buku ini

  • Buku ini adalah materi yang komprehensif dan mengingatkan pada MITRE ATT&CK

  • Menyegarkan melihat browser engineering menjadi tren

    • Saat ini dipimpin oleh Google, Apple, dan Mozilla
    • Berharap ada lebih banyak browser engine independen

  • Ada tulisan yang menjelaskan alasan penulis memilih Python

    • Sebagiannya dijalankan di browser dengan mengompilasi Python ke JS

  • Salah satu penulis menyampaikan terima kasih dan siap menjawab pertanyaan

  • Sedang mencari proyek yang menyenangkan, dan menikmati buku ini

    • Buku komik yang menjelaskan cara kerja Chrome juga merupakan bahan yang bagus untuk memulai

  • Sangat menarik bahwa materi seperti ini dibuat

    • Browser tampak seperti black box yang misterius dan sulit dipahami
    • Proyek seperti Ladybird sedang meruntuhkan tembok itu
    • Ingin berkontribusi suatu hari nanti, dan buku ini adalah titik awal yang sangat baik

  • Sedang belajar tentang struktur internal browser, dan buku ini sangat berguna

    • Membantu memahami cara kerja browser secara intuitif

  • Buku yang bagus, dan merekomendasikan agar bab 9 dibagi menjadi dua bab terpisah

    • Sebaiknya masing-masing membahas eksekusi JavaScript serta interaksi DOM dan event