Sayfalarınızı CSS ve JavaScript'le hayata geçirin
HTML with JavaScript & CSS: Styling HTML & JavaScript Eğitimi, sayfaların görünümünü hem CSS hem de JavaScript ile yönetmeyi uygulamalı öğretir.
CSS biçimlendirme temellerinden geçiş ve animasyonlara, JavaScript ile dinamik stile akış
HTML with JavaScript & CSS: Styling HTML & JavaScript Eğitimi, sayfaların görünümünü hem CSS hem de JavaScript ile yönetmeyi uygulamalı öğretir. Katılımcılar seçiciler, kutu modeli, renk ve tipografiyle sağlam bir biçimlendirme temeli kurar. Geçiş, dönüşüm ve animasyonlarla görsel efektler, CSS değişkenleriyle tema altyapısı işlenir. Ardından classList, style özelliği ve custom property manipülasyonuyla JavaScript üzerinden dinamik stil ve tema değişimi uygulanır.
3 Gün. Her gün dört modül; tek bir arayüz hem CSS ile biçimlendirilir hem de JavaScript ile dinamik olarak stillendirilir.
Orta Seviye — CSS ile biçimlendirme, görsel efektler ve JavaScript ile dinamik stil yönetimi
Her modülde yazılan stil tarayıcıda anında test edilir; CSS ve JavaScript teknikleri gerçek bir arayüz üzerinde uygulanır.
Seçiciler, kutu modeli ve tipografiyle temiz ve bakımı kolay CSS yazarak arayüzlere tutarlı ve profesyonel bir görünüm kazandırırsınız.
Geçiş, dönüşüm ve animasyonlarla kullanıcı deneyimini zenginleştiren akıcı ve dikkat çekici görsel efektler oluşturursunuz.
JavaScript ile sınıf, stil ve CSS değişkenlerini değiştirerek koyu tema ve etkileşimli görünüm gibi dinamik davranışlar kurarsınız.
Eğitimden verim almak için faydalı olacak bilgi ve ortam gereksinimleri
Semantik HTML yapısına ve temel etiketlere aşinalık beklenir; biçimlendirme bu yapı üzerine kurulur.
Seçici ve özellik yazımı gibi temel CSS kavramlarına aşinalık, eğitimden verim almak için faydalı olur.
Değişken, fonksiyon ve DOM seçimi gibi temel JavaScript kavramları dinamik stil modüllerinde kullanılır.
VS Code gibi bir editör ve geliştirici araçlarını kullanabileceğiniz güncel bir tarayıcı gereklidir.
Programın gün gün akışı aşağıdadır. Bir güne tıklayarak o günün modüllerini ve içeriklerini görebilirsiniz.
Program sonunda katılımcılar:
CSS seçicilerini özgüllük ve kaskad mantığıyla kullanarak öğeleri doğru hedefler ve yeniden kullanılabilir sınıf sistemleri kurarsınız.
Kutu modelini, box-sizing davranışını ve boşluk ritmini kavrayarak öğelerin boyut ve aralıklarını isabetli biçimde yönetirsiniz.
Renk gösterimlerini, gradyanları ve tipografi ölçeğini erişilebilirlik ilkeleriyle kullanarak tutarlı bir görsel sistem oluşturursunuz.
transition ve transform ile etkileşim efektleri kurar, zamanlama eğrileriyle akıcı ve performanslı animasyonlar üretirsiniz.
keyframes ile çok adımlı animasyonlar yazar, yineleme ve yön ayarlarını kullanıp hareket azaltma tercihine saygı gösterirsiniz.
Custom property ile renk ve boşluk sistemini merkezileştirir, kapsam ve calc kullanarak esnek bir tema altyapısı kurarsınız.
classList ve style özelliğiyle JavaScript üzerinden görünümü değiştirir, kullanıcı etkileşimine göre stili dinamik biçimde yönetirsiniz.
Koyu ve açık tema değiştirici kurar, tercihi localStorage'da saklar ve sistem temasıyla uyumlu, akıcı geçişler sağlarsınız.
Bu eğitim Digital Vizyon Akademi Başarı Sertifikası ile tamamlanır.
Eğitim başında “Ön Test”, bitiminde “Son Test” uygulanarak gelişim ölçümlenir. Değerlendirme formunu dolduran katılımcılar sertifikalarını alır. Sertifikanızın geçerliliğini Sertifika Sorgulama sayfasından doğrulayabilirsiniz.
Semantik HTML, CSS ile görünüm ve JavaScript ile etkileşimi birlikte öğreten, mini projeyle biten orta seviye web geliştirme giriş eğitimi.
Detayları Gör →
Event loop, Promise, async/await, WebSocket ve Server-Sent Events ile asenkron işlem ve gerçek zamanlı iletişim kurmayı öğreten orta seviye eğitim.
Detayları Gör →
Web Workers, SharedArrayBuffer ve Atomics ile yanıt veren arayüzler kurmayı ve algoritmaları paralelleştirmeyi öğreten orta seviye performans eğitimi.
Detayları Gör →
Sıfırdan HTML ve CSS öğrenin: etiketler, semantik yapı, formlar, seçiciler, kutu modeli ve ilk web sayfanızı kodlayın. Başlangıç seviyesi uygulamalı eğitim.
Detayları Gör →
HTML, CSS ve JavaScript'i birlikte öğrenin: semantik yapı, Flexbox, DOM, olaylar ve form doğrulama ile dinamik web uygulaması geliştirin. Uygulamalı eğitim.
Detayları Gör →
JavaScript dil kurallarını, fonksiyonları, kapsam ve closure'ı öğrenin; DOM ile HTML elemanlarını seçip olaylarla yönetin. Uygulamalı orta seviye eğitim.
Detayları Gör →