Bootstrap ile hızlıca arayüz kur
Bootstrap Giriş Eğitimi, Bootstrap 5 ile duyarlı web arayüzlerini hızla kurmanın temellerini uygulamalı öğretir. Program Bootstrap kurulumu, container ve 12 sütunlu grid sistemi, kırılım noktaları ile duyarlılık, flexbox yardımcı sınıfları, navbar ve kart bil…
Grid sisteminden hazır bileşenlere ve Sass özelleştirmesine kadar Bootstrap giriş
Bootstrap Giriş Eğitimi, Bootstrap 5 ile duyarlı web arayüzlerini hızla kurmanın temellerini uygulamalı öğretir. Katılımcılar grid sistemini, kırılım noktalarını, container yapısını ve flexbox yardımcı sınıflarını kavrar. Ardından navbar, kart, form, modal ve carousel gibi hazır bileşenler ile boşluk, renk ve tipografi yardımcı sınıfları işlenir. Program Sass değişkenleriyle temayı özelleştirme ve Bootstrap Icons kullanımıyla tamamlanır.
2 Gün. Her gün dört modül; kısa anlatımın ardından örnek bir açılış sayfası Bootstrap sınıflarıyla adım adım kurulur.
Başlangıç Seviyesi — Bootstrap 5 ile hızlı ve duyarlı arayüz kurmayı öğreten giriş programı
Tek bir örnek sayfa iki gün boyunca kademeli olarak kurulur; her modülde yeni bir Bootstrap aracı doğrudan sayfaya uygulanır.
Hazır grid ve bileşenlerle sıfırdan CSS yazmadan, kısa sürede düzenli ve duyarlı arayüzler kurmayı öğrenirsiniz.
Kırılım noktaları ve grid ile sayfaların telefon, tablet ve masaüstünde doğru görünmesini sağlamayı öğrenirsiniz.
Sass değişkenleriyle renk ve stilleri markaya uyarlayarak Bootstrap'in hazır görünümünün ötesine geçersiniz.
Eğitime başlamadan önce faydalı olacak bilgi ve ortam
Etiket, öznitelik ve sayfa yapısı gibi temel HTML kavramlarını bilmek gerekir.
Sınıf seçicisi, renk ve boşluk gibi temel CSS kavramlarına aşinalık öğrenmeyi kolaylaştırır.
VS Code gibi bir kod düzenleyicinin kurulu olması uygulamalı çalışma için gerekir.
Chrome veya Firefox gibi güncel bir tarayıcı ile geliştirici araçlarına erişim faydalı 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:
Bootstrap'i CDN veya npm ile projeye ekler, starter şablonuyla mobil öncelikli bir sayfa kurabilirsiniz.
12 sütunlu grid ile container, satır ve sütunları kullanarak düzenli ve esnek sayfa yerleşimleri kurarsınız.
Kırılım noktalarıyla sayfaların telefon, tablet ve masaüstünde doğru görünmesini sağlayabilirsiniz.
Flexbox yardımcı sınıflarıyla öğeleri yatay ve dikey hizalar, esnek ve hizalı düzenler oluşturursunuz.
Navbar, kart, buton ve form bileşenlerini kullanarak tutarlı ve profesyonel görünümlü arayüzler kurarsınız.
Bootstrap form sınıflarıyla doğrulama durumlu, grid tabanlı ve kullanışlı formlar tasarlayabilirsiniz.
Modal, carousel ve dropdown gibi etkileşimli bileşenlerle sayfaya hareket ve işlevsellik katarsınız.
Yardımcı sınıflar ve Sass değişkenleriyle renk ve stilleri markaya uyarlayıp özgün bir görünüm kurarsı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.
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 →
JavaScript dil kurallarını, fonksiyonları, kapsam ve closure'ı öğrenin; DOM ile HTML elemanlarını seçip olaylarla yönetin. Uygulamalı orta seviye eğitim.
Detayları Gör →