Dersler ve Temeller; web örnekleri PORT ortam değişkenini okur

- dersler/: 29 kısa ders (açıklama, çalıştırılabilir örnek, alıştırma). Her örneğin
  ve alıştırma çözümünün çıktısı Online IDE'nin hazırlık adımında gerçekten koşulup
  dosyadakiyle karşılaştırılır; biçim dersler/BICIM.md.
- temeller/: tek konulu 12 başlangıç programı.
- web/anket, web/kisalt, web/pano: port PORT ortam değişkeninden okunur (Online IDE
  önizlemesi 8080 verir), yoksa eski sabit port.
- README: öğrenme bölümü, Online IDE bağlantısı.

temeller/01-merhaba/merhaba.kbl

@@ -0,0 +1,51 @@
+# Merhaba: ekrana yazı yazmak, metinler, f-string ve yorum satırları
+#
+# Bir KabaLang programı yukarıdan aşağıya, satır satır çalışır.
+# "#" işaretinden sonra gelen her şey yorumdur: derleyici onu okumaz,
+# yalnız kodu okuyan insanlar için yazılır.
+
+# yazdir(...) parantez içindekini ekrana yazar ve satırı bitirir.
+yazdir("Merhaba, dünya!")
+
+# Metinler çift tırnak arasına yazılır. Türkçe harfler olduğu gibi çalışır.
+yazdir("Çağlayan, ılık bir İstanbul sabahında şiir okuyor.")
+
+# Boş bir yazdir() araya boş satır koyar.
+yazdir()
+
+# Metinler + ile uç uca eklenir.
+yazdir("Programlamaya " + "hoş geldiniz.")
+
+# Bir değere ad verip sonra o adla kullanabiliriz.
+# Buna değişken denir; ayrıntısı bir sonraki derste.
+ad = "Ayşe"
+sehir = "Eskişehir"
+
+# f"..." biçimli metindir: süslü parantez içindeki ad, değeriyle değiştirilir.
+yazdir(f"{ad}, {sehir} şehrinden selam gönderiyor.")
+
+# Süslü parantezin içine bir hesap da yazılabilir.
+yazdir(f"Bir günde {24 * 60} dakika, bir haftada {7 * 24} saat vardır.")
+yazdir()
+
+# Bazı karakterler ters eğik çizgiyle yazılır:
+#   \n  yeni satır      \t  sekme (boşluk atlar)      \"  tırnak işareti
+yazdir("Birinci satır\nİkinci satır")
+yazdir("Ad:\tAyşe\nŞehir:\t" + sehir)
+yazdir("Öğretmen \"tahtaya bakın\" dedi.")
+yazdir()
+
+# Uçbirimde renkli yazı için ANSI kodları kullanılır.
+# \033[32m yeşile, \033[33m sarıya geçer; \033[1m kalın yazar; \033[0m her şeyi sıfırlar.
+# Rengi sıfırlamayı unutursan sonraki bütün satırlar da renkli kalır.
+yazdir("\033[32mYeşil\033[0m, \033[33msarı\033[0m ve \033[1mkalın\033[0m yazı.")
+yazdir()
+
+# Küçük bir kartvizit. tekrarla(n) bir metni n kez yan yana koyar;
+# {ad:<12} değeri 12 karakterlik alana sola yaslayarak yazar.
+cizgi = "─".tekrarla(30)
+yazdir(cizgi)
+yazdir(f"  {'Ad':<12}{ad}")
+yazdir(f"  {'Şehir':<12}{sehir}")
+yazdir(f"  {'Dil':<12}KabaLang")
+yazdir(cizgi)