Electron ve TailwindCSS ile Uygulama Geliştirme

Merhabalar,

Bu kursumuzda ElectronJS ile masaüstü uygulama geliştiriyoruz. Electron ile uygulama geliştirirken Tailwind CSS ile ekran tasarımlarını ayarlayacağız ve giriş işlemleri ve veritabanı işlemlerini Firebase ile gerçekleştireceğiz.

Electron ve TailwindCSS ile 2 tane uygulama geliştireceğiz. Böylece ElectronJS konularına tam olarak hakim olacaksınız.

İlk uygulamamızda Resim Yeniden Boyutlandırma işlemini gerçekleştireceğiz. İlk olarak electron ile masaüstü uygulama geliştiriyoruz ve pencerelerimizi TailwindCSS ile tasarlıyoruz. Yeniden boyutlandırmak istediğimiz resimlerimizi uygulamamıza yüklüyoruz. Genişlik ve Yükseklik girerek resmimizi yeniden boyutlandıracağız. Ardından Firebase Authentication ile üyelik oluşturma ve giriş işlemlerini gerçekleştireceğiz. Giriş işlemi yaptıktan sonra kullanıcı resim boyutlandırma işleminden sonra işlemlerin loglarına erişebilecek ve Firestore ile verilerimizi kullanıcıya göre saklayacağız.

İlk uygulamamızı geliştirdikten sonra ElectronJS konularından BrowserWindow - Menu - IPC  konularını öğreneceğiz. Firebase ile Üyelik Oluşturma - Giriş Yapma - Çıkış Yapma - Belge Kaydetme - Belge Listeleme ve Sıralama konularını öğrenmiş olacağız.

İkinci uygulamamızda Dosya Senkronizasyon işlemini gerçekleştireceğiz. Girilen yolda bulunan dosyası belirli aralıklarda başka bir yola kopyalayan uygulama gerçekleştireceğiz. Bu uygulamamızda da Tailwind CSS kullanacağız.

İkinci uygulamamızı geliştirdikten sonra ElectronJS Menü - Tray ve Notification işlemlerini öğreneceğiz.

Bu 2 uygulamadan sonra ElectronJs konularını her yönüyle öğrenmiş olacaksınız ve kendi masaüstü uygulamalarınızı geliştirebileceksiniz. Ekstra olarak geliştirdiğiniz uygulamalarınızda TailwindCSS ve Firebase işlemlerini de gerçekleştirebileceksiniz. Böylece uygulamalarınızın daha kapsamlı olmasını sağlayacaksınız.

Bu uygulamalardan sonra NodeJS ve Javascript konularında kendinizi geliştirerek ElectronJS ile ileri seviye masaüstü uygulamalar geliştirebilirsiniz.