The latest articles on DEV Community by HalukHackali (@halukhackali). https://dev.to/halukhackali https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F454845%2F624d172e-c9f9-4613-8dc2-52f32e749d5e.png https://dev.to/halukhackali en HalukHackali Sun, 09 Jan 2022 18:06:41 +0000 https://dev.to/halukhackali/flutter-ile-proje-gelistirme-pm-ui-backend-flutter-2a32 https://dev.to/halukhackali/flutter-ile-proje-gelistirme-pm-ui-backend-flutter-2a32 <ol> <li> PM-Project Manager </li> <li> Tasarım-UI </li> <li> Back-End </li> <li> Flutter-Coding </li> </ol> <blockquote> <h2> 💡Önemli 💡 </h2> <ul> <li>Local proje yapmak çok verimli değil, mümkün olduğunca local proje yapmamaya çalış.</li> <li>Temiz başlangıç için coding(flutter) kısmına özen göster.</li> </ul> </blockquote> <h2> PM - Project Manager </h2> <ul> <li>Projeye başlarken bir PM'in neler bilmesi gerektiğini öğren.</li> <li>Elimde neler var? Bunları bil. <ul> <li>Theme "<strong>dark and light</strong>" kolaylığı.</li> <li>UI KIT kolaylığı.</li> </ul> </li> <li>Neler yapılmış? Araştır. <ul> <li> <a href="https://itsallwidgets.com">https://itsallwidgets.com</a> sitesinden neler yapılmış, hangi uygulamalar ne şekilde oluşturulmuş, widget'lar nasıl yapılmış gör.</li> <li>UI tasarımlarını iyi düşünerek projeye başla.</li> </ul> </li> </ul> <h2> Tasarım-UI </h2> <ul> <li>Uygulamanın '<strong>component</strong>' setinin önceden hazırlanması çok önemli. Hazırda dursun.</li> <li>Tasarım işinin önceden bitirilmesi faydalı olur.</li> <li> <em>Zeplin</em> öğren ; <ul> <li>Flutter plugin'inini Zepline ekle! <ul> <li> <strong>Styleguide</strong>: <strong>a.</strong> Color palette <strong>b</strong>. Text Style Catalog <strong>c.</strong> Spacing and Layout <strong>d.</strong> Component</li> </ul> </li> </ul> </li> <li>Tasarımcı olarak çalışmalarını Iphone_8'e göre hazırla. Çentiksiz ekranlar tasarım açısından daha uyumlu.</li> <li>Ekran ve Widget'lar için en-boy oranlarının nasıl ayarlanması gerektiğini <a href="https://www.youtube.com/channel/UCdUaAKTLJrPZFStzEJnpQAg">HardwareAndro</a> kanalından öğren.</li> <li>Elle en-boy-boşluk vs değerleri verme. Bunun için en kötü yüzdesel mantık kullan ya da MediaQuery ya da <a href="https://pub.dev/">pub.dev</a>'den <a href="https://pub.dev/packages/flutter_screenutil">flutter_screenutil</a> paketini kullan.</li> <li>Figma'da flowlar kullan. Hangi ekran-buton nereye gidecek belli olsun.</li> </ul> <h2> BackEnd </h2> <ul> <li>Database işlerini nasıl yapacağız önce buna karar ver?</li> </ul> <h3> Database için iki farklı bakış açısı var: </h3> <p>1️⃣ <code>FireBase Kullan</code></p> <ul> <li><p>Sunucu maliyeti düşük 📉</p></li> <li><p>Security derdi yok ✅</p></li> <li><p>No-Sql yapısı var 🚩</p></li> <li><p>Search embeded olarak gelmiyor. (Elasticsearch ile search işlerini yapabilirsin.) ⚠️</p></li> </ul> <p>2️⃣ <code>Kendi Backend'ini Yaz</code><br> (<em>Node.js - Go - **Django</em>* - Spring - .Net vb* kullan...)</p> <ul> <li><p>Sunucu maliyeti ilk zamanlar yüksek 💲</p></li> <li><p>Daha uzun zaman alabilir ⏳</p></li> <li><p>Güvenlik işleri zor 🚨</p></li> <li><p>Devops tutmak gerekebilir ❌</p></li> <li><p>Sunucu - Publishing - Security işlerine biraz hakim olmak gerekli ❌</p></li> <li><p>Her şey senin elinde, daha özgür hareket edebilirsin. ✅</p></li> <li><p>Seraching embeded değil, doğrudan query yap kullan ✅</p></li> <li><p>Firebase'e göre daha zor ama daha işlevsel ✅</p></li> <li><p>Büyük projeler için ve kendini geliştirmek için daha faydalı✅</p></li> <li><p>Zaman içinde maliyet avantakı oluşuyor 📉</p></li> </ul> <h2> Flutter </h2> <ul> <li> <a href="https://www.youtube.com/channel/UCdUaAKTLJrPZFStzEJnpQAg">HardwareAndro</a> kanalındaki videoları izle ve <a href="https://vb10.dev">vb10.dev</a> sitesinden "<strong>Ana Kısım</strong>" bölümünü iyice oku.</li> <li> <a href="https://pub.dev/">pub.dev</a> sitesindeki önmeli paketleri kullan. <ul> <li>Localization için: <a href="https://pub.dev/packages/easy_localization">easy_localization</a> kullan.</li> <li>State Managment için: <a href="https://pub.dev/packages/mobx">mobx</a> kullan</li> <li>Kendini geliştir ve bunların üzerine <a href="https://pub.dev/packages/bloc">bloc</a> ekle/öğren.</li> <li>Animasyonlar için: <a href="https://pub.dev/packages/animations">animations</a> kullan</li> <li>Ekran boyutlandırma için: <a href="https://pub.dev/packages/flutter_screenutil">flutter_screenutil</a> kullan</li> <li>Routing içi: Veli Hoca'yı bekle, paket yazıyor. 🔥🐍</li> </ul> </li> <li>Projeyi temiz tut; <ul> <li> <a href="https://vb10.dev">vb10.dev</a>'den projeyi temiz tutmakla alakalı yazıları oku: <ul> <li>Tema kullanımı, 🎨</li> <li>Saklama(cache), 💾</li> <li>Çoklu dil(multi language) 🇹🇷🇺🇸</li> <li> <a href="https://pub.dev/packages/hive">Hive</a> kullan ✅</li> </ul> </li> </ul> </li> <li>Unit testleri yaz.</li> <li>Service testleri yaz.</li> <li>Tema yönetimi yap. (Custom tema yaz) 🎨</li> <li>Widget'ları modüler ve atomic yap. Widget catalog oluştur. 🧩</li> <li>Bir sayfada max. 200 satır kod olsun. Fazlaysa parçala, widget'ları dışarı çıkar. 🔪</li> <li>Dart Lang Tutorial'ı mutlaka oku. 📑</li> <li>'<strong>Flutter Apperantive</strong>' kitabını oku. 📘</li> <li> <a href="https://dart.dev/guides/language/effective-dart/usage">dart.dev</a>'den <strong><em>Effective Dart</em></strong> bölümünü oku.  📄</li> </ul>