Figma ve No Code Araçlar ile Mobile Uygulama Eğitimi series by

Figma, Bravo Studio ve Airtable üçlüsünü kullanarak herhangi bir yazılım diline ihtiyaç duymadan yapmış olduğunuz tasarımlarınızı gerçek bir mobil uygulamaya dönüştürebilirsiniz! Eğitimde proje olarak “MyTravel” uygulamasını hayata geçirirken, Design System mantığını kullanarak bir alt yapı oluşturacaksınız. Özellikle Aspect Ratio ve Flex kurallarına göre, uygulama içinde yer alan içeriğinizi ise Airtable yardımıyla Bravo Studio içerisine aktarabileceksiniz. Son olarak, Apple ve Android için kurulum dosyasını oluşturup uygulamayı hayata geçirebilirsiniz. Eğer Figma bilgisine sahip değilseniz, temel Figma bilgilerini bu eğitimde öğrenebilirsiniz! 1-Eğitim Seti Hakkında 2-Temel Figma Eğitimi 3-Bravo Studio Nedir, Ne İşe Yarar? 4-Üyelik İşlemleri ve Figma ile Entegrasyon 5-Bravo Vision Uygulamasının Kurulması 6-Yapılacak Uygulamalar için Icon Oluşturma 7-Container ve Fixed Header Kullanımı 8-Bravo Studio Üzerinde Hiyerarşik Yapının Ayarlanması 9-Hamburger, Tab ve Modal Menü Seçenekleri 10-Aspect Ratio Nedir ve Nasıl Uygulanır? 11-Airtable Nedir ve Veri Girişi Nasıl Yapılır? 12-Spalsh Screen, Horizontal / Vertical Swipe Pages 13-Detaylarıyla Effective Carousel(Slider) Uygulamaları 14-Sticky Button Oluşturma 15-Intro Oluşturma 16-Loading Page Tanımlama 17-Ses Dosyaları ile Çalışma 18-Video Dosyaları ile Çalışma 19-Esnek Metinler ile Çalışma 20-Web View Kullanımı 21-Zoom in ve Zoom Out 22-Travel Uygulamasının Tasarımı ve Mobil Cihazda Test Edilmesi 23-Uygulama Dosyası Oluşturma ve Kurulumun Yapılması

  • Bravo Studio'ya Giriş of Figma ve No Code Araçlar ile Mobile Uygulama Eğitimi by

    Bravo Studio Nedir ve Program Arayüzüne Giriş

  • Temel Figma Eğitimi 1 of Figma ve No Code Araçlar ile Mobile Uygulama Eğitimi by

    Figma 101 Dersleri - Kısım 1

  • Temel Figma Eğitimi 2 of Figma ve No Code Araçlar ile Mobile Uygulama Eğitimi by

    Figma 101 Dersleri - Kısım 2

  • Üyelik ve Figma Dosyasını Bravo'ya Bağlama of Figma ve No Code Araçlar ile Mobile Uygulama Eğitimi by

    Bravo Studio'ya Üyelik ve Figma Entegrasyonu

  • Bravo Vision Uygulamasının Kurulması of Figma ve No Code Araçlar ile Mobile Uygulama Eğitimi by

    Uygulamanın Kurulması ve Frame'lerin Import Edilmesi

  • Yapılacak Uygulamalar için Icon Oluşturma of Figma ve No Code Araçlar ile Mobile Uygulama Eğitimi by

    Uygulama İçin Kullanılacak Icon'un Oluşturulması

  • Container ve Fixed Header Kullanımı of Figma ve No Code Araçlar ile Mobile Uygulama Eğitimi by

    Container etiketinin kullanımı Uygulama için sabit header oluşturma

  • Bravo Studio Üzerinde Hiyerarşik Yapının Ayarlanması of Figma ve No Code Araçlar ile Mobile Uygulama Eğitimi by

    Hiyerarşi ile etiketlerin konumlandırılması ve root yapısını katmanlar üzerinde ayarlama

  • Hamburger, Tab ve Modal Menü Seçenekleri of Figma ve No Code Araçlar ile Mobile Uygulama Eğitimi by

    3 farklı menü seçeneğini mobil uygulama üzerinde tasarlama ve test etme

  • Aspect Ratio Nedir ve Nasıl Uygulanır? of Figma ve No Code Araçlar ile Mobile Uygulama Eğitimi by

    Mobil Uygulama yaparken en ve boy oranının korunması

  • Airtable Nedir ve Veri Girişi Nasıl Yapılır? of Figma ve No Code Araçlar ile Mobile Uygulama Eğitimi by

    Airtable üzerinde ilgili alanları veri tiplerine göre oluşturma

  • Splash Screen, Horizontal / Vertical Swipe Pages of Figma ve No Code Araçlar ile Mobile Uygulama Eğitimi by

    Splash Screen ekranı hazırlama Yatay ve Dikey kaydırılabilir sayfalar oluşturma

  • Detaylarıyla Effective Carousel(Slider) Uygulamaları of Figma ve No Code Araçlar ile Mobile Uygulama Eğitimi by

    Tüm Carousel seçeneklerinin test edilmesi ve uygulanması

  • Sticky Button Oluşturma of Figma ve No Code Araçlar ile Mobile Uygulama Eğitimi by

    Sayfa üzerinde sabit elementler oluşturma

  • Intro Oluşturma of Figma ve No Code Araçlar ile Mobile Uygulama Eğitimi by

    Açılış sayfası oluşturma

  • Loading Page Tanımlama of Figma ve No Code Araçlar ile Mobile Uygulama Eğitimi by

    Yükleme sayfası oluşturma

  • Ses Dosyalarıyla Çalışma of Figma ve No Code Araçlar ile Mobile Uygulama Eğitimi by

    Ses dosyalarının eklenmesi play, pause ve stop işlemleri

  • Video Dosyaları ile Çalışma of Figma ve No Code Araçlar ile Mobile Uygulama Eğitimi by

    Video dosyalarının uygulama içinde kullanımı

  • Esnek Metinler ile Çalışma ve Api'den Veri Çekme of Figma ve No Code Araçlar ile Mobile Uygulama Eğitimi by

    Responsive metinlerle çalışma ve api üzerinden veri çekme

  • Web View Kullanımı of Figma ve No Code Araçlar ile Mobile Uygulama Eğitimi by

    Mobil uygulama içine harici url çağırma

  • Zoom In ve Zoom Out of Figma ve No Code Araçlar ile Mobile Uygulama Eğitimi by

    Uygulama içi Zoom In/Zoom Out

  • Uygulamanın Tamamlanması - Kısım 1 of Figma ve No Code Araçlar ile Mobile Uygulama Eğitimi by

    Design System prosedürlerine uygun olarak uygulamanın ilk kısmının tamamlanması

  • Uygulamanın Tamamlanması - Kısım 2 of Figma ve No Code Araçlar ile Mobile Uygulama Eğitimi by

    Design System prosedürlerine uygun olarak uygulamanın son kısmının tamamlanması

  • APK Oluşturma ve Cihazda Test Edilmesi of Figma ve No Code Araçlar ile Mobile Uygulama Eğitimi by

    APK Dosyasının oluşturulması ve Testler