İndirimli Kayıt
Orjinlancer topluluğumuza özel %20 indirimle eğitime kayıt olabilirsiniz.
Framer Eğitimi (Online)
Sıfır kodla, Figma’dan kusursuz aktarım ile modern, animasyonlu ve tüm cihazlara uyumlu web siteleri oluşturun. Responsive tasarım, component - variant yapısı, değişken tabanlı tema kontrolü ve entegre CMS ile dakikalar içinde canlıya geçin.
Framer Nedir?
Framer, tasarımcılar ve geliştiriciler tarafından kodsuz, etkileşimli ve yüksek kaliteli web siteleri oluşturmak için kullanılan güçlü bir web geliştirme aracıdır. Bu eğitim, web tasarımlarınızı hayata geçirme ve ilgi çekici kullanıcı deneyimleri yaratma fırsatları sağlar.
Eğitimde Öğrenecekleriniz
Öncelikle Framer arayüzü ve temellerini oluşturarak başlayacağız. Framer içindeki componentlere ve özelliklere hakim olduktan sonra RG Crypto adlı hayali bir uygulama için web sitesi oluşturacağız. Her şeyi adım adım yapacağız ve eğitim boyunca önemli kavramlara değineceğiz.
Framer ile çalışmanın temellerini, bileşenlerle geliştirmeyi nasıl hızlandıracağınızı, CMS (İçerik Yönetim Sistemi) ile geniş ölçekte içerik oluşturmayı, mobil cihazlar için benzersiz deneyimler nasıl tasarlayacağınızı ve web sitenizi nasıl hayata geçireceğinizi öğreneceksiniz. Animasyonlar ve efektler, özel formlar oluşturma ve sitenizi SEO için optimize etme, özel CSS yazma gibi konulara da değiniyor olacağız.
Eğitim Konuları:
- Framer Nedir, Ne İşe Yarar?
- Framer Arayüzüne Giriş
- Layout ve Grid Kullanımı
- Breakpoints ve Responsive Design
- Figma Dosyalarıyla Çalışma
- Component-Variants-Variable
- Accordion Menu
- Scroll Layer Animation
- Custom Search Bar Yapımı
- Lottie File ile Çalışma
- FullPage Background Video Kullanımı
- Infinity Scroll Kullanımı
- Interactive Tab Content Components
- Interactive Toggle Components
- Sticky Scroll Animation (Yapışkan Frameler)
- Responsive Text Kullanımı
- One Page Site Oluşturma
- Mega Menu Uygulaması
- Popup-Modal Frame Uygulaması
- Slideshow Uygulaması
- IFrame Etiketinin Kullanımı
- CMS Nedir, Ne İşe Yarar?
- CMS Collection ve Yeni Verilerin Oluşturulması
- CMS Collection Detay Sayfası
- CMS Collection Ana Sayfa
- CMS Filtreleme
- Figma'da Tasarım ve Component Yapısının İncelenmesi
- Renk ve Tipografik Stillerin Oluşturulması
- Componentlerin Oluşturulması
- Responsive Header ve Menü Componentinin Oluşturulması
- Hero Section Alanının Tamamlanması
- Hakkımızda Alanının Tamamlanması
- Markalar Alanının Tamamlanması
- Hizmetlerimiz Alanının Tamamlanması
- Sayılarla Biz Alanının Tamamlanması
- Takımımız Alanının Oluşturulması
- Bize Ulaşın Alanının Oluşturulması
- Geçiş Animasyonları
- Responsive Ayarlar - Tablet
- Responsive Ayarlar - Mobil
- Link Verme ve Seo Ayarları
- Framer'ın Geleceği ve No Code Araçlar
Eğitmen Hakkında
Merhaba, ben Ramazan Güler 2008 yılından bu yana profesyonel olarak UI/UX tasarım alanında çalışmaktayım. Onlarca kurumsal firmanın ve öne çıkan bazı global firmaların web/mobil arayüzünü tasarladım. Günümüzde kaliteli Türkçe kaynak bulmanın zor olduğu dönemde ilk Türkçe Figma Eğitim Seti'ni yayınladım. Udemy üzerinde şu an için 19.000'in üzerinde öğrenciye 7 kursum ile ulaştım.Bu kurslardan Figma ve Adobe XD kurslarım; 4.8 ortalamaya sahip, Udemy Business koleksiyonuna seçilmiş olan en önemli 2 kursumdur.
Bu başarımı artırarak Udemy Instructor Partner rozetini kazandım. Türkiye'nin önde gelen bankalarında iş analistlerine Figma eğitimleri verdim. Aynı zamanda Türkiye'nin en büyük UX okulu olan Userspots'ta Figma eğitimleri vermeye devam ediyorum.
Eğitim Verdiğim Kurumlar: Udemy, Userspots, BTK Akademi, Miuul