Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
GSAP ile Etkileşimli Web Animasyonları Geliştirme (2025)
Rating: 4.8 out of 5(12 ratings)
457 students

GSAP ile Etkileşimli Web Animasyonları Geliştirme (2025)

GSAP metotlarıyla interaktif web animasyonları oluşturmayı öğrenin.
Created byMirza Şahi̇n
Last updated 1/2026
Turkish

What you'll learn

  • GSAP kütüphanesini tanıyacak ve web animasyonları için nasıl kullanıldığını
  • gsap to, gsap from, gsap fromTo gibi temel GSAP fonksiyonlarını uygulamalı olarak kullanmayı
  • GSAP ile zaman çizelgesi oluşturmayı ve animasyonları sırayla düzenlemeyi
  • ScrollTrigger ve Text animasyonları gibi daha ileri düzey özellikleri kullanarak etkileşimli ve dinamik animasyonlar oluşturabilmeyi

Course content

2 sections • 8 lectures • 53m total length

  • Giriş0:16
  • GSAP ile Web Animasyonlarına Giriş: GSAP Nedir? | gsap.to() Kullanımı | #18:13

    Bu derste, GSAP kütüphanesinin ne olduğunu öğrenerek temel gsap.to() fonksiyonunun nasıl çalıştığını keşfedeceksiniz. Web animasyonlarına giriş niteliğindeki bu derste, basit bir HTML öğesini animasyonla nasıl hareket ettirebileceğinizi adım adım uygulamalı olarak göreceksiniz. Bu sayede, GSAP ile web sayfalarınıza dinamik ve dikkat çekici hareketler kazandırmaya başlayabileceksiniz.

  • GSAP ile Web Animasyonlarına Giriş | gsap.from() Kullanımı | #23:25

    Bu derste, GSAP kütüphanesinin önemli fonksiyonlarından biri olan gsap.from() metodunu detaylı şekilde öğreniyoruz. from() fonksiyonu, animasyonların başlangıç değerlerini belirleyerek öğelerin sayfada nasıl görüneceğini etkileyen güçlü bir araçtır. Bu dersi tamamladığınızda, bir öğenin belirli bir konumdan veya opaklıktan başlayarak hedef değerine nasıl animasyonla ulaşacağını uygulamalı olarak kavrayabileceksiniz. Özellikle giriş animasyonları için sıklıkla kullanılan bu fonksiyon, web sitelerinize profesyonel bir görünüm kazandırmak için vazgeçilmezdir.

  • GSAP ile Web Animasyonlarına Giriş | gsap.fromTo() Kullanımı | #33:22

    Bu derste, GSAP'in hem başlangıç hem de bitiş değerlerini aynı anda tanımlamamıza olanak tanıyan gsap.fromTo() fonksiyonunu öğreniyoruz. fromTo() metodu sayesinde animasyonların hem nereden başlayacağını hem de nerede sona ereceğini açıkça belirleyerek daha kontrollü ve öngörülebilir animasyonlar oluşturabilirsiniz. Uygulamalı örneklerle bu metodun diğerlerinden farkını, avantajlarını ve hangi durumlarda tercih edilmesi gerektiğini adım adım keşfedeceksiniz. Bu dersi tamamladığınızda, başlangıç ve bitiş değerleri arasında net tanımlı animasyonlar geliştirebilir duruma geleceksiniz.

  • GSAP ile Web Animasyonlarına Giriş | gsap.timeline() Kullanımı | #49:54

    Bu derste, GSAP’in güçlü zaman çizelgesi aracı olan gsap.timeline() fonksiyonunun kullanımını öğreneceksiniz. Birden fazla animasyonu sıralı ve senkronize bir şekilde oynatmayı, zamanlamaları kontrol etmeyi ve daha kompleks animasyon akışları oluşturmayı adım adım uygulamalarla göreceğiz. Zaman çizelgesi mantığını kavrayarak, daha profesyonel ve düzenli animasyonlar yaratabileceksiniz.

  • Bölüm Değerlendirme Testi

Requirements

  • Temel seviyede HTML ve React bilgisi gerekir.

Description

Web tasarımında animasyonlar, kullanıcı deneyimini zenginleştirir ve interaktiflik katmanı ekler. Bu kurs, GSAP (GreenSock Animation Platform) kütüphanesini kullanarak güçlü ve etkileyici web animasyonları oluşturma sürecini adım adım öğretiyor. GSAP ile animasyonları kolayca kontrol edebilir, zaman çizelgeleriyle karmaşık animasyonlar oluşturabilir ve sayfa kaydırma gibi etkileşimlerle animasyonları senkronize edebilirsiniz.

Kurs, GSAP'in temel özelliklerinden başlayarak, gsap to, gsap from, gsap fromTo ve gsap timeline gibi temel metotları nasıl kullanacağınızı öğretir. Bu metotlarla animasyonların başlangıç ve bitiş noktalarını kontrol edebilir, animasyonları birbirine bağlayarak sıralı ve dinamik efektler yaratabilirsiniz.

Daha ileri seviye animasyon teknikleri için stagger, ScrollTrigger ve text gibi özellikler ele alınarak, kaydırma hareketlerine duyarlı animasyonlar ve metin animasyonları yapılması gösterilmektedir. Bu dersler, hem web tasarımcıları hem de geliştiriciler için güçlü araçlar sunuyor.

Kurs sonunda, dinamik web animasyonları oluşturma, etkileşimli ve profesyonel projeler yapma yeteneğine sahip olacaksınız. Hedefiniz ister kullanıcı etkileşimini artırmak, ister yaratıcı projeler oluşturmak olsun, GSAP ile web animasyonlarını kolayca yönetebileceksiniz. Animasyonları programlama bilginizi derinleştirerek etkileyici web sayfaları tasarlamak istiyorsanız, bu kurs tam size göre.

Bu kurs ayrıca pratik odaklı ilerlediği için her konuyu gerçek dünya senaryolarıyla pekiştirmenizi sağlar. Video derslerin yanı sıra sınavlar, küçük alıştırmalar ve yönlendirilmiş proje fikirleri sayesinde yalnızca teorik bilgi edinmekle kalmaz, aynı zamanda bu bilgileri hemen pratiğe dökme fırsatı bulursunuz. Her modül, öğrendiklerinizi kendi projelerinize kolayca entegre edebilmeniz için hazırlanmıştır. Bu sayede hem bireysel portföyünüzü geliştirir hem de profesyonel iş hayatında kullanabileceğiniz, etkileyici ve modern animasyon çözümleri üretme becerisi kazanırsınız.

Who this course is for:

  • Web geliştiricileri, grafik tasarımcılar ve animasyonlarla ilgilenen herkes için uygun.

Report abuse