Eğitim İçeriği

Ön Tanıtım: Generative AI için Front-End

  • Yazılım geliştiriciliğinde nesil oluşturma AI nedir?
  • Araçlar özetleri: ChatGPT, GitHub Copilot, Codeium, vb.
  • UI geliştiricilikte AI'nin avantajları ve sınırlamaları

Anlam Tabanlı UI Üretimi

  • HTML yapısı ve bileşenleri için anlamlar üretme
  • AI ile CSS stillerini oluşturma ve düzenleme
  • Interaktif elemanlar için JavaScript'de AI'yi kullanma

Nesil Oluşturma Araçları ile Prototip Tasarımlarını Kurgulama

  • Landing page ve çok bölüm tasarımları oluşturma
  • Rezonyanlı tasarım anlamları (Flexbox, Grid)
  • CodePen veya benzer araçlar ile ön izleme ve test etme

Bileşenleşme ve Tekrar Kullanılabilirlik

  • Tekrar kullanılabilir UI bileşenleri oluşturma (düğmeler, kartlar, formlar)
  • AI ile bileşen kütüphaneleri ve tasarım sistemlerini oluşturmak
  • Popüler çerçevelerde AI'yi kullanma (React, Vue, Tailwind)

AI Yardımlı Kod İncelemesi ve Hata Ayıklama

  • LLM'ler ile düzen hatalarını ve erişilebilirlik sorunlarını düzeltme
  • HTML/CSS/JS kod performansını iyileştirme
  • AI anlamları yoluyla hata açıklaması ve çözüm önerileri

İşbirlikçi Tasarım ve İçerik Üretimi

  • Dummy içerik, kopya ve yer tutucular oluşturma için AI'yi kullanma
  • Dizaynırlarla işbirliği yaparak wireframe'ler ve stilleri ortak tasarım
  • AI'nin ürettiği fikirleri kullanılabilir HTML şablonlarına aktarma

Proje: Bir AI İzdımbıl Web Uygulaması Oluşturma

  • İş anlatımı temelinde UI tasarım
  • AI ile bileşen ve etkileşimler oluşturma
  • Prototip için son çentikleme, test etme ve sunum

Özet ve Gelecek Adımlar

Kurs İçin Gerekli Önbilgiler

  • HTML, CSS ve JavaScript'in temel anlayışı
  • Cephe uygulama çatıları veya tasarım sistemleri ile aşina olma
  • UI/UX iş akışlarını hızlandırmak için yapay zekayı kullanmaya ilgi duyma

Hedef Kitle

  • Cephe 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

Danışanlarımızın Yorumları (1)

Yaklaşan Etkinlikler

İlgili Kategoriler