Bu modül, modern web arayüzlerinin nasıl inşa edildiğini anlamak isteyen geliştiriciler için tasarlanmıştır. Katılımcılar HTML, CSS ve JavaScript’in temellerini öğrenir; ardından modern framework’ler ile etkileşimli ve kullanıcı dostu arayüzler oluşturmayı deneyimler.
Eğitim süresince pratik uygulamalar, responsive tasarım prensipleri ve performans optimizasyonu gibi konulara odaklanılır. Katılımcılar, profesyonel arayüz geliştirme alışkanlıklarını kazanarak proje tabanlı bir frontend mimarisi oluşturmayı öğrenir.
Web sayfalarının yapı taşlarını anlamak bu modülün ilk adımıdır. HTML ile iskelet oluşturma, CSS ile tasarımı biçimlendirme ve tarayıcı uyumluluğu konularında güçlü bir temel oluşturulur.
Katılımcılar, semantik HTML, CSS grid/flex yapıları ve medya sorgularıyla duyarlı (responsive) tasarımlar geliştirmeyi öğrenir.
JavaScript ile kullanıcı etkileşimlerini yönetmek, DOM manipülasyonu yapmak ve veriye dayalı arayüzler geliştirmek bu bölümde ele alınır.
Katılımcılar, modern JS özellikleri (ES6+), event yönetimi, form doğrulama, async/await ve API entegrasyonu konularını uygulamalı şekilde öğrenir.
React, Vue veya Angular gibi popüler frameworklerin temelleri tanıtılır. Katılımcılar, component tabanlı mimari ve veri yönetim yapılarıyla modern frontend projelerini kurgulamayı öğrenir.
Modül sonunda, katılımcı kendi dinamik web uygulamasını oluşturacak seviyeye ulaşır.