Eğitim İçeriği

Generative AI Front-End Geliştirmede Giriş

  • Yazılım geliştiriciliğinde üretken AI nedir?
  • Araçlar genel bakışı: ChatGPT, GitHub Copilot, Codeium vb.
  • UI geliştiricilikte AI'nin faydaları ve sınırlamaları

Tampon Tabanlı UI Üretimi

  • HTML yapısı ve bileşenler için tampon oluşturma
  • AI ile CSS stillerinin üretimi ve değiştirilmesi
  • JavaScript'de etkileşimli elemanları yapılandırırken AI kullanımı

Üretici Araçlarla Prototiplere Sahip Oluşturma

  • Konak sayfaları ve çok bölmeli düzenlerin oluşturulması
  • Cevap veren tasarım tamponları (Flexbox, Grid)
  • CodePen veya benzer araçlarda önizleme ve test etme

Bileşenleşme ve Tekrar Kullanılabilirlik

  • Tekrar kullanılabilir UI bileşenlerinin üretilmesi (düğmeler, kartlar, formlar)
  • AI'nin yardım ile bileşen kütüphaneleri ve tasarım sistemleri oluşturma
  • Popüler framework'lerde AI kullanımı (React, Vue, Tailwind)

Kodu İnceleme ve Hata Ayıklama için AI Destekli İşlemeler

  • LLM ile düzen hatalarının ve erişilebilirlik sorunlarının düzeltilmesi
  • HTML/CSS/JS kodunun performansının en iyileştirilmesi
  • Aİ tamponları yoluyla hataları açıklama ve düzeltme önerileri yapma

Çalışma Grubu Tasarımı ve İçerik Üretimi

  • Mimari, kopya ve yer tutucuları üretmek için AI kullanımı
  • Tasarım ekiyle birlikte şablonlar ve stil oluşturma
  • Aİ üretilmiş fikirleri kullanılabilecek HTML şablonlarına aktarma

Proje: Bir AI Tasarlı Web Uygulaması Yapın

  • Sözleşme temelinde UI tasarımını yapma
  • AI ile bileşenler ve etkileşimleri oluşturma
  • Prototipin tamamlanması, testi ve sunumu

Özet ve Sonraki Adımlar

Kurs İçin Gerekli Önbilgiler

  • HTML, CSS ve JavaScript'ün temel anlayışı
  • Front-end framework'leri veya tasarım sistemleriyle tanışlık
  • UI/UX iş akışlarını hızlandırmak için yapay zeka uygulamaya ilgi

Kitle

  • Front-end geliştiricileri
  • UX mühendisleri
  • Web tasarımcıları ve yaratıcı teknolojistler
 14 Saat

Katılımcı Sayısı


Kişi Başına Fiyat

Yaklaşan Etkinlikler

İlgili Kategoriler