Şimdi Kayıt Ol

Modüller ve Kazanımlar

Bu eğitim ile nelere hakim olacaksınız?

Bu eğitim ile Framer'a yeni başlayan bir acemi olmaktan çıkıp, modern websitesi tasarımları
yapabilen bir uzman olacaksınız.

Framer Temelleri

  • Konumlandırma Türleri
  • Çerçeveler ve Yığınlar
  • Doldurma ve Sığdırma
  • Metin ve Renk Stilleri

Component-Variants

  • Bileşenlerle Çalışma
  • Bileşen Değişkenlerini Ayarlama
  • Varyantlarla Çalışma
  • Default, Hover, Active State

CMS Yönetimi

  • CMS Kullanımı
  • CMS Koleksiyonu Oluşturma
  • CMS Filter
  • CMS İçeriğini Sıralama

Responsive Tasarım

  • Breakpoints
  • Tablet ve Mobile İçin Düzenlemeler
  • Hamburger Menü
  • %100 Genişlik ve Gridler

Animasyon ve Efektler

  • Hover Efekti
  • Scroll Variant
  • Scroll Animation
  • Scroll Variants

Gelişmiş Özellikler

  • Uygulamalı Örnekler
  • Değişkenlerin kullanımı
  • Harici kodlarla çalışma
  • Figma to Framer ve SEO ayarları

Eğitim İçeriği

Eğitim Müfredatı

  • Framer Nedir, Ne İşe Yarar?12:20
  • Framer Arayüzüne Giriş09:34

  • Layout ve Grid Kullanımı 17:41
  • Breakpoints ve Responsive Design07:54
  • Figma Dosyalarıyla Çalışma02:33
  • Component-Variants-Variable12:00

  • Accordion Menu08:12
  • Scroll Layer Animation16:28
  • Custom Search Bar Yapımı05:03
  • Lottie File ile Çalışma 03:36
  • FullPage Background Video Kullanımı 07:00
  • Infinity Scroll Kullanımı05:37
  • Interactive Tab Content Components 06:45
  • Interactive Toggle Components06:17
  • Sticky Scroll Animation (Yapışkan Frameler) 07:30
  • Responsive Text Kullanımı03:35
  • One Page Site Oluşturma13:36
  • Mega Menu Uygulaması09:14
  • Popup-Modal Frame Uygulaması07:25
  • Slideshow Uygulaması 05:28
  • IFrame Etiketinin Kullanımı02:19

  • CMS Nedir, Ne İşe Yarar?04:11
  • CMS Collection ve Yeni Verilerin Oluşturulması03:56
  • CMS Collection Detay Sayfası07:26
  • CMS Collection Ana Sayfa 05:39
  • CMS Filtreleme02:50

  • Figma'da Tasarım ve Component Yapısının İncelenmesi03:32
  • Renk ve Tipografik Stillerin Oluşturulması06:01
  • Componentlerin Oluşturulması09:34
  • Responsive Header ve Menü Componentinin Oluşturulması 10:20
  • Hero Section Alanının Tamamlanması 05:18
  • Hakkımızda Alanının Tamamlanması02:16
  • Markalar Alanının Tamamlanması03:18
  • Hizmetlerimiz Alanının Tamamlanması 05:14
  • Sayılarla Biz Alanının Tamamlanması 10:45
  • Takımımız Alanının Oluşturulması03:13
  • Bize Ulaşın Alanının Oluşturulması 05:42
  • Geçiş Animasyonları15:11
  • Responsive Ayarlar - Tablet05:33
  • Responsive Ayarlar - Mobil 11:58
  • Link Verme ve Seo Ayarları15:11

  • Framer'ın Geleceği ve No Code Araçlar04:00

Tasarım becerilerinizi bir sonraki seviyeye taşıyın.

Framer ile güçlü web siteleri oluşturmaya başlayın.
HEMEN KAYIT OL

Sıkça Sorulan Sorular

Eğitim Hakkında Soru ve Cevaplar

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ının önünü açar.

Bu kursu Framer ile web geliştirme becerilerini geliştirmek isteyen yeni başlayan tasarımcılar veya geliştiriciler için hazırlanmıştır. İster Framer'la tanışmış olun ister yeni başlıyor olun, bu eğitim, becerilerinizi geliştirmenize ve kendi web sitelerinizi geliştirmenize yardımcı olacaktır.

Ö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.

Evet. Eğitim içinde yer alan videoların hepsi güncel videolardır. Framer ile ilgili bir güncelleme olduğunda yeni ders videoları eklenecektir.

Evet. Videolara tablet ya da akıllı telefonlardan erişim sağlayabilirsiniz.

Evet. Kursta öğrendiğiniz bilgilerle modern tarzda web siteleri yaparak freelance olarak kazanç sağlayabilirsiniz.

Tasarım veya programlama konusunda önceden deneyim gerekmez. Kursta herşeyi sıfırdan başlayarak uygulamalı olarak tamamlıyor olacağız.

Eğitim temposunu kendiniz belirleyebilirsiniz. Genel oalrak 4-6 haftada tamamlanabilir. Ancak ömür boyu erişiminiz olduğu için esnek bir şekilde ilerleyebilirsiniz.

Video derslerinin yanı sıra Figma dosyası ve Framer kursunda öğrenmenizi destekleyecek ek kaynaklar alacaksınız.

Eğitime kayıt olduğunuzda size özel erişim sağlayabileceğiniz linkler mail adresinize gönderilecektir.

Evet, gelecekte eklenebilecek güncellemeler veya ek içerikler de dahil olmak üzere eğitim materyallerine ömür boyu erişim hakkına sahip olacaksınız.

Kursa katılmak için internet bağlantısı olan bir bilgisayara (PC veya Mac) ihtiyacınız olacaktır. Framer tüm önemli tarayıcılarda çalışır, dolayısıyla herhangi bir özel yazılıma gerek yoktur.
About Images

Ramazan GÜLER
Web Site Tasarımı

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 20.000'ün ü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

İletişim

Aşağıdaki form aracılığı ile iş birliği, proje, eğitim ve daha fazlası için bana ulaşabilirsiniz!

© 2023 ramazanguler.net