11. SınıfBilişim Teknolojileri
Bileşenler ve Stil — Çalışma Sayfası
Kazanımlar, önemli noktalar ve sık yapılan hatalar tek sayfada.
Bu konuda öğrenecekleriniz
- Bileşenler ve Stil ile ilgili temel kavramları açıklar.
- Bileşenler ve Stil konusunun Mobil Uygulamalar dersi içindeki yerini ve önemini belirtir.
- Konuyla ilgili araç, gereç ve malzemeleri amacına uygun seçer.
- İş sağlığı ve güvenliği kurallarına uygun çalışır.
- Öğrendiği bilgi ve becerileri atölye/iş yeri uygulamalarında kullanır.
Önemli noktalar
- Mobil arayüz küçük ekrana uygun tasarlanmalıdır.
- Buton, metin kutusu ve liste temel bileşenlerdir.
- Duyarlı yerleşim farklı ekran boyutlarına uyar.
- Durum, verinin en yakın ortak atasında tutulur; alt bileşenlere kopyalanmaz.
- Aynı bileşen farklı verilerle yeniden kullanıldığında kod tekrarı ve hata yüzeyi azalır.
Formüller ve kurallar
- Mobil arayüz küçük ekrana uygun tasarlanmalıdır.
- Buton, metin kutusu ve liste temel bileşenlerdir.
- Duyarlı yerleşim farklı ekran boyutlarına uyar.
- Bileşen = görünüm + davranış; veri akışı özellik (props) ile aşağı, olaylar ile yukarı
- Tema = tasarım tokenları (renk, boşluk, yazı boyutu) üzerinden tek yerden yönetilir
Sık yapılan hatalar
- Bileşenler ve Stil ile ilgili kavramları birbirine karıştırmak: Temel kavramları tablo veya zihin haritasıyla ayırt et.
- Uygulamada standartlara ve iş güvenliği kurallarına uymamak: Her adımda güvenlik ve kalite kurallarını uygula.
- Kullanılan araç-gereci amacına uygun seçmemek ve bakımını ihmal etmek: Doğru ekipmanı seç, kullanım öncesi ve sonrası kontrol et.
- Aynı veriyi birden fazla bileşende kopyalamak: Kopyalar zamanla farklılaşır; tek kaynak tutulup özellik ile dağıtılır.
- Yaygın hata 5: Bileşenler ve Stil konusunda dikkat edilmesi gereken nokta 5.
Hızlı tekrar ipuçları
- Bileşenler ve Stil konusunu atölye ve iş yeri uygulamalarıyla pekiştir.
- Önemli noktaları kısa notlar hâlinde çıkarıp düzenli tekrar et.
- Uygulama öncesi iş güvenliği kontrol listesini gözden geçir.
- Soruda durum nerede tutulmalı deniyorsa ortak atası ara: tüm ağacı gereksiz yere taşıma.
Kendini dene
Bu sayfayı okuduktan sonra konu anlatımını tekrar oku ve kendi cümlelerinle özetle.