Web'in iskeletini HTML ile kur
HTML Eğitimi, web sayfalarının anlamlı ve erişilebilir iskeletini doğru kurmayı öğretir. Program HTML5 belge yapısı, başlık ve metin etiketleri, listeler, bağlantılar, duyarlı görsel ve medya, ses ve video, iframe, erişilebilir tablolar, form öğeleri ve giriş…
Belge iskeletinden semantik yapıya, formlardan erişilebilirlik ve SEO'ya
HTML Eğitimi, web sayfalarının anlamlı ve erişilebilir iskeletini doğru biçimde kurmayı öğretir. Katılımcılar belge yapısı, metin etiketleri ve bağlantılarla başlar; görsel, ses ve video gibi medyayı, tablo ve iframe içeriğini sayfaya doğru yerleştirir. Program form öğeleri, giriş türleri ve yerleşik doğrulamayı ayrıntılı işler. Son olarak semantik etiketler, ARIA ile erişilebilirlik, meta etiketleri ve SEO temelleri ele alınır.
4 Gün. Her gün dört modül; her etiket grubu gerçek bir sayfa üzerinde uygulanır ve tarayıcı ile erişilebilirlik denetçisinde sonuçlar incelenir.
Orta Seviye — belge yapısından semantik etiketlere, formlardan erişilebilirliğe HTML5'i baştan sona öğreten program
Çok bölümlü bir kurumsal sayfa sıfırdan kurulur; her modülde yeni etiketler eklenerek yapı ve semantik birlikte gelişir.
Semantik etiketlerle sayfanın anlamını doğru kurarak hem tarayıcıların hem de ekip arkadaşlarının işini kolaylaştırırsınız.
ARIA ve doğru etiketlemeyle ekran okuyucu ve klavye kullanıcıları dâhil herkes için kullanılabilir sayfalar üretirsiniz.
Doğru başlık hiyerarşisi, meta etiketleri ve yapısal işaretlemeyle sayfaların arama motorlarında daha iyi anlaşılmasını sağlarsınız.
Eğitime başlamadan önce faydalı olacak bilgi ve hazırlık
Dosya ve klasör yönetimi ile temel bilgisayar becerileri dersin akışını izlemek için yeterlidir.
Visual Studio Code veya benzeri bir editörün kurulu ve dosya açıp kaydedebilir olması gereklidir.
Geliştirici araçları bulunan güncel bir tarayıcı önizleme ve inceleme için gereklidir.
İnternet ve web sayfalarının genel işleyişine dair temel bir merak öğrenmeyi hızlandırı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:
doctype, head ve body yapısıyla geçerli ve iyi biçimlendirilmiş HTML5 belgeleri kurabilirsiniz.
Başlık hiyerarşisi, paragraf, liste ve anlamsal vurgu etiketleriyle içeriği doğru ve okunur biçimde yapılandırırsınız.
Göreli ve mutlak adresler, çapa bağlantıları ve nav yapısıyla güvenli ve kullanışlı gezinme kurarsınız.
srcset, picture ve geç yükleme ile görsel, ses ve videoyu performanslı ve duyarlı biçimde sayfaya eklersiniz.
thead, scope ve caption kullanarak verileri ekran okuyuculara da anlamlı gelen tablolarla yapılandırırsınız.
Doğru giriş türleri, etiketler ve yerleşik doğrulama ile erişilebilir ve kullanıcı dostu formlar tasarlarsınız.
Semantik etiketler ve ölçülü ARIA kullanımıyla ekran okuyucu ve klavye kullanıcıları için erişilebilir sayfalar üretirsiniz.
Meta etiketleri, Open Graph ve JSON-LD yapısal veriyle sayfaların arama ve paylaşımda daha iyi görünmesini 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 kutu modeli, Flexbox, Grid ve responsive ile sıfırdan statik web sitesi geliştirmeyi öğreten temel seviye web geliştirme eğitimi.
Detayları Gör →
Semantik HTML, Flexbox, Grid, responsive tasarım, DOM, olaylar ve fetch ile uçtan uca web geliştirme ve ön yüz eğitimi.
Detayları Gör →
Web'in nasıl çalıştığını ve HTML ile sayfa oluşturmayı sıfırdan öğreten temel web geliştirme eğitimi; formlar, tablolar, erişilebilirlik ve yayın.
Detayları Gör →
Bootstrap 5 grid sistemi, bileşenler, formlar, JavaScript eklentileri ve Sass ile özelleştirmeyi kapsayan responsive arayüz geliştirme eğitimi.
Detayları Gör →
Go net/http ile Handler, ResponseWriter, html/template, HTML form işleme, dosya yükleme ve middleware kullanarak web uygulaması geliştirme eğitimi.
Detayları Gör →
Bootstrap ile tüm sayfa düzen kontrolleri, Sass değişkenleri, utility API, özel bileşen ve koyu mod ile çatıyı genişletme ve markaya uyarlama eğitimi.
Detayları Gör →