Bileşenler bir sistemin elle tutulur parçalarıdır ve iyi tasarlanmış bir bileşen her ekipte aynı davranır. Bu modül bir bileşenin anatomisini, varyant ve özellikleri, bileşenleri birleştirmeyi, erişilebilir bileşen kalıplarını ve tasarım dosyası ile kodun tek kaynaktan beslenmesini anlatır.
Bu modülün sonunda
- Bir bileşeni parçaları, varyantları ve durumlarıyla tanımlar.
- Bir bileşeni erişilebilir bileşen kalıplarına göre denetler.
Dersler
- M03-D01Bileşen anatomisiProgramda
Bir bileşenin parçalarını, sabit ve değişken kısımlarını ve alt bileşenlerini tanımlamayı gösterir.
Dayanak: Meslek kaynağı: Frost (2016)
- M03-D02Varyant ve özellikProgramda
Bir bileşenin boyut, tür ve durum varyantlarını özelliklerle tanımlamayı ve varyant sayısının patlamasını önlemeyi açıklar.
Dayanak: Bileşen varyantları (kaynak yazımda seçilir)
- M03-D03KompozisyonProgramda
Küçük bileşenleri birleştirerek daha büyük kalıplar kurmayı ve tek dev bileşen yerine birleştirilebilir parçalar tasarlamayı gösterir.
Dayanak: Meslek kaynağı: Frost (2016)
- M03-D04Erişilebilir bileşenProgramda
Menü, sekme, açılır pencere ve akordeon gibi bileşenlerin klavye ve ekran okuyucuyla çalışması için yerleşik kalıpları açıklar.
Dayanak: Standart: W3C, WAI-ARIA Authoring Practices Guide (sürüm yazımda doğrulanır); W3C, WCAG 2.2 (2023)
- M03-D05Tek kaynakProgramda
Tasarım dosyasındaki bileşen ile koddaki bileşenin birbirinden kopmasının nedenlerini ve ikisini aynı kaynaktan beslemenin yollarını tartışır.
Dayanak: Tasarım ve kod eşlemesi (kaynak yazımda seçilir)