HN Menampilkan: HTML untuk Semua Orang

• HTML for People adalah webbook pemula yang membantu orang di luar industri teknologi membuat situs web sendiri langsung dengan HTML
• HTML dipandang sebagai format dokumen web yang bisa digunakan siapa saja, dan dijadikan titik awal untuk membuat situs web
• Disusun agar bahkan tanpa pengalaman membuat situs web atau coding sekalipun, orang bisa mengikuti proses membuat situs web dari nol
• Blake Watson telah membuat situs web sejak awal 2000-an, dan menulis buku ini dengan keyakinan bahwa siapa pun seharusnya bisa belajar HTML
• Fokusnya adalah membahas hal-hal yang dibutuhkan dengan cara yang mudah diakses dan ramah, sehingga menurunkan hambatan masuk bagi pemula

---

HTML yang Bisa Digunakan Siapa Saja

• HTML bukan hanya alat bagi orang yang bekerja di bidang teknologi, tetapi format yang terbuka bagi siapa pun yang ingin membuat situs web sendiri
• Jika memahami HTML sebagai jenis dokumen yang membentuk web, kita bisa mulai membuat situs web tanpa alat yang rumit

Webbook untuk Pemula

• HTML for People adalah webbook ramah pemula yang bisa diikuti bahkan oleh orang yang tidak punya pengalaman membuat situs web atau coding
• Blake Watson telah membuat situs web sejak awal 2000-an, dan meski bekerja di bidang profesional, ia percaya bahwa siapa pun seharusnya bisa membuat situs web dengan HTML
• Buku ini memandu hal-hal yang diperlukan untuk memulai dengan cara yang mudah diakses dan ramah

[GN⁺]

Komentar Hacker News

• Pilihan untuk tidak menangani CSS secara langsung dan mengandalkan https://simplecss.org/ itu bagus. CSS adalah ranah yang sepenuhnya berbeda, jadi jika ditambahkan di atas HTML dasar, itu bisa terasa cukup membebani
  Namun, “Langkah 1. Buat folder di komputer” di https://htmlforpeople.com/zero-to-internet-your-first-websit... agak mengkhawatirkan. Soalnya sekarang tampaknya cukup banyak orang yang sama sekali tidak memahami file dan folder: https://www.theverge.com/22684730/students-file-folder-direc...
  Meski begitu, rasanya juga berlebihan kalau satu bab penuh dihabiskan hanya untuk menjelaskan file dan folder; akan lebih baik kalau ada materi pengantar yang bagus untuk ditautkan

  • Saya kaget melihat seberapa parah wabah mobile ini sudah menjadi. Bahkan di antara mahasiswa yang masuk jurusan ilmu komputer, ada yang tidak tahu cara mengekstrak file zip atau tidak bisa menemukan lokasi file yang mereka unduh
    Sebagai catatan, mahasiswa seperti itu yang saya kenal keluar sebelum tahun kedua
  • Tidak tahu file dan folder? Di sini saya sambil mengepalkan tangan bersikeras bahwa itu bukan “folder”, melainkan direktori ;)
  • Saya selalu agak kecewa dengan cara sebagian besar browser merender halaman HTML tanpa informasi gaya yang eksplisit
    Bukan berarti default browser harus punya selera sekuat simple.css, tetapi margin, padding, gaya huruf, heading, dan sebagainya pada bawaan browser memang tidak terlalu menarik
    Pengembang web yang punya selera kuat tentu akan menimpa default apa pun, tetapi saya penasaran apakah situs pribadi dan blog HTML murni akan lebih banyak bermunculan kalau default yang lebih enak dilihat menjadi kebiasaan
  • Saat aplikasi atau web app mulai menampilkan daftar dokumen terbaru alih-alih membuka dokumen baru, itulah awal dari akhirnya
    Jika butuh file, orang cukup membuka aplikasi untuk file itu lalu scroll ke bawah, jadi mereka tidak perlu memahami model bahwa file itu ada secara terpisah dari aplikasi dan bisa dibuat atau dilihat dari dalam aplikasi
    Tidak adanya file manager di iOS, menurut saya, makin mengukuhkan arah ini
  • Saya tidak menganggap ini masalah generasi. Ini lebih mirip kemalasan murni yang menyebar seperti wabah
    Model berpikir seperti “semua dilempar saja ke keranjang cucian lalu diambil saat perlu”, atau ucapan seperti “saya mencoba merapikan, tapi kalau file sudah terlalu banyak jadinya berantakan”, menunjukkan itu dengan jelas
    Saya termasuk sangat terbiasa dengan komputer, seperti banyak orang di HN, dan pernah juga mencoba menghindari model file/folder, tetapi pada akhirnya tidak menemukan cara yang berhasil. Betapapun “canggih” kelihatannya, pendekatan lain akan runtuh
    Mungkin LLM bisa mengubah ini, tetapi sampai sekarang belum ada cara agar komputer menebak apa yang saya inginkan dan tidak saya inginkan lalu mengaturnya untuk saya

• Saya rasa pendekatan dasar proyek ini sangat berharga bagi dunia
  Pendidikan tentang standar terbuka seperti inilah yang bisa menjadi alat kuat untuk menjauh dari perusahaan besar yang tidak transparan, dan kembali ke sistem berbasis standar terbuka seperti saat internet bermula
  Semoga terus diperbarui dan semakin banyak orang yang melihat serta berkontribusi. Kalau sependapat, setidaknya beri bintang di GitHub: https://github.com/blakewatson/htmlforpeople
  Sebagai catatan, saya sama sekali tidak ada hubungan dengan proyek ini sampai sekarang, dan tidak mendapat apa pun dari mengatakan ini

  • Mozilla sudah punya dokumentasi yang sangat bagus sejak bertahun-tahun lalu
    Ada juga bagian tutorial HTML dasar: https://developer.mozilla.org/en-US/docs/Learn/HTML
    Bukannya ada orang yang selama ini menghalangi orang belajar HTML
  • Saya benar-benar berharap itu terjadi. Saya penasaran apa yang akan terjadi kalau, alih-alih menghabiskan puluhan jam mempelajari cara memakai WordPress atau MS Word, orang biasa merasa bahwa belajar HTML juga merupakan alternatif yang praktis dan berguna untuk mencapai tujuan mereka
  • Saya OP. Terima kasih atas kata-kata baiknya. Saya berharap materi ini bisa sampai ke tangan orang nonteknis

• Bagus sekali. Saya sangat suka pendekatan yang pertama-tama menunjukkan bahwa menulis dan menerbitkan teks polos saja sudah langsung bekerja, lalu secara alami beralih ke HTML
  Tulisannya jelas, ramah, dan terstruktur dengan baik, jadi tampak mudah dan menyenangkan untuk dibaca. Saya percaya menyerahkan HTML ke tangan orang nonteknis adalah tujuan yang baik
  Sebagai beberapa masukan, menurut saya pembahasan tentang encoding karakter muncul agak terlambat. Orang yang terbiasa dengan bahasa Inggris tetapi ingin membuat situs web dalam bahasanya sendiri, atau orang yang namanya punya aksen, bisa terkejut. Lebih baik bukan hanya disebut untuk karakter khusus seperti emoji, tetapi dijelaskan bahwa ini penting untuk hampir semua bahasa yang bukan ASCII murni
  Tag body, head, html sebagian besar memang tidak wajib, tetapi html berguna karena atribut lang, untuk aksesibilitas dan mencegah sebagian browser memberi saran terjemahan yang keliru
  VS Code agak disayangkan karena telemetrinya, dan tampak terlalu berat serta rumit untuk pekerjaan ini. Di Windows, Notepad++ adalah pilihan yang bagus, dan di Linux, editor teks bawaan yang sudah terpasang sudah cukup. Ada juga Codium, yaitu versi tanpa bagian buruknya. Pembaca sasaran tidak tahu soal bagian-bagian buruk itu, jadi mereka bisa saja tanpa sadar memasang spyware
  Saya belum tahu soal fungsi aria-current="page", tetapi sepertinya akan mulai saya pakai ke depannya

  • Bukankah untuk memasukkan tag itu orang tetap perlu lebih dulu mengatur agar editor teks menyimpan dalam UTF-8? Misalnya, bukankah Notepad secara bawaan memakai UTF-16 seperti hal lain di Windows?
  • Kerumitan besar di sini adalah orang-orang bahkan tidak tahu apa itu encoding karakter. Jadi sulit mengharapkan mereka menyimpan index.html sebagai UTF-8 sejak awal
    Misalnya, Windows Notepad kemungkinan akan memakai code page aktif secara bawaan. Jika masalah penyimpanan juga bisa dibahas, saya setuju topik ini perlu dibuat lebih menonjol

• Idenya memang sangat bagus dan menyenangkan melihat lebih banyak situs seperti ini, tetapi menurut saya ini mengandaikan tingkat kemampuan menggunakan komputer yang sulit diharapkan dari pengguna nonteknis pada umumnya
  Langkah 1 dimulai dengan “Pilih lokasi di komputer Anda lalu buat folder. Beri nama seperti my-site”, dan di titik ini saja kita mungkin sudah kehilangan sebagian besar orang
  Sangat banyak orang yang memakai komputer setiap hari tetapi, secara mengejutkan, tidak tahu cara melakukannya

  • Rasanya aneh bahwa poin ini terus ditekankan di thread ini
    Sulit dipercaya bahwa orang yang memakai komputer setiap hari tidak tahu cara membuat folder. Ibu saya yang hampir tidak pernah memakai komputer pun setidaknya tahu apa itu folder dan file
    Orang yang tidak tahu apa itu file dan folder bukankah memang sulit menjadi penerima manfaat langsung dari panduan ini? Sebelum itu mereka perlu mempelajari hal-hal yang jauh lebih mendasar
  • Besar kemungkinan banyak pengguna HN juga melihat halaman ini lewat perangkat mobile, dan tampaknya bukan dalam situasi untuk langsung mengikuti instruksinya
  • Kalau ini benar, sedih sekali. Apakah orang-orang memang sudah sampai sebegitu menurunnya? Bahkan saat masih kecil saya bisa mengikuti instruksi ini, dan saya benar-benar membuat situs web saya sendiri saat berusia 10 tahun
    Apakah memang separah itu, atau jangan-jangan kita terlalu duluan meragukan orang? Apakah ini akibat semua hal dipindahkan ke aplikasi cloud?
  • Saya OP. Saya juga sedikit khawatir soal bagian ini, dan memang sempat menyinggungnya di pengantar, tetapi sepertinya perlu dibahas lebih lanjut
    Saya sedang mempertimbangkan apakah akan menulis dan meng-host materi pengantar tentang cara membuat file dan folder secara langsung, atau menautkan materi dasar semacam itu

• Saya sudah beberapa kali mencoba meyakinkan orang nonteknis bahwa mereka bisa membuat situs web sendiri dengan sangat mudah, tetapi biasanya mereka menganggapnya lelucon atau sesuatu yang butuh usaha besar
  Lain kali saya berencana menunjukkan situs ini dan menyuruh mereka meluangkan 30 menit saja untuk melihat apa yang bisa dibuat dalam waktu itu. Saya tahu banyak orang akan ketagihan begitu merasakan pertama kalinya, “Wah, saya benar-benar menerbitkan sesuatu di web!”
  @blakewatson: Apakah ada rencana menambahkan internasionalisasi ke situs ini dan menerima pull request terjemahan?

  • Ada! Saya benar-benar ingin melakukannya. README-nya perlu diperbarui, tetapi saya sedang memikirkan strategi menaruh bab-bab terjemahan di subfolder seperti /es
    Eleventy bisa dikonfigurasi untuk membuat menu navigasi yang berbeda berdasarkan subpath
  • Hal seperti ini benar-benar harus diajarkan di sekolah. Saya membuat beberapa situs web pribadi di SMA dan kampus, dan itu cuma HTML dengan sedikit CSS
    Menurut saya, langkah pertama semua orang seharusnya seperti ini. Ini cara yang bagus untuk menulis sesuatu lalu melihat hasilnya dengan cepat dan mudah. Bahkan tidak perlu server

• Kenapa “Start coding already!”? Bukankah ungkapan seperti “Start writing already?” lebih baik?
  Setengah dari hambatan yang membuat orang takut membuat situs adalah karena mereka merasa harus tahu coding, dan itu terasa menakutkan. Sementara itu, mereka tahu apa yang ingin mereka tulis, jadi itu jauh lebih mudah didekati

  • Sudah saya ubah menjadi “Get started already” :)
  • Saya OP. Oh, saran yang bagus. Sulit untuk keluar dari sudut pandang diri sebagai pengembang web dan melihat dengan mata yang baru. Padahal saya sudah berusaha melakukannya secara sadar

• Saya suka karena ini dimulai dari file HTML kecil, dan tidak langsung menyuruh orang memasang NodeJS, VS Code, dan segala macam printilan pengembangan web

  • Ini pelajaran yang perlu dipelajari ulang oleh banyak profesional. Menampilkan teks dan gambar dasar sebenarnya tidak membutuhkan ratusan MB JavaScript
    Aksesibilitas dan graceful failure terlalu sering diabaikan

• Saya suka urutan tutorialnya yang membuat orang melakukan deployment sederhana terlebih dahulu
  Membuat index.html teks polos di Notepad/TextEdit, mengunggahnya ke tempat seperti Neocities, lalu menambahkan konten dengan judul dan gambar
  Baru setelah itu memasukkan head dan body dan sebagainya untuk menjadikannya HTML yang benar, lalu upgrade dari Notepad/TextEdit ke Visual Studio Code

  • Anda mungkin sudah tahu, tetapi di HTML5, html, head, dan body bersifat opsional, jadi tetap merupakan dokumen yang valid meskipun tanpa itu

• Ini percobaan yang luar biasa dan eksekusinya juga sangat baik. Saya berniat menyimpannya sebagai bookmark untuk dibagikan ke orang lain
  Belakangan ini saya memutuskan menambahkan isi ke situs web saya hanya dengan HTML tulisan tangan, dan perlahan memindahkan tulisan-tulisan lama juga. Saya suka HTML karena sifatnya langsung, mudah membuat perubahan ad hoc per halaman, dan tangguh
  Setelah memakai hampir semua sistem untuk menerbitkan sesuatu ke web, saya sampai pada kesimpulan bahwa meskipun ada sedikit kerja ekstra di awal, HTML adalah alat yang tepat untuk pekerjaan itu
  Sebagai pengembang yang sudah pensiun, saat sedang ingin saya masih mengutak-atik Rust, SQL, embedded, dan semacamnya, tetapi saat ingin menulis, saya hanya ingin menulis. HTML sampai batas tertentu memungkinkan itu
  Kalau lebih banyak orang melihat HTML bukan sebagai target build melainkan sebagai dokumen yang ditulis, rasanya sistem akan menjadi jauh lebih sederhana. Pola pikir saat ini sangat memperlambat pengguna komputer/web rata-rata, dan juga membuat sakit kepala besar bagi pengembang
  Saya tidak tahu siapa yang benar-benar terbantu oleh kompleksitas yang kita bawa ke dunia ini dalam 99% kasus. Materi ini bisa menjadi salah satu pemicu yang mendorong kita kembali ke tempat semula