Bootstrap ortamını doğru kur
Bootstrap Environment, Requirements, & Setup Eğitimi, Bootstrap 5'i bir projeye profesyonelce dahil etmenin tüm yollarını öğretir. Program; CDN, indirme ve npm yöntemlerini, Sass kaynağından içe aktarma ve değişken-harita ile özelleştirmeyi, PostCSS ve Autopr…
Dahil etme yöntemleri, npm paketleri, Sass derleme ve bundler entegrasyonu
Bootstrap Environment, Requirements, & Setup Eğitimi, Bootstrap 5'i bir projeye profesyonelce dahil etmenin tüm yollarını öğretir. Katılımcılar CDN, indirme ve npm yöntemlerini karşılaştırır; Sass kaynağından seçili bileşenleri içe aktarıp değişkenlerle özelleştirir. Program, PostCSS ve Autoprefixer, Vite ve Webpack entegrasyonu, Popper gibi JavaScript bağımlılıkları ve CSS değişkenleriyle tema kurulumunu kapsayarak bakımı kolay bir yapı ortaya çıkarır.
4 Gün. Her gün dört modül; her kurulum yöntemi önce anlatılır, ardından aynı proje farklı yöntemlerle kurularak sonuçlar karşılaştırmalı test edilir.
Orta Seviye — Bootstrap 5 geliştirme ortamını kurmayı, Sass kaynağını ve bundler entegrasyonunu öğreten program
Aynı proje önce CDN, sonra npm ve Sass, en son bundler ile kurulur; her yöntemin avantajı uygulamalı karşılaştırılır.
Projenin ölçeğine göre CDN, npm ya da Sass kaynağından hangisinin uygun olduğunu bilerek doğru yöntemi seçersiniz.
Vite ve Webpack ile Bootstrap'ı derleme hattına katıp otomatik ön ek ve küçültme sürecini kurmayı öğrenirsiniz.
Sass değişkenleri ve haritalarıyla Bootstrap'ı tema düzeyinde özelleştirip gereksiz kodu dışarıda bırakmayı kavrarsınız.
Eğitime başlamadan önce faydalı olacak bilgi ve araçlar
Temel HTML yapısı ve CSS seçicileri bilmek kurulum sonrası çıktıyı doğrulamayı kolaylaştırır.
Terminalde dizin değiştirme ve komut çalıştırma gibi temel beceriler npm adımlarını kolaylaştırır.
Node.js ve npm'in kurulu olması paket yönetimi ve bundler modüllerinde gereklidir.
VS Code gibi bir editör ve terminal erişimiyle çalışabilir durumda olmak yeterlidir.
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:
CDN, yerel indirme ve npm yöntemlerini karşılaştırarak projeye en uygun kurulum biçimini seçebilirsiniz.
Bootstrap'ı npm paketiyle kurup sürümleyebilir, bağımlılıklarını ve güncellemelerini güvenle yönetebilirsiniz.
Sass değişken ve haritalarıyla temayı kaynaktan özelleştirip yalnızca gerekli bileşenleri derleyebilirsiniz.
Autoprefixer ve cssnano gibi PostCSS eklentileriyle tarayıcı ön eki ve küçültme sürecini otomatikleştirirsiniz.
Bootstrap'ı Vite derleme hattına katıp hızlı yenileme ve optimize üretim çıktısı üretmeyi uygulayabilirsiniz.
sass-loader zinciri ve plugin'lerle Bootstrap'ı Webpack projesine entegre edip CSS çıktısını ayırabilirsiniz.
Popper ve bundle seçimini kavrayarak bileşenleri veri nitelikleri veya programatik API ile doğru tetiklersiniz.
Bootstrap CSS değişkenleri ve data-bs-theme ile açık-koyu tema ve marka rengini çalışma anında uyarlayabilirsiniz.
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.
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 →
Bootstrap 5 grid, bileşen ve yardımcı sınıflarıyla duyarlı arayüz geliştirme eğitimi. Navbar, kart, form, modal ve Sass özelleştirme uygulamalı.
Detayları Gör →
Seçicilerden Flexbox, Grid, animasyon ve özel değişkenlere kadar modern CSS eğitimi. Duyarlı ve etkileşimli arayüz tasarımı uygulamalı.
Detayları Gör →
CSS seçicileri, kutu modeli, Flexbox ve medya sorgularıyla web biçimlendirme eğitimi. HTML bilenler için uygulamalı ve kurumsal CSS giriş programı.
Detayları Gör →
CSS transition, transform, @keyframes ve performanslı animasyon eğitimi. Akıcı geçişler, 3B dönüşümler ve scroll animasyonlarıyla uygulamalı ve kurumsal.
Detayları Gör →
CSS Grid, custom properties, container queries, :has ve ölçeklenebilir CSS mimarisi eğitimi. İleri seçiciler ve performansla uygulamalı ve kurumsal.
Detayları Gör →