Sıfırdan ilk web sayfanızı kendiniz yazın
Introduction to HTML and CSS - Beginner Eğitimi, hiç kod yazmamış katılımcıların sıfırdan web sayfası kurmasını sağlayan iki günlük uygulamalı bir programdır.
Belge yapısından metin, bağlantı ve görsellere, kutu modeli ve ilk düzenlemeye uzanan akış
Introduction to HTML and CSS - Beginner Eğitimi, hiç kod yazmamış katılımcılara web sayfalarının nasıl kurulduğunu sıfırdan öğretir. Katılımcılar bir HTML belgesinin iskeletini, başlık, paragraf, bağlantı, görsel, liste ve tablo etiketlerini kullanmayı öğrenir. Ardından CSS ile seçicileri, renkleri, tipografiyi ve kutu modelini uygulayarak sayfaya görünüm kazandırır. Eğitim sonunda katılımcı el ile kodladığı tek sayfalık bir kişisel sayfayı tarayıcıda çalışır halde görür.
2 Gün. Her gün dört modül; birinci gün HTML ile yapı, ikinci gün CSS ile görünüm kurularak tek sayfalık bir proje tamamlanır.
Başlangıç Seviyesi — HTML etiketleri ve CSS temelleriyle sıfırdan ilk web sayfasını kurma
Her konu anlatıldıktan hemen sonra tarayıcıda yazılıp denenir; katılımcı kendi sayfasını adım adım el ile kodlayarak ilerler.
HTML ve CSS tüm web sayfalarının temelidir; bu ikisini öğrenmek ileride her framework ve araca sağlam bir başlangıç sağlar.
Hazır şablon kullanmadan her etiketi ve stili kendiniz yazarak web sayfasının gerçekte nasıl çalıştığını kavrarsınız.
Yazdığınız her satırın sayfadaki etkisini anında görür, somut ve motive edici bir çıktıyla öğrenmeyi ilerletirsiniz.
Eğitimden verim almak için faydalı olacak bilgi ve ortam
Dosya açma, kaydetme ve klasör yönetimi gibi temel bilgisayar becerileri yeterlidir; başka ön bilgi gerekmez.
VS Code gibi ücretsiz bir metin editörünün kurulu olması örnekleri yazmak için yeterlidir.
Chrome veya Firefox gibi güncel bir tarayıcı sayfaları açıp sonucu görmek için gereklidir.
Etiket ve özellik adları İngilizce olduğundan temel düzeyde okuma anlamayı kolaylaştı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 bir HTML belgesini sıfırdan doğru biçimde kurabilirsiniz.
header, nav, main ve footer gibi semantik etiketlerle anlamlı ve erişilebilir bir sayfa yapısı oluşturursunuz.
Başlık hiyerarşisi, paragraf ve bağlantı etiketlerini kullanarak içeriği okunaklı ve gezilebilir hale getirirsiniz.
img, ul ve ol etiketleriyle görselleri ve listeleri doğru alt metin ve yapıyla sayfaya eklersiniz.
Tablo ve temel form alanlarını kurarak kullanıcıdan veri alan ve veri gösteren bölümler oluşturursunuz.
Etiket, class ve id seçicileriyle öğeleri hedefleyip renk, yazı ve boşluk stillerini uygularsınız.
padding, border ve margin katmanlarını ve box-sizing davranışını kavrayarak boşlukları bilinçli yönetirsiniz.
HTML ve CSS'i birleştirerek tarayıcıda çalışan tek sayfalık kişisel bir web sayfasını baştan sona tamamlarsı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.
Flexbox, CSS Grid, container query ve akışkan tipografiyle her ekrana uyumlu arayüz kurmayı öğreten ileri seviye responsive web tasarım eğitimi.
Detayları Gör →
HTML'i hypermedia olarak kullanarak REST, HATEOAS ve htmx ile sunucu odaklı sade API mimarisi kurmayı öğreten uygulamalı kurumsal eğitim.
Detayları Gör →
Adobe Dreamweaver CC ile HTML, CSS kod yazımı, CSS Designer, Emmet, Bootstrap ve FTP ile site yayınlamayı öğreten uygulamalı kurumsal eğitim.
Detayları Gör →
Bootstrap 5 grid, kart ve bileşenleriyle duyarlı yönetim paneli kurma eğitimi. Chart.js grafikleri, koyu tema ve Sass ile uygulamalı dashboard.
Detayları Gör →
Bootstrap 5 geliştirme ortamı kurma eğitimi. CDN ve npm, Sass kaynağından derleme, PostCSS, Vite ve Webpack entegrasyonu uygulamalı anlatılır.
Detayları Gör →
Bootstrap 5 grid, flex yardımcıları ve form bileşenleriyle duyarlı düzen ve form kurma eğitimi. Input group, floating label ve doğrulama uygulamalı.
Detayları Gör →