Bootstrap'i markanıza göre genişletin
Whole Page Controls & Extending Bootstrap Eğitimi, Bootstrap ile tüm sayfa düzenini kontrol etmeyi ve çatıyı Sass ile genişletip markaya uyarlamayı öğretir.
Sayfa düzen kontrollerinden Sass ile Bootstrap'i genişletmeye ve özel bileşen üretimine
Whole Page Controls & Extending Bootstrap Eğitimi, Bootstrap ile tüm sayfa düzenini kontrol etmeyi ve çatıyı Sass ile genişletip markaya uyarlamayı öğretir. Katılımcılar navbar, sidebar, footer ve sticky öğelerle bütün sayfa iskeletini kurar; Sass değişkenleri, haritalar ve mixin'lerle temayı genişletir. Utility API ile yardımcı sınıf üretme, bileşen stillerini geçersiz kılma, özel bileşen oluşturma ve koyu mod işlenir. Program bütünleşik bir sayfa projesiyle tamamlanır.
3 Gün. Her gün dört modül; kısa anlatımların ardından özelleştirilmiş bir Bootstrap sayfası adım adım geliştirilir.
Orta Seviye — bütün sayfa düzen kontrolleri ve Bootstrap'i Sass ile genişletip özelleştirme programı
Her modülde Bootstrap bir sayfaya uygulanıp genişletilir; üç gün boyunca özelleştirilmiş bütünleşik bir sayfa birlikte kurulur.
Navbar, sidebar, footer ve sticky öğelerle bütün sayfa düzenini kontrol ederek tutarlı uygulama iskeletleri kurarsınız.
Sass değişkenleri ve haritalarla Bootstrap'i kurumsal markaya uyarlayarak özgün ve tanınabilir arayüzler üretirsiniz.
Utility API ve özel bileşenlerle Bootstrap'i kendi tasarım sisteminize dönüştürüp yeniden kullanılabilir yapı kurarsınız.
Eğitimden verim almak için faydalı olacak ön bilgi ve ortam gereksinimleri
Grid, temel bileşenler ve yardımcı sınıflara aşinalık beklenir; eğitim bu temeli genişletme üzerine kuruludur.
Semantik HTML ve CSS seçici, box model gibi temel CSS konularını bilmek, özelleştirmeyi izlemek için gerekir.
Değişken ve iç içe yapı gibi temel Sass kavramlarını tanımak faydalıdır; derleme adımı eğitimde gösterilir.
Sass derlemesi için Node.js ve npm'in kurulu, bir editör ile güncel tarayıcının hazır olması gerekir.
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:
Navbar, sidebar, footer ve sticky öğelerle bütün sayfa iskeletini kontrol ederek tutarlı uygulama düzenleri kurarsınız.
sticky, fixed ve scrollspy ile kaydırma davranışını yöneterek kullanıcı dostu ve düzenli sayfalar tasarlarsınız.
Bootstrap'in Sass yapısını kavrayarak değişkenleri doğru sırayla ezer ve yalnızca gerekli bileşenleri derlersiniz.
theme-colors ve spacers gibi haritaları genişleterek markaya özgü renk ve boşluk ölçekleri tanımlayabilirsiniz.
Utility API ile kendi yardımcı sınıflarınızı responsive ve durum seçenekleriyle tanımlayıp Bootstrap'i genişletirsiniz.
Bootstrap üzerine yeniden kullanılabilir, erişilebilir ve markaya uygun özel bileşenler oluşturabilirsiniz.
data-bs-theme ve CSS değişkenleriyle koyu mod ve çalışma zamanında tema değiştirme özelliği kurabilirsiniz.
Genişletme tekniklerini birleştirerek Bootstrap'i kurumsal bir tasarım sistemine dönüştürebilirsiniz.
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.
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 →
Web'in çalışmasından HTML yapısına, CSS stillemeden Flexbox yerleşime ve gerçek bir sayfa projesine sıfırdan HTML ve CSS öğreten başlangıç eğitimi.
Detayları Gör →
Semantik HTML, WCAG, klavye ve ekran okuyucu, ARIA ve test araçlarıyla erişilebilir ve kapsayıcı web arayüzleri kurmayı öğreten uygulamalı eğitim.
Detayları Gör →