🌐 Web Tasarımı ve Kodlama Dersleri | Kids&Kods

📘 Kurs Açıklaması

Web sitelerinin nasıl çalıştığını öğrenmek isteyenler için HTML ve CSS temelli bir başlangıç kursudur. Kendi internet siteni tasarlamak artık çok kolay!

📚 Bu kursta neler öğreneceksiniz?

Bu kursta web tasarımın temellerini öğreneceksin! HTML, CSS ve JavaScript kullanarak kendi web siteni oluşturacak, renkleri, düzeni ve hareketleri kendin tasarlayabileceksin.

• Web Tasarım ve Kodlama Eğitimi Nedir?

İnternette gezerken rahatça bulduğun her şey aslında bir tasarımın ürünü.

Renkler ve düzen, bir siteyi eğlenceli veya sıkıcı hâle getirebilir.

İnsanlar sitenize girer girmez ne yapacağını hemen anlamalı.

Kodların arkasında, görünümü ve kullanıcı deneyimini planlayan bir süreç var.

Küçük detaylar, ziyaretçilerin siteyi sevmemesini veya beğenmesini belirler.

Her buton, her başlık ve her resim aslında bir amaca hizmet eder.

Tasarım sadece güzel görünmek değil, siteyi anlaşılır hâle getirmektir.

Siteyi ziyaret eden çocuklar veya yetişkinler, neyi nerede bulacağını hemen anlamalı.

İyi bir tasarım, karmaşıklığı basit ve kullanımı kolay hâle getirir.

Görsellik ve işlevsellik bir araya geldiğinde, site gerçekten etkileyici olur.

Bir şeylerin tanımını yapmak ne kadar zor. Yukarıda web tasarımı ile alakalı tanımlayıcı 10 tane cümle verdim. Ben karar veremedim hangisi ile başlanması gerektiğine. Sizin kararınız olsun istedim. Tanıma siz kendiniz karar verin, ben de detayları anlatayım.

• Web Tasarım ve Kodlama Eğitiminin Amacı Nedir?

Bence en önemli amaç, çocukları teknolojiyle aktif hâle getirmek. Bugün çocuklarımız teknolojiyle büyüyor, oyun oynuyor ama kod yazmayı bilmiyor. Biz burada sadece oyun oynatmak yerine, onları teknoloji üreticisi hâline getirmeyi hedefliyoruz.

Derslerde çocuklar kendi fikirlerini ortaya koyuyor. Geçen hafta bir öğrencim kendi çizgi roman sayfasını interaktif hâle getirdi. Butonlara tıklayınca farklı sayfalara geçiyordu. İşte bu süreç, özgüven kazanmaları açısından çok kıymetli.

Ayrıca çocuklar, hatalar yapmayı ve çözüm bulmayı öğreniyor. Kodlama hatayla çok iç içe, bu yüzden her hata aslında bir öğrenme fırsatı. Derslerde sürekli şunu söylüyorum: “Hata yaptın mı? Harika, şimdi problemi çözüyorsun!”

• Web Tasarım ve Kodlama Eğitimine Katılanlar Neler Öğrenir?

Biz Kids&Kods’ta dersleri oldukça uygulamalı bir şekilde yürütüyoruz. Öğrenciler öncelikle HTML ve CSS gibi temel web tasarım dillerini öğreniyor. Bu diller sayesinde bir web sitesinin yapısını kurabiliyor, sayfaya metin, başlık ve resim ekleyebiliyorlar.

Sonra JavaScript ile sayfaya hareket ve etkileşim katıyorlar. Mesela bir butona tıklayınca mesaj gösterme, form gönderme veya mini oyunlar yapabiliyorlar. Bu kısım çoğu çocuk için çok eğlenceli çünkü kendi projeleri anında çalışıyor.

Tasarım mantığını da öğretiyoruz. Renk uyumu, sayfa düzeni, kullanıcı dostu tasarım gibi konular küçük projelerle pekiştiriliyor. Ben bazen öğrencilere diyorum ki: “Şu kısmı kırmızı yapalım mı? Yoksa yeşil mi daha güzel olur?” ve onlar fikirlerini özgürce söylüyor, deniyor.

• Web Tasarım ve Kodlama Eğitimi Derslerinin Zorluk Derecesi Nedir?

Bazı veliler ilk başta “Çocuğum bunu yapabilir mi?” diye soruyor. Ben her zaman şunu söylüyorum: Hiç endişelenmeyin, doğru anlatınca her çocuk öğrenebilir.

Dersleri genellikle basit projelerle başlatıyoruz. Küçük bir kişisel web sitesi veya mini oyunlar yapıyorlar. Çocuklar bunu yaptıkça motivasyonları artıyor ve daha karmaşık projelere geçiyorlar. Tabii ki hatalar oluyor, kod çalışmıyor bazen ama bu normal. Hatalar aslında en iyi öğretmenimiz.

• Web Tasarımın Günümüzdeki Önemi Nedir?

Web tasarım sadece “güzel görünen bir sayfa” değil, kullanıcıların rahatça gezebileceği bir alan yaratmak demek. İnsanlar bir siteyi beğenmezse hemen çıkıyor.

Ben derslerde bunu anlatırken örnek veriyorum: “Diyelim ki bir arkadaşın sana sitesini gösterdi. Sayfa karışık mı yoksa rahat mı?” Çocuklar hemen fark ediyor ve tasarım düşüncesi gelişiyor.

• Web Kodlama için Kullanılan Teknolojiler Nelerdir?

Kodlamada temel şeyler HTML, CSS ve JavaScript.

• HTML: Sayfanın iskeleti, başlık ve metinleri eklemek için.
• CSS: Sayfanın renkleri, yazı tipleri, kutuların boyutu gibi görselliği ayarlıyor.
• JavaScript: Sayfaya hareket ve etkileşim katıyor.

İlerleyen seviyelerde Python, PHP ve veri tabanlarıyla da tanışıyorlar. Bunu bazen oyun yapmaya benzetiyorum: Önce kuralları öğreniyorsun, sonra kendi oyunu tasarlıyorsun.

• Çocuklar Ne Zaman Kodlama Öğrenmeye Başlamalıdır?

Benim gözlemime göre 8-9 yaş civarı ideal. Çocuklar mantıksal düşünmeye başladığında kodlamayı oyun gibi algılıyorlar. Bir şey çalıştığında çok mutlu oluyorlar, yanlış yaptığında da öğreniyorlar.

Geçenlerde bir öğrencim kendi küçük web sitesini yaptı ve bana gösterirken gözleri parlıyordu. İşte bu motivasyon her şeyden önemli.

• Web Tasarımı ile Kodlama Arasındaki Fark Nedir?

Bunu karıştıran çok oluyor. Basitçe söyleyeyim:

• Web tasarım: Sayfanın görünümü, renkleri, düzeni, estetik kısmı.
• Kodlama: Sayfanın işleyişi, butonlar, animasyonlar, veriler.

Biz Kids&Kods’ta ikisini bir arada öğretiyoruz. Böylece bir site hem güzel hem de çalışır hâle geliyor.

• Çocuklar İçin Kodlama Öğrenmek Neden Önemlidir?

Kodlama sadece teknolojiye hâkim olmak değil, problem çözme ve yaratıcı düşünmeyi de öğretiyor. Çocuklar kendi projelerini yaptıkça özgüven kazanıyor.

Benim için en güzel kısım, onların gözlerindeki heyecanı görmek. Kodlama, onlara bir şeyler üretmenin ve kendi fikirlerini gerçeğe dönüştürmenin keyfini yaşatıyor.

Geçen hafta bir öğrencim kendi web oyununu arkadaşlarına gösterdi ve tüm sınıf bayıldı. İşte bu anlar, öğretmen olarak en çok mutlu olduğum anlar.