AI ile Aha! HTML ile Her Şeyi Yaparsın: Sor, Öğren, Üret!
AI destekli tek dosya HTML yaklaşımıyla sıfırdan çalışan web uygulamaları üretmeyi öğrenin
AI Destekli Tek Dosya HTML: Kendi Mini Web Araçlarını Yarat | Okan Kaplan Edu
HTML, CSS ve JavaScript’i tek dosyada birleştirerek hızlı ve taşınabilir web araçları oluşturmayı öğren. AI destekli üretim yaklaşımıyla fikirlerini çalışan mini uygulamalara dönüştür ve prototip geliştirme becerisi kazan.
AI ile Aha! HTML ile Her Şeyi Yaparsın: Sor, Öğren, Üret | Okan Kaplan Edu
HTML ve yapay zekâ ile öğrenmenin yeni yolunu keşfet. Sorular sor, uygulayarak öğren, gerçek projeler üret ve üretici bir zihniyet geliştir. Ezberden uzak, tamamen düşünme, keşfetme ve üretim odaklı modern HTML eğitimiyle dijital dünyada kendi projelerini oluşturmaya başla.
AI ile Sistem Tasarımı: Yapay Zekâyı Üretim Ortağı Olarak Kullanma | Okan Kaplan Edu
Yapay zekâyı sadece soru-cevap aracı değil, planlama, üretim ve geliştirme süreçlerinde aktif bir sistem tasarım ortağı olarak kullanmayı öğren. Uçtan uca projeler geliştirme yaklaşımını keşfet.
Veri ve Sensörün Birleşimi: Akıllı Günlük (Geolocation + Fetch + Speech + LocalStorage) | Okan Kaplan Edu
Geolocation, Fetch API ve Speech Recognition’ı birleştirerek Akıllı Günlük uygulaması oluştur. Konum, hava durumu ve sesli notları tek sistemde toplayarak ileri seviye web entegrasyonunu öğren.
Akıllı İletişim (Giriş ve Çıktı): Input ile Kullanıcıyı Tanıyan HTML & JavaScript Sistemi | Okan Kaplan Edu
HTML input ve JavaScript kullanarak kullanıcıdan veri alan ve buna göre dinamik yanıt veren akıllı bir sistem oluşturmayı öğren. Web sayfalarının nasıl kişiselleştirilmiş deneyimler sunduğunu keşfet.
Liste Mantığı (Array State): JavaScript ile To-Do List Uygulaması Oluşturma | Okan Kaplan Edu
JavaScript array state mantığını öğrenerek yapılacaklar listesi (to-do) uygulaması oluştur. Birden fazla veriyi yönetmeyi, listeye eklemeyi ve dinamik UI oluşturmayı keşfet.
Karakter ve Elbise (CSS): HTML İskeletine Stil ve Kimlik Kazandırma | Okan Kaplan Edu
CSS ile HTML iskeletine stil kazandırmayı öğren. Arka plan, yazı rengi ve buton tasarımıyla web sayfalarını nasıl görsel olarak dönüştürebileceğini keşfet. Web tasarımın estetik katmanını öğren.
Dinamik State Yönetimi ve Hafıza Özeti: Modern Web Veri Akışını Anlamak | Okan Kaplan Edu
Dinamik state yönetimi ve veri kalıcılığı kavramlarını özetle öğren. Sürekli değişen verilerin nasıl yönetildiğini, güncellendiğini ve sürdürülebilir frontend mimarisi içinde nasıl kullanıldığını keşfet.
Dinamik State Yönetimi ve Hafıza: Modern Frontend Veri Kontrolü | Okan Kaplan Edu
Dinamik state yönetimi ve veri kalıcılığı kavramlarını öğren. Sürekli değişen verileri düzenli, sürdürülebilir ve AI destekli yaklaşımla yöneterek modern frontend mimarisini keşfet.
Fabrikayı Uyandırmak: İlk HTML Dosyanı Oluştur ve Tarayıcıda Çalıştır | Okan Kaplan Edu
Boş bir ekranı bir üretim fabrikasına dönüştür. İlk HTML dosyanı oluştur, tarayıcıda çalıştır ve web geliştirme sürecinin nasıl başladığını keşfet. Kod yazmadan üretim mantığını öğrenmeye başla.
Dış Dünyadan Haber Almak: Fetch API ile Canlı Veri Çekme Sistemi | Okan Kaplan Edu
Fetch API kullanarak internetten canlı veri çekmeyi öğren. Ücretsiz API’lerden veri alıp sayfanda göstererek web uygulamalarının dış dünya ile nasıl iletişim kurduğunu keşfet.
Konum Belirleme (Geolocation API): Tarayıcı ile Enlem ve Boylam Alma | Okan Kaplan Edu
Geolocation API kullanarak tarayıcıdan konum bilgisi almayı öğren. Kullanıcı izniyle enlem ve boylam verilerini çekerek web uygulamalarına konum farkındalığı kazandır.
Görünmez Kasa: LocalStorage ile Tarayıcı Hafıza Sistemi (HTML & JS Dersi) | Okan Kaplan Edu
Tarayıcı LocalStorage yapısını öğrenerek görünmez bir hafıza sistemi oluştur. Butona tıklanınca veriyi kaydeden basit JavaScript mantığıyla web sayfalarının nasıl veri sakladığını keşfet.
İskeleti Kurmak (HTML): Web Sayfasının Temel Yapısını Oluşturma | Okan Kaplan Edu
HTML ile web sayfasının iskeletini kurmayı öğren. Başlık, paragraf ve buton gibi temel yapıları oluşturarak bir web organizmasının temelini inşa et. CSS ve JS olmadan saf HTML yapısını keşfet.
İlk Makineyi Kurmak: Etkileşimli HTML Buton ile Sistem Aktifleştirme | Okan Kaplan Edu
HTML ile ilk etkileşimli makineni kur. Butona tıklama olayını öğren, kullanıcıyla konuşan basit bir sistem oluştur ve web sayfalarının nasıl interaktif hale geldiğini keşfet.
Sinir Sistemi ve Beyin (JavaScript): HTML Sayfasına Etkileşim Kazandırma | Okan Kaplan Edu
JavaScript ile HTML ve CSS yapısına etkileşim kazandırmayı öğren. Butona tıklanınca çalışan basit bir sinir sistemi oluşturarak web sayfalarının nasıl canlı ve tepki veren yapılara dönüştüğünü keşfet.
Karmaşık Paketleme (JSON Mührü): To-Do List Verilerini LocalStorage’a Kaydetme | Okan Kaplan Edu
JavaScript ile JSON.stringify ve JSON.parse kullanarak To-Do list verilerini LocalStorage’a kaydetmeyi öğren. Karmaşık veri yapılarını paketleyerek kalıcı frontend uygulamaları oluşturmayı keşfet.
Neden Kütüphane Kullanırız? Vanilla JS vs Flatpickr Karşılaştırması | Okan Kaplan Edu
Kütüphanelerin neden kullanıldığını öğren. Vanilla JavaScript ile karmaşık tarih seçici yapmanın zorluğunu ve Flatpickr gibi kütüphanelerin sağladığı hız ve kolaylığı karşılaştır.
Saf Güç (Sıfır Bağımlılık): Vanilla HTML, CSS ve JS ile Not Defteri | Okan Kaplan Edu
Hiçbir kütüphane kullanmadan sadece HTML, CSS ve JavaScript ile tek dosyada çalışan not defteri uygulaması oluşturmayı öğren. Vanilla JavaScript ile bağımsız web geliştirme mantığını keşfet.
Sesle Komut (Speech Recognition API): Tarayıcı ile Sesli Not Sistemi | Okan Kaplan Edu
Speech Recognition API kullanarak tarayıcıda mikrofonu dinleyen ve konuşmaları yazıya çeviren sesli not sistemi oluştur. Web uygulamalarında sesle kontrol ve doğal etkileşimi keşfet.
Akla Mühür Vurmak: State’i LocalStorage ile Kalıcı Hale Getirme | Okan Kaplan Edu
JavaScript state mantığını LocalStorage ile birleştirerek kalıcı veri yapısını öğren. Sayaç uygulamasında sayının tarayıcı hafızasında saklanmasını sağlayarak modern web uygulamalarının temelini keşfet.
“State (Durum) Nedir?”: Basit Sayaç Uygulaması ile JavaScript State Mantığı | Okan Kaplan Edu
State (durum) kavramını basit bir sayaç uygulaması ile öğren. JavaScript’te sayının anlık değişimini yöneterek uygulamaların nasıl “anlık hafızaya” sahip olduğunu keşfet ve temel frontend mantığını kavra.
Tarayıcı Tabanlı AI IDE: HTML, CSS, JS Canlı Önizlemeli Geliştirme Ortamı | Okan Kaplan Edu
Tarayıcı üzerinden çalışan HTML, CSS ve JavaScript destekli AI IDE tasarlayın. Canlı önizleme, dosya import/export, mod geçişleri ve sekmeli editör yapısıyla modern web geliştirme deneyimini keşfedin. Tam entegre frontend geliştirme ortamı oluşturma rehberi.
Tarayıcınızdaki Yapay Zeka Laboratuvarı: AI Destekli Yeni Nesil Dijital Üretim Deneyimi | Okan Kaplan Edu
Tarayıcı tabanlı yapay zekâ destekli editörlerle tasarımdan koda, interaktif içeriklerden dinamik kullanıcı deneyimlerine kadar her şeyi tek panel üzerinden üretin. Karmaşık kurulumlara ihtiyaç duymadan dijital projeler geliştirin, kendi araçlarınızı oluşturun ve modern web üretim süreçlerini hızlandırın.
UI Frameworkleri: Hazır Düzen ve Görsellik ile Profesyonel Üretim Süreci | Okan Kaplan Edu
UI frameworkleri ile hazır bileşenler ve grid sistemlerini kullanarak profesyonel web tasarımları oluşturmayı öğren. Yapay zekâ ile katmanlı, modüler ve planlı sistem tasarımı yap.
Vanilla JS Gücü: Bağımsız Sistem Tasarımı ve Saf Güç Yaklaşımı | Okan Kaplan Edu
Vanilla JavaScript ile bağımsız sistemler kurmayı öğren. Dış kütüphanelere ihtiyaç duymadan hafif, hızlı ve kontrol edilebilir web uygulamaları geliştirerek mimari düşünceyi güçlendir.
Web’in Anatomisinin Derinleşmesi: HTML, CSS ve JavaScript Konu Başlıkları | Okan Kaplan Edu
Web’in anatomisini konu başlıkları üzerinden öğren: HTML, CSS ve JavaScript’in iskelet, görünüm ve etkileşim katmanlarını sistemli şekilde keşfet. Yapay zekâ destekli öğrenme ile web yapısını yeniden kurma becerisi kazan.
Web’in Anatomisi Özeti: HTML, CSS ve JavaScript’i Sistemli Anlama | Okan Kaplan Edu
Web’in anatomisini özetle öğren: HTML, CSS ve JavaScript’in iskelet, görünüm ve etkileşim katmanlarını anlayarak sistemli üretim yaklaşımını kavra. Yapay zekâ destekli öğrenme ile web yapısını yeniden kurma becerisi kazan.
Web’in Anatomisi: HTML, CSS ve JavaScript’i Sistemli Öğrenme ve Yeniden Kurma | Okan Kaplan Edu
Web’in temel anatomisini öğren: HTML, CSS ve JavaScript’in iskelet, görünüm ve etkileşim katmanlarını anlayarak sistemli üretim yaklaşımına geç. Yapay zekâ destekli öğrenme ile web yapısını yeniden kurmayı keşfet.
Web API’leri: Dünyaya Açılan Kapılar ve Dış Dünya Entegrasyonu | Okan Kaplan Edu
Web API’leri ile tarayıcı yeteneklerini ve dış veri kaynaklarını kullanmayı öğren. Konum, cihaz sensörleri ve veri entegrasyonu ile web uygulamalarını gerçek dünya ile bağla.
Web API’leri Özeti: Dünyaya Açılan Kapılar ve Dış Dünya Entegrasyonu | Okan Kaplan Edu
Web API’leri ile dış dünya entegrasyonunu özetle öğren. Tarayıcı yetenekleri, cihaz erişimi ve veri alma süreçleriyle modern web uygulamalarının nasıl dış dünyaya bağlandığını keşfet.
Sensörleri Uyandırmak: getUserMedia ile Tarayıcı Kamerasını Kullanma | Okan Kaplan Edu
Web API kullanarak getUserMedia ile tarayıcı üzerinden kameraya erişmeyi öğren. Cihaz sensörlerini aktif hale getirerek web sayfalarının donanım kontrolünü nasıl yaptığını keşfet.