Geleceğe Hoş Geldiniz

Techbridge ile İlk Uygulamanızı Oluşturun

Bugün Bir Yaratıcı Oluyorsunuz 🚀

Bölüm 1

Uygulama Nedir?

Uygulamalar sorunları çözer ve insanların işlerini daha hızlı yapmalarına yardımcı olur.

👤

Kullanıcının bir ihtiyacı var

→

📱

Uygulamayı açar

→

👆

Eyleme geçer

→

✨

Sonucu alır ✨

Hesap Makinesi • WhatsApp • YouTube • TikTok

Bölüm 2

Techbridge Nedir?

Uygulamaları daha hızlı oluşturmamıza yardımcı olan akıllı bir yapay zeka aracı.

FİKİR 💡

KOMUT ⌨️

YAPAY ZEKA OLUŞTURUR 🤖

İNSAN GELİŞTİRİR 👨‍🎨

Yapay zeka yaratıcılara yardımcı olur; yaratıcıların yerini almaz.

Bölüm 3

Techbridge'i IDE Olarak Kullanmak

IDE (Tümleşik Geliştirme Ortamı), geliştiricilerin uygulama oluşturduğu bir çalışma alanıdır.

SOL: Komut Alanı (Yapay zekaya ne yapacağını söyle)

Prompt

> Create a calculator app...

SAĞ: Canlı Önizleme (Uygulamanı anında gör)

Preview

📱 Live App

Kod Bölümü (Yapay zekanın oluşturduğu)

Bölüm 4

İlk Projemiz: Hesap Makinesi Uygulaması

Güzel ve işlevsel bir hesap makinesi oluşturacağız.

Toplama, Çıkarma
Çarpma, Bölme
Parlayan etkileşimli düğmeler

0

Bölüm 5

İyi Bir İstem Nasıl Yazılır

Talimatlarınız net olduğunda yapay zeka daha iyi sonuçlar verir.

❌ KÖTÜ İSTEM:

"Hesap makinesi oluştur"

✅ İYİ İSTEM:

"Create a modern glassmorphism calculator app with smooth animations, glowing buttons, responsive design, dark mode, and interactive hover effects."

Bölüm 6

Adım Adım İstem Oluşturma

İstemimizi basit adımlara ayıralım.

1. Ne oluşturuyoruz? → Hesap Makinesi Uygulaması

2. Hangi tarzda? → Modern cam görünümü

3. Hangi özellikler? → Topla, çıkar, böl, çarp

4. Hangi animasyonlar? → Parlama, üzerine gelme, zıplama

5. Hangi renkler? → Mor, mavi, neon

Bölüm 7

Canlı Uygulama Oluşturma

Techbridge'in isteminizi gerçek bir uygulamaya dönüştürmesini izleyin!

function init() { const btn = document.createElement('button'); btn.style.color = '#fff'; btn.onclick = calculate; } function calculate() { let x = 10; let y = 20; return x + y; } // generating UI...

0

Bölüm 8

Yapay Zekanın Oluşturduklarını Anlamak

Koddan korkmayın! Nasıl çalıştığına bir bakalım.

              <button onclick="add()">+</button>
            
              <div id="screen">0</div>
            
              if (btn == '+') { add(); }

Düğme → Eylem gerçekleştirir

Ekranı görüntüle → Yanıtı gösterir

Mantık → Kararlar verir

Hover or click the code lines to see what they do!

Bölüm 9

Uygulamayı Özelleştirme

Şimdi onu kendinize özel kılın! Renkleri ve stilleri değiştirin.

0

Düğmelere basmayı deneyin!

Bölüm 10

Yaygın Komut Hataları

Belirsiz komutlar neden başarısız olur.

❌ "Havalı yap" → (Yapay zeka için havalı ne demek?)

✅ "Camgöbeği parıltılarla fütüristik yap"

❌ "Bir uygulama oluştur" → (Ne tür bir uygulama?)

✅ "Bahşiş hesaplama uygulaması oluştur"

Detaylar önemlidir! Yaratıcılık önemlidir!

Bölüm 11

Sınıf İçi Meydan Okuma 🏆

Komutunuzu yazın, uygulamanızı oluşturun ve özelleştirin!

📝 1. Bir komut yazın

🤖 2. Uygulama Oluştur

🎨 3. Stili Özelleştir

Kalan Süre:

05:00

🎉 Tebrikler!

İlk Uygulamanı Oluşturdun!

Her harika geliştirici tek bir projeyle başladı.

🏆

Başarı Sertifikası

Yapay Zeka Uygulama Oluşturucu

Yapay zeka kullanarak ilk uygulamalarını başarıyla geliştirdiler!