Bootstrap ile düzen ve form kur
Bootstrap Forms & Layout Eğitimi, Bootstrap 5 ile hem sayfa düzenini hem form arayüzlerini profesyonelce kurmayı öğretir. Program; container ve 12 kolonlu grid, breakpoint'ler, flex ve boşluk yardımcı sınıfları, form kontrolleri, seçim ve onay bileşenleri, in…
Container ve grid'den flex yardımcılarına, form bileşenlerinden doğrulamaya
Bootstrap Forms & Layout Eğitimi, Bootstrap 5 ile hem sayfa düzenini hem de form arayüzlerini profesyonelce kurmayı öğretir. Katılımcılar container, grid ve flex yardımcı sınıflarıyla duyarlı iskeletler tasarlar; ardından form kontrolleri, seçim kutuları, input group ve floating label gibi bileşenleri uygular. Program, form grid düzeni, yerleşik ve özel doğrulama ile erişilebilirlik kurallarıyla tamamlanarak kullanımı kolay formlar ortaya çıkarır.
3 Gün. Her gün dört modül; kısa anlatımın ardından aynı kayıt formu adım adım kurulup düzen ve doğrulama kararları tarayıcıda denenir.
Orta Seviye — Bootstrap 5 grid, flex yardımcıları ve form bileşenleriyle düzen ve form kurmayı öğreten program
Gerçek bir kayıt formu grid iskeletinden başlayarak bileşen bileşen kurulur; her adımda düzen ve doğrulama tarayıcıda test edilir.
Hazır form bileşenleriyle tüm projede aynı görünümde, erişilebilir ve kullanımı kolay formları hızla kurarsınız.
Grid ve flex yardımcı sınıflarıyla formları ve sayfa bölümlerini farklı ekranlara uyumlu biçimde yerleştirmeyi öğrenirsiniz.
Yerleşik ve özel doğrulama ile kullanıcı hatalarını anlaşılır biçimde gösteren formlar tasarlamayı kavrarsınız.
Eğitime başlamadan önce faydalı olacak bilgi ve araçlar
input, label ve form etiketlerine dair temel HTML bilgisi bileşenleri anlamayı kolaylaştırır.
Sınıf seçicileri ve kutu modeli gibi temel CSS kavramları düzen sınıflarını kavramayı hızlandırır.
Geliştirici araçlarıyla öğe inceleyebilmek doğrulama ve duyarlılık testlerini kolaylaştırır.
VS Code gibi bir editör ve canlı sunucu eklentisiyle ç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:
Container, 12 kolonlu grid ve breakpoint'lerle farklı ekranlara uyumlu sayfa iskeletlerini kurabilirsiniz.
Flex ve hizalama yardımcı sınıflarıyla öğeleri eksenlerde dağıtıp esnek ve düzenli yerleşimler oluşturursunuz.
Metin, seçim, onay ve range gibi form kontrollerini tutarlı ve erişilebilir biçimde kurabilirsiniz.
Girdilere ön ek, son ek ve ikon ekleyerek anlamlı ve kullanımı kolay birleşik alanlar tasarlayabilirsiniz.
Yüzen etiketlerle odakta yukarı kayan, yer tasarrufu sağlayan modern form alanları oluşturabilirsiniz.
Grid ile çok kolonlu, mobilde alt alta geçen duyarlı form yerleşimlerini kolaylıkla kurabilirsiniz.
Yerleşik ve özel JavaScript doğrulamasıyla kullanıcı hatalarını anlaşılır biçimde gösteren formlar kurarsınız.
Etiket bağlama, aria nitelikleri ve klavye gezinmesiyle herkes için kullanılabilir formlar tasarlayabilirsiniz.
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.
Mobile-first yaklaşım, media queries, Flexbox, Grid, srcset ve container queries ile her ekrana uyumlu responsive arayüz tasarlama eğitimi.
Detayları Gör →
Sass ile değişken, mixin, fonksiyon, @use modül sistemi ve 7-1 mimarisini uygulamalı öğreten kurumsal SCSS eğitimi. Modüler ve ölçeklenebilir CSS.
Detayları Gör →
Sıfırdan HTML öğreten temel seviye kurumsal eğitim. Doküman yapısı, metin, bağlantı, görsel, tablo, form ve semantik etiketler uygulamalı.
Detayları Gör →
Temel etiketlerden semantik HTML5, gelişmiş form, çoklu ortam, Canvas, Web Storage ve web bileşenlerine uzanan kapsamlı kurumsal HTML eğitimi.
Detayları Gör →
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 →