HN Tanıtımı: İnsanlar için HTML

• HTML for People, teknoloji sektörü dışındaki kişilerin de HTML ile doğrudan web sitesi oluşturabilmesine yardımcı olan, yeni başlayanlara yönelik bir web kitabıdır
• HTML’i herkesin kullanabileceği web’in belge biçimi olarak görür ve web sitesi yapımının başlangıç noktası kabul eder
• Web sitesi yapma ya da kodlama deneyimi olmasa bile sıfırdan web sitesi oluşturmayı takip edebilecek şekilde düzenlenmiştir
• Blake Watson, 2000’lerin başından beri web siteleri yapıyor ve herkesin HTML öğrenebilmesi gerektiği düşüncesiyle bu kitabı yazdı
• Gerekli konuları erişilebilir ve samimi bir şekilde ele almaya odaklanarak, yeni başlayanlar için giriş engelini düşürür

---

Herkesin kullanabileceği HTML

• HTML, yalnızca teknoloji alanında çalışanların aracı değil; kendi web sitesini doğrudan yapmak isteyen herkese açık bir biçimdir
• Web’i oluşturan belge türü olarak HTML’i anlamak, karmaşık araçlar olmadan da web sitesi yapımına başlamayı mümkün kılar

Yeni başlayanlar için web kitabı

• HTML for People, web sitesi yapma ya da kodlama deneyimi olmayan kişilerin de takip edebileceği, yeni başlayan dostu bir web kitabıdır
• Blake Watson, 2000’lerin başından beri web siteleri yapıyor ve uzmanlık alanında çalışırken bile herkesin HTML ile web sitesi yapabilmesi gerektiğini düşünüyor
• Kitap, başlamak için gerekenleri erişilebilir ve samimi bir şekilde anlatır

[GN⁺]

Hacker News yorumları

• CSS ile doğrudan uğraşmayıp https://simplecss.org/’a yaslanma seçimi iyi. CSS bambaşka bir alan; temel HTML’in üstüne eklenince epey yük getirebilir.
  Ancak https://htmlforpeople.com/zero-to-internet-your-first-websit... adresindeki “1. adım: Bilgisayarınızda bir klasör oluşturun” kısmı biraz kaygı verici. Çünkü bugünlerde dosya ve klasörleri hiç anlamayan epey insan var gibi görünüyor: https://www.theverge.com/22684730/students-file-folder-direc...
  Öte yandan kitabın bir bölümünü komple dosya ve klasörleri açıklamaya ayırmak da tekrar gibi hissettirir; bunun yerine bağlantı verilebilecek iyi bir başlangıç kaynağı olsa güzel olurdu.

  • Mobil salgınının ne kadar kötüleştiği şaşırtıcı. Bilgisayar bilimi bölümüne gelen öğrenciler arasında bile zip dosyasını nasıl açacağını ya da indirdiği dosyanın nerede olduğunu bulamayanlar var.
    Bu arada, benim bildiğim bu tür öğrenciler ikinci sınıfa gelmeden okulu bıraktı.
  • Dosya ve klasörleri bilmemek mi; biz burada yumruğumuzu sallayıp onun “klasör” değil dizin olduğunu iddia ediyoruz ;)
  • Açık stil bilgisi olmayan HTML sayfalarını çoğu web tarayıcısının render etme biçimi beni her zaman biraz hayal kırıklığına uğrattı.
    Tarayıcı varsayılanları simple.css kadar belirgin bir zevke sahip olmalı demiyorum ama varsayılan kenar boşlukları, padding, yazı stilleri, başlıklar vb. pek çekici değil.
    Belirgin zevkleri olan web geliştiricileri varsayılan ne olursa olsun üzerine yazacaktır; ama daha güzel görünen varsayılanlar gelenek olsaydı, saf HTML kişisel siteleri ve blogları daha çok ortaya çıkar mıydı diye merak ediyorum.
  • Bir uygulamayı ya da web uygulamasını açtığınızda yeni belge açmak yerine son belgeler listesini göstermeye başlanması sonun başlangıcıydı.
    Bir dosyaya ihtiyaç duyduğunuzda o dosyanın uygulamasını açıp aşağı kaydırmanız yeterliydi; bu yüzden dosyaların uygulamalardan bağımsız var olduğu ve uygulama içinde oluşturulup görüntülenebildiği modelini anlamaya gerek kalmadı.
    iOS’ta dosya yöneticisi olmamasının bu gidişatı pekiştirdiğini düşünüyorum.
  • Bunun bir kuşak meselesi olduğunu sanmıyorum. Daha çok saf tembelliğin salgın gibi yayılması.
    “Her şeyi çamaşır sepetine gelişigüzel birlikte atıp gerektiğinde çıkarma” tarzı düşünce modeli ya da “düzenlemeye çalışıyorum ama dosyalar fazla olunca ortalık karışıyor” sözü bunu iyi gösteriyor.
    HN’deki birçok kişi gibi bilgisayarlara oldukça aşinayım ve dosya/klasör modelinden kaçınmayı da denedim ama sonunda bir yol bulamadım. Ne kadar “gelişmiş” görünürse görünsün, diğer yöntemler çöküyor.
    LLM’ler bunu değiştirebilir, ama şu ana kadar bilgisayarın benim ne istediğimi ve ne istemediğimi tahmin edip düzenlemesinin bir yolu yok.

• Bu projenin temel yaklaşımının dünya için çok değerli olduğunu düşünüyorum.
  Bu tür açık standartlar eğitimi, dev ve opak şirketlerden uzaklaşıp internetin başladığı açık standartlara dayalı sisteme dönmemizi sağlayabilecek güçlü bir araç olabilir.
  Güncellenmeye devam etmesini, daha çok kişinin görüp katkıda bulunmasını isterim. Aynı fikirdeyseniz en azından GitHub’da yıldız vermeniz iyi olur: https://github.com/blakewatson/htmlforpeople
  Not: Bu projeyle şimdiye kadar hiçbir ilgim yok ve bunu söyleyerek bir şey kazanmıyorum.

  • Mozilla’nın yıllardır harika dokümantasyonu var.
    Temel HTML eğitim bölümü de var: https://developer.mozilla.org/en-US/docs/Learn/HTML
    İnsanların HTML öğrenmesini engelleyen biri yoktu.
  • Keşke gerçekten öyle olsa. Sıradan insanların onlarca saat WordPress ya da MS Word kullanmayı öğrenmek yerine, HTML öğrenmeyi de hedeflerine ulaşmak için pratik ve faydalı bir alternatif olarak görmesi halinde neler olurdu merak ediyorum.
  • OP benim. Güzel sözler için teşekkürler. Bu materyalin uzman olmayanların eline geçmesini istiyorum.

• İyi yapılmış. Önce düz metin yazıp yayımladığınızda bunun hemen çalıştığını gösterip sonra doğal biçimde HTML’e geçmesi gerçekten hoş.
  Yazı da açık, davetkâr bir havada ve iyi yapılandırılmış; okuması kolay ve keyifli görünüyor. HTML’i uzman olmayanların eline vermenin iyi bir hedef olduğuna inanıyorum.
  Birkaç geri bildirim vermek gerekirse, karakter kodlamasıyla ilgili içerik epey geç geliyor gibi. İngilizceye aşina olup web sitesini kendi dilinde yazmak isteyen biri ya da adında aksanlı karakter bulunan biri şaşırabilir. Bunu yalnızca emoji gibi özel karakterler içinmiş gibi anlatmak yerine, saf ASCII olmayan çoğu dil için gerekli olduğunu söylemek daha iyi olur.
  body, head, html etiketleri çoğunlukla olmasa da olur; ama html, lang özniteliği nedeniyle erişilebilirlik ve bazı tarayıcıların hatalı çeviri önerilerini önleme açısından faydalı.
  VS Code, telemetri yüzünden biraz can sıkıcı; ayrıca bu iş için ağır ve karmaşık görünüyor. Windows’ta Notepad++ iyi bir seçenek, Linux’ta ise varsayılan kurulu metin düzenleyici yeterli. Kötü kısımları çıkarılmış Codium da var. Hedef okur bu kötü kısımları bilmediğinden, farkında olmadan casus yazılım kurmuş oluyor.
  aria-current="page" özelliğini bilmiyordum; bundan sonra kullanmaya başlayacak gibiyim.

  • O etiketi koymak için en başta metin düzenleyicide UTF-8 olarak kaydetmeyi ayarlamak gerekmez mi? Örneğin Notepad, Windows’taki diğer şeyler gibi varsayılan olarak UTF-16 kullanmıyor mu?
  • Buradaki büyük karmaşıklık, insanların karakter kodlaması kavramının kendisini bilmemesi. Bu yüzden index.html dosyasını en baştan UTF-8 olarak kaydedeceklerini beklemek zor.
    Örneğin Windows Notepad varsayılan olarak etkin kod sayfasını kullanacaktır. Kaydetme sorununu da birlikte ele alabiliyorsa, bu içeriğin daha görünür biçimde eklenmesi gerektiğine katılıyorum.

• Fikir gerçekten iyi ve böyle sitelerin çoğalması sevindirici, ama bunun sıradan teknik olmayan kullanıcılardan beklenmesi zor bir düzeyde bilgisayar okuryazarlığı varsaydığını düşünüyorum.

  1. adım “Bilgisayarınızda bir konum seçip bir klasör oluşturun. my-site gibi bir ad verin” diye başlıyor; daha burada insanların büyük çoğunluğunu kaybetmek mümkün.
     Her gün bilgisayar kullandığı hâlde bunu nasıl yapacağını bilmeyen şaşırtıcı derecede çok insan var.
  • Bu başlıkta bu noktanın sürekli vurgulanması bana tuhaf geliyor.
    Her gün bilgisayar kullanan birinin klasör oluşturmayı bilmediğine inanmak zor. Bilgisayarı neredeyse hiç kullanmayan annem bile klasör ve dosyanın ne olduğunu bilir.
    Dosya ve klasörün ne olduğunu bilmeyen biri bu rehberin doğrudan faydalanıcısı olmakta zorlanmaz mı? Ondan önce çok daha temel şeyleri öğrenmesi gerekir.
  • HN kullanıcılarının önemli bir kısmının sayfayı mobil cihazlardan görmüş olma ihtimali de yüksek; talimatları hemen uygulayabilecek durumda değillerdi muhtemelen.
  • Bu doğruysa çok üzücü. İnsanlar bu kadar mı geriledi? Ben küçük bir çocukken bile bu talimatları izleyebilirdim ve gerçekten de 10 yaşımda kendi web sitemi yapmıştım.
    Gerçekten durum bu kadar ciddi mi, yoksa insanlardan baştan çok mu şüphe ediyoruz? Her şeyi bulut uygulamalarıyla hallettiğimiz için mi böyle oldu?
  • OP benim. Ben de bu kısım konusunda biraz endişelendim ve girişte bir ölçüde değindim, ama sanırım daha fazla ele almalıyım.
    Dosya ve klasör oluşturma konusunda başlangıç seviyesinde bir kaynak yazıp kendim mi barındırsam, yoksa bu tür temel kaynaklara bağlantı mı versem diye düşünüyorum.

• Teknik olmayan insanları kendi web sitelerini çok kolay yapabileceklerine defalarca ikna etmeye çalıştım, ama genelde bunu şaka sanıyorlar ya da muazzam bir emek gerektirdiğini düşünüyorlar.
  Bir dahaki sefere onlara bu siteyi gösterip sadece 30 dakika ayırmalarını ve o süre içinde ne yapabileceklerine bakmalarını söylemeyi düşünüyorum. “Vay, gerçekten web’e bir şey yayımladım!” duygusunu bir kez tadınca birçok kişinin buna kapılacağını biliyorum.
  @blakewatson: Siteye uluslararasılaştırma ekleyip çeviri pull request’leri kabul etme planın var mı?

  • Var! Bunu gerçekten yapmak istiyorum. README’yi güncellemem gerekiyor ama çevrilmiş bölümleri /es gibi alt klasörlere koyma stratejisini düşünüyorum.
    Eleventy, alt yola göre farklı gezinme menüleri üretecek şekilde yapılandırılabilir.
  • Okullarda gerçekten böyle şeyler öğretilmeli. Lisede ve üniversitede birkaç kişisel web sitesi yaptım; sadece HTML ve biraz CSS’ten ibaretti.
    Bence herkesin ilk adımı böyle olmalı. Bir şey yazıp sonucu hızlı ve kolay görmenin harika bir yolu. Sunucu bile gerekmiyor.

• Neden “Start coding already!”? “Start writing already?” gibi bir ifade daha iyi olmaz mı?
  İnsanların site yapmayı zor görmesinin önündeki engelin yarısı, kodlama bilmek zorunda olduklarını düşünmeleri; bu da ürkütücü geliyor. Oysa ne yazmak istediklerini biliyorlar, bu yüzden çok daha erişilebilir.

  • “Get started already” olarak değiştirdim :)
  • OP benim. Ah, iyi öneri. Web geliştirici benliğinden çıkıp taze bir gözle bakmak zor. Bilinçli olarak bunu yapmaya çalışsam da öyle.

• Küçük bir HTML dosyasından başlaması ve hemen NodeJS, VS Code ve her türden web geliştirme ıvır zıvırı kurdurmaması hoşuma gitti.

  • Birçok uzmanın yeniden öğrenmesi gereken ders bu. Temel metin ve görselleri göstermek için yüzlerce MB JavaScript’e gerçekten ihtiyaç yok.
    Erişilebilirlik ve zarif başarısızlık çok sık göz ardı ediliyor.

• Önce basitçe dağıtıma geçiren eğitim sıralamasını beğendim.
  Notepad/TextEdit ile düz metin bir index.html oluşturup, Neocities gibi bir yere dağıtıyor, ardından başlık ve görsellerle içerik ekliyor.
  Ancak bundan sonra head, body vb. ekleyerek onu düzgün HTML hâline getiriyor ve Notepad/TextEdit’ten Visual Studio Code’a geçiş yapıyor.

  • Muhtemelen zaten biliyorsunuzdur ama HTML5’te html, head, body isteğe bağlıdır; onlar olmadan da geçerli bir belge olur.

• Harika bir girişim ve uygulaması da çok iyi. Başkalarıyla paylaşmak için yer imlerine ekleyeceğim.
  Yakın zamanda web siteme yalnızca elle yazılmış HTML ile içerik eklemeye ve eski yazıları da yavaş yavaş taşımaya karar verdim. HTML’in doğrudan, sayfa bazında geçici değişikliklere elverişli ve sağlam olmasını seviyorum.
  Web’de yayımlama için neredeyse tüm sistemleri denedikten sonra, başta biraz daha iş çıkarsa da HTML’in bu iş için doğru araç olduğu sonucuna vardım.
  Emekli bir geliştirici olarak canım istediğinde Rust, SQL veya gömülü sistemlerle uğraşıyorum; ama yazı yazmak istediğimde sadece yazmak istiyorum. HTML bunu bir ölçüde mümkün kılıyor.
  Daha fazla kişi HTML’i yalnızca bir build hedefi değil, yazılacak bir belge olarak görse sistemlerin çok daha basitleşeceğini düşünüyorum. Mevcut düşünme biçimi ortalama bilgisayar/web kullanıcısını ciddi biçimde yavaşlattı ve geliştiriciler için de büyük bir baş ağrısı yarattı.
  Dünyaya soktuğumuz karmaşıklığın vakaların %99’unda kime fayda sağladığını bilmiyorum. Bu kaynak bizi yeniden doğru yere iten etkenlerden biri olabilir.