Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, bir eğitmen tarafından sunulan web geliştirme eğitimidir. Eğitmen, izleyicilere adım adım bir todo uygulaması oluşturmayı göstermektedir.
- Videoda, todo uygulamasının kullanıcı arayüzü tasarımı ve işlevselliği geliştirilmektedir. Eğitmen önce flexbox kullanarak liste öğelerini düzenler, ardından Icon.io kütüphanesinden check ve uyarı ikonları ekler. Daha sonra, kullanıcıların yeni görevler ekleyebilmesi için bir fonksiyon oluşturur ve bu fonksiyonun mevcut todo listesine yeni görev eklemesini gösterir. Video, basit bir todo uygulamasının nasıl geliştirileceğini öğrenmek isteyenler için faydalı bir kaynaktır.
- 00:05Todo List Uygulaması Tasarımı
- Touch opacity değeri %90 olarak ayarlanıyor.
- Flex direction değeri row olarak değiştiriliyor.
- Complete ve uncomplete durumları için check, warning veya stop gibi ikonlar eklenecek.
- 02:35İkon Ekleme ve Düzenleme
- Icon.io kütüphanesi kullanılarak ikonlar ekleniyor.
- İkonların size değeri 32 olarak ayarlanıyor.
- İkonların renkleri ve durumları (aktif/pasif) kontrol ediliyor.
- 08:58Uygulama Düzenlemeleri
- Space between özelliği kullanılarak öğeler arasında boşluk bırakılıyor.
- Center özelliği kullanılarak öğeler merkeze hizalanıyor.
- Paylaşım bölümü tamamlanıyor.
- 10:27Todo Ekleme Fonksiyonu
- Todo ekleme için bir buton oluşturuluyor.
- Butona tıklandığında "addToThe" isimli fonksiyon çalıştırılıyor.
- AddToThe fonksiyonu, var olan listeye yeni değer ekliyor.
- 11:55Veri Ekleme ve Listeleme
- Map yapısı kullanılarak yeni bir veri oluşturuluyor.
- Oluşturulan veri, mevcut todo listesine ekleniyor.
- Eklenen todo listesi görüntüleniyor.