Varlık, sunucu ve tarayıcıyı bilinçle yönetin
Managing HTML Assets, Servers, & Browsers Eğitimi, bir web sayfasının tarayıcıya ulaşana kadar geçtiği teknik süreci yönetmeyi öğreten dört günlük bir programdır.
Varlık optimizasyonundan sunucu ve HTTP'ye, önbellekten tarayıcı render sürecine uzanan akış
Managing HTML Assets, Servers, & Browsers Eğitimi, bir web sayfasının tarayıcıya ulaşana kadar geçtiği teknik süreci yönetmeyi öğretir. Katılımcılar görsel, font ve statik varlıkların optimizasyonunu, web sunucularını ve HTTP protokolünü öğrenir. Önbellek stratejileri, CDN ve dağıtım konuları işlenir. Program tarayıcının render sürecini, uyumluluğu ve geliştirici araçlarını kapsar. Katılımcı optimize edilmiş bir siteyi sunucuya dağıtabilir hale gelir.
4 Gün. Her gün dört modül; varlık optimizasyonundan sunucu ve HTTP'ye, önbellek ve dağıtımdan tarayıcıya ilerlenerek site yayına alınır.
Orta Seviye — HTML varlıkları, web sunucuları, HTTP ve tarayıcı davranışını yönetme
Her konu geliştirici araçları, ağ paneli ve gerçek bir sunucu üzerinde uygulanır; performans metrikleri ölçülerek gözlemlenir.
Görsel, font ve varlık optimizasyonuyla sayfa yükleme süresini düşürerek kullanıcı deneyimini ve SEO'yu iyileştirirsiniz.
Web sunucularını ve HTTP protokolünü kavrayarak sitelerin gerçekte nasıl sunulduğunu ve dağıtıldığını anlarsınız.
Tarayıcı render sürecini ve uyumluluğu kavrayarak her tarayıcıda tutarlı çalışan siteler yayına alırsınız.
Eğitimden verim almak için faydalı olacak bilgi ve ortam
Temel HTML yapısı ve CSS bilgisi varlık ve render konularını kavramak için gereklidir.
Terminal ve temel komutlara aşinalık sunucu ve dağıtım bölümünü kolaylaştırır.
İstemci ve sunucu ayrımına dair genel fikir HTTP konularında faydalı olur.
Tarayıcı geliştirici araçları ve ağ paneline erişim örneklerde sıkça kullanılır.
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:
WebP, AVIF, srcset ve tembel yükleme ile görselleri optimize ederek sayfa yükleme süresini belirgin biçimde düşürürsünüz.
font-display, preload ve değişken fontlarla web fontlarını performanslı ve düzen kaymasız biçimde yüklersiniz.
İstemci-sunucu modelini, HTTP yöntemlerini, durum kodlarını ve başlıkları kavrayarak sitelerin nasıl sunulduğunu anlarsınız.
Cache-Control, ETag ve sürümlemeyle önbelleği yöneterek tekrar ziyaretlerde yükleme hızını önemli ölçüde artırırsınız.
CDN ile statik varlıkları dağıtık sunar ve üretim derlemesini sunucuya veya statik barındırmaya doğru biçimde dağıtırsınız.
Service worker ve Cache API ile varlıkları önbelleğe alıp çevrimdışı çalışabilen daha dayanıklı siteler kurarsınız.
Tarayıcının DOM, CSSOM, layout ve paint aşamalarını kavrayarak kritik render yolunu bilinçli biçimde optimize edersiniz.
Lighthouse ve Core Web Vitals ile performansı ölçer, ölçüme dayalı iyileştirmelerle siteyi optimize edip yayına alırsı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.
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 →
jQuery ile DOM, olay ve AJAX; Bootstrap grid ve bileşenlerle responsive arayüz geliştirin. Uygulamalı orta seviye ön yüz UI eğitimi ile panel projesi kurun.
Detayları Gör →
CSSOM, classList, CSS değişkenleri ve animasyonları JavaScript ile yönetin; dinamik tema geçişi ve script tabanlı stil kurun. Uygulamalı orta seviye eğitim.
Detayları Gör →
ASP.NET MVC HTML Helper metotlarıyla kuvvetli tipli form, seçim, doğrulama ve özel helper yazımını gerçek örneklerle öğreten uygulamalı eğitim.
Detayları Gör →