HTML ve CSS ile web temelini kurun
Web Development Fundamentals - HTML and CSS Eğitimi, web geliştirmenin iki temel taşı HTML ve CSS'i sıfırdan öğretir. Program semantik HTML yapısı, metin, görsel, tablo ve form etiketleriyle başlar; CSS seçicileri, kutu modeli, tipografi ve konumlandırma işle…
Semantik HTML'den CSS düzenine, responsive'den statik site yayınına kadar akış
Web Development Fundamentals - HTML and CSS Eğitimi, web geliştirmenin iki temel taşı olan HTML ve CSS'i sıfırdan öğretir. Katılımcılar semantik HTML yapısını, metin, görsel, tablo ve form etiketlerini öğrenir. CSS seçicileri, kutu modeli, tipografi, konumlandırma, Flexbox ve Grid düzeni işlenir. Program responsive tasarım temelleri ve statik bir sitenin yayınlanmasıyla tamamlanır; JavaScript kapsam dışıdır.
3 Gün. Her gün dört modül; semantik HTML'den CSS düzenine ve responsive statik site yayınına kadar uygulamalı ilerlenir.
Temel Seviye — HTML ve CSS ile sıfırdan statik web sitesi geliştirme temelleri
Her konu küçük örneklerle yazılır ve canlı önizlemeyle test edilir; son gün gerçek bir statik site kurulup yayınlanır.
HTML ve CSS'i derinlemesine öğrenerek tüm framework ve ileri konuların üzerine kurulduğu sağlam bir web temeli edinirsiniz.
Flexbox ve CSS Grid ile modern yerleşim tekniklerini öğrenerek float zahmetine girmeden temiz ve esnek sayfa düzenleri kurarsınız.
Responsive tasarım temelleri ve statik site yayınıyla kendi sitenizi kurup internette erişilebilir hale getirmeyi öğrenirsiniz.
Eğitimden verim almak için faydalı olacak bilgi ve ortam
Temel bilgisayar ve dosya yönetimi becerisi dışında önceden kodlama bilgisi gerekmez.
Web sitesi, tarayıcı ve adres kavramlarına aşinalık konuları anlamayı kolaylaştırır.
VS Code gibi ücretsiz bir kod editörünün kurulu olması örnekleri yazmak için gereklidir.
Güncel bir web tarayıcısı, sayfaları görüntülemek ve geliştirici araçlarını kullanmak için 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:
header, nav, main ve footer gibi semantik etiketlerle anlamlı, erişilebilir ve düzenli sayfa yapıları oluşturursunuz.
Görsel, figure, tablo ve form etiketleriyle zengin içerik kurar, alt metni ve erişilebilir tablo yapısını uygularsınız.
Eleman, sınıf, kimlik ve birleşik seçicilerle stil uygular, özgüllük ve miras kurallarını doğru yönetirsiniz.
İçerik, dolgu, kenarlık ve dış boşluk ile kutu modelini kavrar, box-sizing ile boyutları doğru hesaplarsınız.
display, position, float ve overflow ile sayfa akışını ve öğelerin konumunu bilinçli biçimde yönetirsiniz.
Flexbox ile esnek, CSS Grid ile iki boyutlu düzenler kurarak modern ve temiz sayfa yerleşimleri tasarlarsınız.
viewport, göreli birimler ve media query ile mobil öncelikli, farklı ekranlara uyum sağlayan responsive sayfalar kurarsınız.
Dosya düzenini hazırlar, göreli yolları kontrol eder ve statik barındırmayla kendi sitenizi yayınlarsı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 →
CSS seçiciler, görsel efektler, CSS değişkenleri ve JavaScript ile dinamik stil, koyu tema ve animasyonları öğreten orta seviye biçimlendirme 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 →