Seviye 07 · Web Geliştirme

Web Geliştirme Atölyesi

Fikirlerini internette yaşayan web sayfalarına dönüştür.

Bu atölyede öğrenciler internette gördükleri sayfaların nasıl oluşturulduğunu keşfeder. Sayfanın yapısını kurar, görünümünü tasarlar, etkileşimler ekler ve kendi web projelerini geliştirir.

16 Hafta
32 Ders Saati
Proje Tabanlı Öğrenme
Web Geliştirme Atölyesi — Öğrenci web sayfası tasarlıyor ve kodluyor

Web geliştirme ve web sitesi nedir?

İnternette çalışan sayfaların nasıl tasarlandığını ve kodlandığını keşfedin.

Web geliştirme nedir?

Web geliştirme, internet üzerinde çalışan web sayfaları ve dijital deneyimler oluşturmaktır. Öğrenciler HTML ile sayfanın yapısını kurar, CSS ile görünümünü tasarlar, JavaScript ile sayfaya etkileşim kazandırır.

Yapı, Tasarım ve Etkileşim Kodlaması

Web sitesi nedir?

Web sitesi; bilgi paylaşmak, bir fikri tanıtmak veya kullanıcıyla etkileşim kurmak için internette yayınlanan sayfalardan oluşur. İyi bir web sitesi düzenli, anlaşılır ve farklı ekranlarda rahat kullanılabilir olmalıdır.

Erişilebilir Dijital Deneyimler

Web sayfası yapısı, görünüm tasarımı ve etkileşim bileşenleri illüstrasyonu
Öğrencinin web sayfasını farklı ekran boyutlarında kontrol etmesi ve geliştirmesi
Tasarlayarak ve Kodlayarak Öğren

Her ders yeni bir fikir, yeni bir web projesi

Bu atölyede dersler yalnızca kod yazmakla geçmez. Öğrenciler öğretmen rehberliğinde kendi sayfalarını oluşturur; renkleri, görselleri ve içerikleri düzenler, butonlara etkileşim ekler ve projelerini adım adım geliştirir.

Kişisel tanıtım sayfası, ilgi alanı sayfası, etkinlik duyurusu, bilgi kartları veya küçük etkileşimli web deneyimleri gibi dikkat çekici projeler üretirler.

Öğretmen rehberliğinde ilerleyen bu proje tabanlı süreçte öğrenci, fikrini tasarlar, kodlar ve internette çalışan bir dijital ürüne dönüştürür.

Öğrenci bu atölyede neler öğrenir?

Web sayfası yapısı, tasarım, etkileşim ve farklı ekranlarda test becerileri kazanır.

Web sayfası yapısı kurma

Başlık, metin, görsel, bağlantı ve bölümlerden oluşan düzenli bir web sayfası oluşturmayı öğrenir.

HTML Sayfa Düzeni

Görsel tasarım geliştirme

Renk, yazı, boşluk ve yerleşim kararlarıyla sayfanın daha anlaşılır ve dikkat çekici görünmesini sağlar.

CSS Stil Kararları

Etkileşim ekleme

Buton, seçim ve kullanıcı hareketlerine tepki veren küçük etkileşimler geliştirir.

JS Kullanıcı Etkileşimi

Farklı ekranlarda test etme

Web sayfasını bilgisayar, tablet ve telefon ekranlarında kontrol eder; sorunları fark eder ve düzenler.

Duyarlı (Responsive) Test
TASARLA, KODLA, TEST ET VE YAYINLAMAYA HAZIRLA

16 haftalık web geliştirme yolculuğu

Her haftası planlanmış, öğrencinin üreterek ilerlediği 4 aşamalı gelişim süreci.

AŞAMA 1 · 1 – 14. HAFTALAR

Sayfalarını tasarla, kodla ve geliştir

Öğrenciler web sayfalarının yapısını kurar, görsel tasarımlarını oluşturur ve etkileşimler ekler. Her yeni konu, geliştirilen küçük web projeleriyle pekişir.

14 Hafta Web Kodlama Becerileri
AŞAMA 2 · 15. HAFTA

Kendi web projesini geliştir

Öğrenci, atölye boyunca öğrendiği yapı kurma, tasarım ve etkileşim becerilerini kullanarak kendine özgü bir web projesi geliştirir.

Özgün Web Projesi Üretimi
AŞAMA 3 · 16. HAFTA

Web projesini sun

Öğrenci web sitesini tanıtır; hangi fikri hayata geçirdiğini, sayfasının nasıl çalıştığını ve geliştirme sürecinde neler öğrendiğini paylaşır.

İnternette Çalışan Web Sitesini Aktarma
Öğrencinin tasarladığı web projesini sunması ve sergilemesi
SONRAKİ ADIM

Programlama dünyasını keşfet

Web Geliştirme Atölyesi’nin ardından öğrenci, Python Programlama Atölyesi’nde daha güçlü problem çözme ve programlama becerileri geliştirir.

Sonraki Seviyeyi İncele
Kodivasyon Teknoloji Akademisi

Tasarla, kodla ve fikrini internete taşı.

Çocuğunuzun yalnızca teknolojiyi kullanmasını değil; kendi dijital ürünlerini tasarlayan, geliştiren ve sunan bir öğrenci olmasını birlikte destekleyelim.