Frontend Workshop

React ile Modern Arayüz Geliştirme

Komponent mantığı, state yönetimi ve modern arayüz geliştirme pratiklerini uygulamalı örneklerle öğrenebileceğin yoğun ve verimli bir atölye.

Tarih18.06.2026
Saat14:00
MekânBilgisayar Lab 2
Kontenjan30 Kişi

Workshop Hakkında

Bu atölye, React ile modern kullanıcı arayüzü geliştirmek isteyen öğrenciler için hazırlanmıştır. Etkinlik boyunca komponent yapısı, props kullanımı, state yönetimi, event handling ve küçük ölçekli arayüz mimarisi uygulamalı olarak ele alınacaktır.

React JavaScript Komponent State Yönetimi

Neler Öğreneceksin?

Komponent Mantığı

Arayüzleri küçük, tekrar kullanılabilir ve yönetilebilir parçalara ayırmayı öğreneceksin.

State Yönetimi

Kullanıcı etkileşimlerine göre değişen verileri React state yapısıyla kontrol edeceksin.

Modern UI Pratikleri

Temiz, okunabilir ve sürdürülebilir frontend geliştirme alışkanlıkları kazanacaksın.

Uygulamalı Mini Proje

Workshop sonunda küçük bir React arayüzünü adım adım geliştirerek pekiştirme yapacaksın.

Program Akışı

14:00

Açılış ve React Ekosistemi

React’in kullanım alanları, modern frontend yaklaşımı ve proje yapısı tanıtılır.

14:30

Komponent, Props ve State

Temel React kavramları örnekler üzerinden uygulamalı olarak anlatılır.

15:30

Mini Arayüz Uygulaması

Katılımcılar basit bir etkileşimli arayüz geliştirerek pratik yapar.

16:30

Soru-Cevap ve Kod İncelemesi

Katılımcı soruları alınır, örnek kodlar üzerinden iyileştirme önerileri paylaşılır.

Katılım İçin Önerilen Hazırlık

Temel HTML, CSS ve JavaScript bilgisi etkinliği daha verimli takip etmeni sağlar.
Kendi bilgisayarını getireceksen Node.js ve VS Code kurulu olması önerilir.
Laboratuvar bilgisayarları kullanılabileceği için önceden hesap bilgilerini hazır bulundurman yeterlidir.

Modern frontend geliştirmeye güçlü bir başlangıç yap.

Kontenjan sınırlı olduğu için kaydını erken tamamlaman önerilir.

Kayıt Alanına Git
Adım Adım Kampüs Projesi

Bu proje, Dilay ALTIN ve Zehra Balaban SARI tarafından geliştirilmiştir.

© 2026 Tüm hakları saklıdır.