
Bu videoda Widget Tree / Widget Ağacı yapısına bakacağız
Bu videoda bir kartpostal uygulaması oluşturmaya başlayacağız ve ilk kodlarımızı yazarak bir giriş yapacağız. Material Design hakkında daha fazla bilgi için: https://material.io/
Bu videoda bir kartpostal uygulaması üzerinden Scaffold Widget kullanımına bakacağız. Material Design ve Renk Paleti hakkında daha fazla bilgi için: https://material.io/ https://www.materialpalette.com/
Bu videoda en çok kullanılan ara yüz widgetı Container detaylı incelenecek ve uygulamada kullanılacaktır.
Bu bölümde bir firma iletişim sayfası yapacağız, bu video ile ilk stateless widgetımızı oluşturacağız ve HotReload nasıl çalışıyor bakacağız.
Final Kodlara Erişim: https://github.com/KodPlanet/bugun_ne_yesem
Fal Listesi ve imaj dosyası : https://drive.google.com/drive/u/5/folders/18sODz_5GgbaGWJc4QkAeJES3Hqgbn5XU
Örnek Final kod: https://github.com/KodPlanet/falci_uygulamasi
MaterialApp uygulaması oluşturun ve home propertisine Scaffold atayarak widget ağacını kurmaya başlayabilirsiniz.
Bir Stateful Widget yaratabilir ve bunu Scaffold’un gövdesine atayabilirsiniz.
Sutün yapısı içerisinde 1 Image, 3 Card ve ListTile, 1 Text yer alıyor.
Imaj ve Texti boyutlandırmak için Container widget içine alabilirsiniz.
Fal listesini aşağıdaki linkten bulabilirsiniz.
Text ilk etapta geçici olarak Listenin ilk elemanını göstersin: “Tıkla Falın Gelsin”.
ListTile Widgetının leading: propertisinde Icon kullanabilirsiniz.
Cart widgetları onTap propertisi ile buton gibi davranabilir.
Her bir butondaki Icon ve Text’in rengi örnekteki gibi değişik olsun.
Card widgetlarının onTap: propertilerine birer anonim fonksiyon atayabilirsiniz.
Yanıtların indexini tutacak ve bir integer tipi değişken tanımlayabilirsiniz.
Anonim fonksiyonlar içinde setState() metodu kullanarak değişkene rastgele sayılar atayabilirsiniz. Bunun için math kütüphanesinden Random sınıfını kullanabilirsiniz, bir önceki videoda yaptığımız şekilde.
Butona tıklandığında Text widgetında Listeden rastgele fal gelmeli, fakat hangi butona basılı ise o konudaki 5 faldan biri olmalı bu.
Ses dosyalarını tek tek veya sounds.zip dosyası içinde indirebilirsini.
Bu modülde çok önemli temel konulara değinilecek, uzunca bir ders olacak, kolay gelsin :)
Uygulamada kullanıldığımız imaj dosyaları ekten indirebilirsiniz, veya dilerseniz kendi dosyalarınızı bulup kullanabilirsiniz.
Merhaba,
Bu kursu oluştururken amacım başlangıç seviyesi arkadaşlar için en güncel ve en iyi Türkçe kaynağı oluşturmaktı.
Flutter ve Dart diline özgü tüm temel kavramları en sade ve anlaşılır şekilde anlayacağınıza emin olabilirsiniz, çünkü her bir içerik ve modül güncel tüm dokümanlar, topluluk kaynakları ve uygulama örnekleri incelendikten sonra oluşturuldu.
Tüm dersler üzerine koyarak ilerleyecek şekilde düzenlendi ve ilave çalışma gerektirecek konularda da gerekli bilgilendirmeler eklendi.
Derslerin geneli eğlenceli ve modern uygulamaların basit birer örneği üzerinden ilerliyor, yazılım geçmişi olmayan arkadaşlar için ara dersler ile gerekli teorik bilgiler de uygulamalı şekilde anlatılıyor.
Kursu tamamladığınızda sıfırdan yayınlanmaya hazır bir uygulamayı yapacak bilgi seviyesinde olacaksınız.
Aşağıda yayınlanmış kurslarımla ilgili kullanıcı yorumlarından bazıları bulunuyor:
Youtube ve udemy dahil birçok paralı yada ücretsiz yerlerden kurslar aldım ilerledim hepsinde ama en temiz sade anlaşılır video bu olmuş eline emeğine sağlık hocam - İrfan Yaylak
Kursa yeni gelen arkadaşlar gönül rahatlığı ile kursu takip edebilirler. Gayet güzel bir kurs. - Buğra Kaan Türker
Emeğinize sağlık gerçekten harika bir eğitim serisi. Arkadaşlarıma da tavsiye ettim. - Bazengo
Merhabalar. Kanalınızı bugün keşfettim. Tam da aradığım içerik. Özel sipariş versem beklentilerimi bu kadar iyi karşılayabilirdi. Konuları adım adım almanız ve açıklamanız, şemalarla anlatışınız çok güzel olmuş. Özel ders tadında bir video serisi. Udemy veya benzeri platformlarda dersleriniz varsa hemen kayıt olabilirim. Programcılıkla ilgilenen arkadaşlara tavsiye edeceğim bir kanal olmuş. Şimdiden elinize ve emeğinize sağlık. - Musti
YouTube'da yine kaliteli bir kanal kaliteli bir içerik. Allah yardımcınız olsun - MaxRate
Hocam. Anlatım koleksiyonuz çok iyi ve severek hiç bıkmadan izledim. Benim de en çok zorluk çektiğim ve öğrenmek için araştırdığım yoldan anlatıyorsunuz. Örneğin.. Sırası ile hangi kod ne işe yarar, methodların yapısı vb.. Başarılarınızın devamını diliyorum - İsmail Koyuncu
Gerçekten anlatımınız çok iyi. sizleri tebrik eder başarılarınızın devamını dilerim. - Ahmet Karakaş
Çok teşekkür ederim, bu harika anlatım için. Tebrikler. - Sinan Sade
Anlatımınız, üslubunuz çok iyi niyetiniz çok süper udemy satışımız olsa ilk ben alırım - Selim Bulut
Hocam gayet güzel ve mantığına inerek anlatıyorsunuz çok teşekkür ederim - Ahmet Baba
Çok güzel anlatıyorsunuz. Mantığından detaylıca bahsetmeniz daha çabuk anlaşılmaya yarıyor. Lütfen seriye devam edin - T.Stark
Elinize, Ağzınıza Sağlık Hocam. Sizin gibiler az bulunur - Berkant Çakır
Harika anlatım gerçekten. Umarım çok ileri seviyelere kadar anlatırsınız. - Furkan Aktaş
hocam anlatımınız genel olarak aşırı kaliteli.. java biliyorum fazlasıyla hakimim bu konulara, aynı zaman da dartta da biliyorum nasıl yapılır ama dinliyorum böyle güzel anlatım mı olur :)- Barış Ünlü
Çok iyi gidiyor. Yeni keşfettim kanalı. Mükemmel. İnşallah örnekler çoğalır. Ellerinize sağlık. Udemy için de bol örnekli bir kurs bekleriz. :) - Buğra Kaan Türker
Hocam Selamlar anlatımınız çok net ve açık , youtube da bir çok flutter eğitim seti izledim , sizin gibi detaylı anlatan birisine denk gelmedim. - Serkan Ağca
Merhabalar, güzel, akıcı ve anlaşılır anlatımınız için teşekkürler çoğu özelliği hemen kavradım sayenizde :) - mor galaksi
Hocam Allah razı olsun, konu sıralamanız çok iyi. Önce temel widget eğitimi sonra Statefull widget lara geçmek için dart temellerini anlatmanız güzel. - Hakan Şeker
Dart diline girmeden önce temel mantığı anlamak çok daha eğlenceli ve anlaşılır geldi bana. Farklı platformlarda ise genelde önce Dart dilinden başlayıp sonra widget olayına giriliyordu. Anlatımınız gayet akıcı ve anlaşılır şekilde. Teşekkür ederim. - Güneş Tamer Öztürk
Matematik hocamdan daha iyi anlattınız :D ve ömrümde bu kadar iyi fonksiyon tanımı görmemiştim :)
2-3 gün oldu video serinize başlayalı daha önce bir sürü dil kullandım yaklaşık 3.5 yıldır yazılımla ilgileniyorum, dartın syntaxlarını merak ettiğimden izlemek istedim ama 2x hıza sarmıştım tam hızlandırdığımda bunu belirttiniz :D Anlatımınız çok sade ve güzel bu arada seriyi bitirdikten sonra da dönüp yorum yaparım şimdilik izlediğim videoların hepsini beğeniyorum. - Berkin Çetin