Web sayfalarına CSS ile biçim ver
CSS Giriş Eğitimi, HTML sayfalarına görsel biçim kazandırmayı sıfırdan öğretir. Program CSS söz dizimi ve bağlama yöntemleri, seçiciler ve özgüllük, cascade mantığı, kutu modeli, margin ve padding, box-sizing, renk ve birimler, tipografi, display akışı, Flexb…
Söz diziminden kutu modeline, Flexbox'tan duyarlı tasarımın ilk adımlarına
CSS Giriş Eğitimi, HTML ile oluşturulmuş sayfalara görsel biçim kazandırmayı sıfırdan öğretir. Katılımcılar önce seçicileri, özgüllük kuralını ve cascade mantığını kavrar; ardından kutu modeli, margin, padding ve border ile boşlukları yönetir. Program renk, birim ve tipografi ayarlarının ardından display, Flexbox ve position ile yerleşime geçer. Son olarak medya sorgularıyla farklı ekranlara uyum sağlayan duyarlı bir sayfa kurulur.
2 Gün. Her gün dört modül; kısa anlatımın ardından aynı sayfa adım adım biçimlendirilerek her CSS kuralının görsel sonucu tarayıcıda anında gözlemlenir.
Başlangıç Seviyesi — HTML bilen herkese CSS seçicileri, kutu modeli ve Flexbox ile yerleşimi öğreten giriş programı
Boş bir HTML sayfası modül modül biçimlendirilir; her kuralın etkisi tarayıcı geliştirici araçlarında canlı olarak incelenerek pekiştirilir.
Seçici, özgüllük ve cascade mantığını baştan doğru öğrenerek ileride çözülmesi zor stil çakışmalarının önüne geçersiniz.
Margin, padding, border ve box-sizing ilişkisini kavrayarak boşluk ve hizalama sorunlarını güvenle çözersiniz.
Flexbox ve medya sorgularıyla telefon ve masaüstünde düzgün görünen esnek sayfalar kurmayı öğrenirsiniz.
Eğitime başlamadan önce faydalı olacak bilgi ve hazırlık
Etiket, öznitelik ve basit bir sayfa iskeleti oluşturmayı bilmek CSS'in neyi biçimlendirdiğini anlamayı kolaylaştırır.
Visual Studio Code veya benzeri bir editörün kurulu ve dosya açıp kaydedebilir durumda olması yeterlidir.
Chrome veya Firefox gibi geliştirici araçları bulunan güncel bir tarayıcı önizleme ve inceleme için gereklidir.
Dosya ve klasör yönetimi ile temel bilgisayar becerileri dersin akışını takip etmek için yeterli olur.
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:
Harici, iç ve satır içi stilleri doğru yerde kullanarak CSS'i düzenli ve bakımı kolay biçimde HTML'e bağlarsınız.
Class, id ve birleşik seçicilerle istediğiniz öğeyi hedefler, özgüllük çakışmalarını bilinçli biçimde çözersiniz.
Margin, padding, border ve box-sizing ilişkisini kullanarak boşluk ve hizalamayı güvenle kontrol edersiniz.
Renk birimleri, font ayarları ve satır yüksekliğiyle okunabilir ve tutarlı bir görsel dil oluşturursunuz.
Flexbox ekseni, hizalama ve sarma özellikleriyle öğeleri esnek ve düzgün biçimde yerleştirebilirsiniz.
relative, absolute, fixed ve sticky konumlandırmayı z-index ile birlikte doğru senaryoda uygularsınız.
Medya sorguları ve esnek birimlerle telefon ve masaüstünde düzgün görünen sayfalar kurabilirsiniz.
Tarayıcı geliştirici araçlarıyla uygulanan stilleri inceler, çakışmaları ve boşluk sorunlarını hızla bulursunuz.
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.
Less değişkenleri, mixin, iç içe yazım, guard, fonksiyon ve derleme hattıyla ölçeklenebilir ve sürdürülebilir CSS yazmayı öğreten uygulamalı eğitim.
Detayları Gör →
Sass değişkeni, mixin, @extend, @if ve @each kontrol yapıları, map ve @use modül sistemiyle modüler CSS yazmayı öğreten uygulamalı eğitim.
Detayları Gör →
DOM, olaylar, form doğrulama, fetch ve modüllerle çerçeve kullanmadan etkileşimli web uygulamaları kurmayı öğreten uygulamalı JavaScript eğitimi.
Detayları Gör →
Cascade layers, :has, container query, subgrid, oklch ve scroll-driven animasyonlarla güncel CSS özelliklerini öğreten ileri seviye front-end eğitimi.
Detayları Gör →
Semantik HTML, form ve medya, seçiciler, kutu modeli, renk ve tipografiyle HTML ve CSS özelliklerini derinlemesine öğreten ön yüz geliştirme eğitimi.
Detayları Gör →
transition, transform, keyframe animasyonu ve performans teknikleriyle akıcı ve erişilebilir CSS tabanlı hareket tasarlamayı öğreten uygulamalı eğitim.
Detayları Gör →