{"id":16425,"date":"2025-03-27T21:15:17","date_gmt":"2025-03-27T18:15:17","guid":{"rendered":"https:\/\/fatihsoysal.com\/blog\/stimulus-ile-dokunmatik-olaylar-swipe-hareketleri\/"},"modified":"2025-03-27T21:15:17","modified_gmt":"2025-03-27T18:15:17","slug":"stimulus-ile-dokunmatik-olaylar-swipe-hareketleri","status":"publish","type":"post","link":"https:\/\/fatihsoysal.com\/blog\/stimulus-ile-dokunmatik-olaylar-swipe-hareketleri\/","title":{"rendered":"Stimulus ile Dokunmatik Olaylar (Swipe Hareketleri)"},"content":{"rendered":"<p>Stimulus ile Dokunmatik Olaylar (Swipe Hareketleri)<\/p>\n<p>Merhaba! Fatih Soysal olarak, bu makalede size StimulusJS kullanarak dokunmatik cihazlarda swipe (s\u00fcr\u00fckleyerek) hareketleri nas\u0131l alg\u0131lay\u0131p i\u015fleyece\u011finizi ad\u0131m ad\u0131m g\u00f6sterece\u011fim.  Bu, \u00f6zellikle mobil uygulamalar ve web uygulamalar\u0131n\u0131n mobil deneyimini geli\u015ftirmek i\u00e7in olduk\u00e7a \u00f6nemli bir konudur.  \u0130ngilizce kaynaklardan da faydalanarak, konuyu daha detayl\u0131 ve anla\u015f\u0131l\u0131r bir \u015fekilde ele alaca\u011f\u0131z. <a href=\"https:\/\/fatihsoysal.com\">Web sitemi<\/a> ziyaret ederek daha fazla makaleye ula\u015fabilirsiniz.<\/p>\n<h2>Temel Kavramlar<\/h2>\n<p>\u00d6ncelikle, StimulusJS&#8217;in ne oldu\u011funu ve neden bu konuda kullan\u0131ld\u0131\u011f\u0131n\u0131 a\u00e7\u0131klayal\u0131m. Stimulus, JavaScript&#8217;i HTML&#8217;e daha iyi entegre etmek i\u00e7in tasarlanm\u0131\u015f hafif bir JavaScript framework&#8217;\u00fcd\u00fcr.  Bu sayede, JavaScript kodunuzu daha d\u00fczenli ve okunabilir bir \u015fekilde yazabilirsiniz.  Swipe hareketlerini alg\u0131lamak i\u00e7in ise, dokunmatik olaylar\u0131 (touch events) kullanaca\u011f\u0131z.  Bu olaylar, kullan\u0131c\u0131 parma\u011f\u0131n\u0131 ekrana dokundurmas\u0131, s\u00fcr\u00fcklemesi ve kald\u0131rmas\u0131 gibi eylemleri yakalamam\u0131z\u0131 sa\u011flar.  Dolay\u0131s\u0131yla, Stimulus&#8217;un yap\u0131s\u0131 ve dokunmatik olaylar hakk\u0131ndaki bilginiz, bu i\u015flemi kolayla\u015ft\u0131racakt\u0131r.<\/p>\n<h2>Stimulus ile Swipe Alg\u0131lama<\/h2>\n<p>\u015eimdi, Stimulus kullanarak swipe hareketlerini nas\u0131l alg\u0131layaca\u011f\u0131m\u0131z\u0131 g\u00f6relim.  A\u015fa\u011f\u0131daki kod \u00f6rne\u011finde, bir div elementi \u00fczerinde swipe hareketlerini yakalayan bir Stimulus controller&#8217;\u0131 tan\u0131ml\u0131yoruz:<\/p>\n<pre><code class=\"language-javascript\">\n\/\/ app\/javascript\/controllers\/swipe_controller.js\nimport { Controller } from \"stimulus\";\n\nexport default class extends Controller {\n  static targets = [\"element\"];\n\n  connect() {\n    this.startX = 0;\n    this.startY = 0;\n  }\n\n  touchstart(event) {\n    this.startX = event.touches[0].clientX;\n    this.startY = event.touches[0].clientY;\n  }\n\n  touchmove(event) {\n    \/\/ ... (Touchmove i\u015flemleri burada) ...\n  }\n\n  touchend(event) {\n    \/\/ ... (Touchend i\u015flemleri burada) ...\n  }\n}\n<\/code><\/pre>\n<p>Bu controller, touchstart, touchmove ve touchend olaylar\u0131n\u0131 dinler.  touchstart olay\u0131nda ba\u015flang\u0131\u00e7 koordinatlar\u0131n\u0131 kaydederiz.  touchmove olay\u0131nda, kayd\u0131rma mesafesini hesaplay\u0131p, buna g\u00f6re i\u015flem yapar\u0131z.  touchend olay\u0131nda ise, kayd\u0131rma i\u015flemi tamamland\u0131\u011f\u0131nda yap\u0131lmas\u0131 gereken i\u015flemleri ger\u00e7ekle\u015ftiririz.<\/p>\n<h2>Touchmove ve Touchend \u0130\u015flemleri<\/h2>\n<p>Yukar\u0131daki kod \u00f6rne\u011finde, touchmove ve touchend olaylar\u0131 i\u00e7in yer tutucular kullan\u0131lm\u0131\u015ft\u0131r.  Bu olaylar i\u00e7inde, kayd\u0131rma y\u00f6n\u00fcn\u00fc ve mesafesini belirleyip, buna g\u00f6re farkl\u0131 eylemler ger\u00e7ekle\u015ftirebilirsiniz.  \u00d6rne\u011fin, sa\u011fa kayd\u0131rma i\u015fleminde bir sayfay\u0131 ileriye, sola kayd\u0131rma i\u015fleminde geriye alabilirsiniz.  Veya, yukar\u0131 veya a\u015fa\u011f\u0131 kayd\u0131rmalar ile farkl\u0131 men\u00fcler a\u00e7abilirsiniz. Bu i\u015flemler i\u00e7in gerekli olan JavaScript kodu, projenizin \u00f6zel gereksinimlerine ba\u011fl\u0131 olarak de\u011fi\u015fir.  \u00d6rne\u011fin, farkl\u0131 e\u015fik de\u011ferleri kullanarak, bir kayd\u0131rmay\u0131 &#8216;swipe&#8217; olarak m\u0131 yoksa sadece &#8216;touch&#8217; olarak m\u0131 de\u011ferlendirece\u011finizi belirleyebilirsiniz.<\/p>\n<p>\u00d6nemli not:  Performans a\u00e7\u0131s\u0131ndan, \u00f6zellikle s\u00fcrekli olarak g\u00fcncellenen bir UI eleman\u0131 \u00fczerinde \u00e7al\u0131\u015f\u0131yorsan\u0131z,  requestAnimationFrame kullanarak  touchmove  i\u015flemlerini optimizasyon yapman\u0131z iyi olur. Bu, uygulaman\u0131z\u0131n daha ak\u0131c\u0131 bir \u015fekilde \u00e7al\u0131\u015fmas\u0131n\u0131 sa\u011flar.  Ayr\u0131ca, farkl\u0131 cihazlar ve taray\u0131c\u0131lar aras\u0131ndaki tutarl\u0131l\u0131k i\u00e7in, gerekli durumlarda polyfill&#8217;ler kullanmay\u0131 d\u00fc\u015f\u00fcnebilirsiniz.<\/p>\n<h2>HTML ve Stimulus Ba\u011flant\u0131s\u0131<\/h2>\n<p>Stimulus controller&#8217;\u0131n\u0131 HTML&#8217;inizde kullanmak i\u00e7in, a\u015fa\u011f\u0131daki gibi bir data attribute kullanabilirsiniz:<\/p>\n<pre><code class=\"language-html\">\n&lt;div data-controller=\"swipe\"&gt;\n  &lt;div data-swipe-target=\"element\"&gt;S\u00fcr\u00fckle Beni!&lt;\/div&gt;\n&lt;\/div&gt;\n<\/code><\/pre>\n<p>Bu kod, swipe controller&#8217;\u0131n\u0131 div elementine ba\u011flar ve data-swipe-target=&#8221;element&#8221; attribute&#8217;\u00fc ile controller&#8217;\u0131n elementTarget \u00f6zelli\u011fini tan\u0131mlar.  Bu sayede, controller JavaScript kodunuzda bu elemana eri\u015febilir ve i\u015flemleri bu element \u00fczerinden ger\u00e7ekle\u015ftirir.<\/p>\n<p>Bu makale, StimulusJS ile swipe hareketlerini alg\u0131laman\u0131n temel prensiplerini a\u00e7\u0131klamaktad\u0131r. Daha karma\u015f\u0131k uygulamalar i\u00e7in,  kayd\u0131rma h\u0131z\u0131, ivme gibi fakt\u00f6rleri de hesaba katman\u0131z gerekebilir.  <a href=\"https:\/\/dev.to\/railsdesigner\/touch-events-swipe-using-stimulus-1kml\">Bu \u0130ngilizce kaynak<\/a>, ek bilgi ve farkl\u0131 yakla\u015f\u0131mlar sunmaktad\u0131r.  Unutmay\u0131n ki,  uygulaman\u0131z\u0131n \u00f6zel ihtiya\u00e7lar\u0131na uygun \u015fekilde kodu uyarlaman\u0131z ve test etmeniz \u00f6nemlidir.<\/p>\n<p>#Etiketler: Stimulus, Swipe, Dokunmatik Olaylar, Touch Events, JavaScript, Mobil Uygulama, Web Uygulama, Fatih Soysal,  Programlama,  Web Geli\u015ftirme<\/p>\n","protected":false},"excerpt":{"rendered":"Stimulus ile Dokunmatik Olaylar (Swipe Hareketleri) Merhaba! Fatih Soysal olarak, bu makalede size StimulusJS kullanarak dokunmatik cihazlarda swipe&hellip;","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"csco_page_header_type":"","csco_page_load_nextpost":"","csco_page_subscribe_form":"","csco_page_contact_form":"","footnotes":""},"categories":[1],"tags":[],"class_list":{"0":"post-16425","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-genel","7":"cs-entry","8":"cs-video-wrap"},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v20.5 (Yoast SEO v25.3.1) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Stimulus ile Dokunmatik Olaylar (Swipe Hareketleri)<\/title>\n<meta name=\"description\" content=\"Merhaba! Fatih Soysal olarak, bu makalede size StimulusJS kullanarak dokunmatik cihazlarda swipe (s\u00fcr\u00fckleyerek) hareketleri nas\u0131l alg\u0131lay\u0131p i\u015fleyece\u011finizi ad\u0131m ad\u0131m g\u00f6sterece\u011fim. Bu, \u00f6zellikle mobil uygulamalar ve web uygulamalar\u0131n\u0131n mobil deneyimini geli\u015ftirmek i\u00e7in olduk\u00e7a \u00f6nemli bir konudur. \u0130ngilizce kaynaklardan da faydalanarak, konuyu daha detayl\u0131 ve anla\u015f\u0131l\u0131r bir \u015fekilde ele alaca\u011f\u0131z. Web sitemi ziyaret ederek daha fazla makaleye ula\u015fabilirsiniz.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/fatihsoysal.com\/blog\/stimulus-ile-dokunmatik-olaylar-swipe-hareketleri\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Stimulus ile Dokunmatik Olaylar (Swipe Hareketleri)\" \/>\n<meta property=\"og:description\" content=\"Merhaba! Fatih Soysal olarak, bu makalede size StimulusJS kullanarak dokunmatik cihazlarda swipe (s\u00fcr\u00fckleyerek) hareketleri nas\u0131l alg\u0131lay\u0131p i\u015fleyece\u011finizi ad\u0131m ad\u0131m g\u00f6sterece\u011fim. Bu, \u00f6zellikle mobil uygulamalar ve web uygulamalar\u0131n\u0131n mobil deneyimini geli\u015ftirmek i\u00e7in olduk\u00e7a \u00f6nemli bir konudur. \u0130ngilizce kaynaklardan da faydalanarak, konuyu daha detayl\u0131 ve anla\u015f\u0131l\u0131r bir \u015fekilde ele alaca\u011f\u0131z. Web sitemi ziyaret ederek daha fazla makaleye ula\u015fabilirsiniz.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fatihsoysal.com\/blog\/stimulus-ile-dokunmatik-olaylar-swipe-hareketleri\/\" \/>\n<meta property=\"og:site_name\" content=\"Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" \/>\n<meta property=\"article:published_time\" content=\"2025-03-27T18:15:17+00:00\" \/>\n<meta name=\"author\" content=\"Fatih Soysal\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Yazan:\" \/>\n\t<meta name=\"twitter:data1\" content=\"Fatih Soysal\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tahmini okuma s\u00fcresi\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/stimulus-ile-dokunmatik-olaylar-swipe-hareketleri\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/stimulus-ile-dokunmatik-olaylar-swipe-hareketleri\/\"},\"author\":{\"name\":\"Fatih Soysal\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"headline\":\"Stimulus ile Dokunmatik Olaylar (Swipe Hareketleri)\",\"datePublished\":\"2025-03-27T18:15:17+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/stimulus-ile-dokunmatik-olaylar-swipe-hareketleri\/\"},\"wordCount\":590,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/stimulus-ile-dokunmatik-olaylar-swipe-hareketleri\/#respond\"]}],\"copyrightYear\":\"2025\",\"copyrightHolder\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/stimulus-ile-dokunmatik-olaylar-swipe-hareketleri\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/stimulus-ile-dokunmatik-olaylar-swipe-hareketleri\/\",\"name\":\"Stimulus ile Dokunmatik Olaylar (Swipe Hareketleri)\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\"},\"datePublished\":\"2025-03-27T18:15:17+00:00\",\"description\":\"Merhaba! Fatih Soysal olarak, bu makalede size StimulusJS kullanarak dokunmatik cihazlarda swipe (s\u00fcr\u00fckleyerek) hareketleri nas\u0131l alg\u0131lay\u0131p i\u015fleyece\u011finizi ad\u0131m ad\u0131m g\u00f6sterece\u011fim. Bu, \u00f6zellikle mobil uygulamalar ve web uygulamalar\u0131n\u0131n mobil deneyimini geli\u015ftirmek i\u00e7in olduk\u00e7a \u00f6nemli bir konudur. \u0130ngilizce kaynaklardan da faydalanarak, konuyu daha detayl\u0131 ve anla\u015f\u0131l\u0131r bir \u015fekilde ele alaca\u011f\u0131z. Web sitemi ziyaret ederek daha fazla makaleye ula\u015fabilirsiniz.\",\"breadcrumb\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/stimulus-ile-dokunmatik-olaylar-swipe-hareketleri\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/stimulus-ile-dokunmatik-olaylar-swipe-hareketleri\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/stimulus-ile-dokunmatik-olaylar-swipe-hareketleri\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\/\/fatihsoysal.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Stimulus ile Dokunmatik Olaylar (Swipe Hareketleri)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/\",\"name\":\"Fatihsoysal.com\",\"description\":\"Blog - Yaz\u0131l\u0131m D\u00fcnyas\u0131 Tecr\u00fcbelerim\",\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/fatihsoysal.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"tr\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\",\"name\":\"Fatih Soysal\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png\",\"contentUrl\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png\",\"width\":512,\"height\":512,\"caption\":\"Fatih Soysal\"},\"logo\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/\"},\"description\":\"Kullan\u0131m ve kodlama m\u00fckemmeliyetini odak alan uygulamalar olu\u015fturma deneyimine sahip, profesyonel olarak 15+ y\u0131l \u00fczeri deneyime sahip bir yaz\u0131l\u0131m m\u00fchendisi.\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/author\/fatihsoysal\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Stimulus ile Dokunmatik Olaylar (Swipe Hareketleri)","description":"Merhaba! Fatih Soysal olarak, bu makalede size StimulusJS kullanarak dokunmatik cihazlarda swipe (s\u00fcr\u00fckleyerek) hareketleri nas\u0131l alg\u0131lay\u0131p i\u015fleyece\u011finizi ad\u0131m ad\u0131m g\u00f6sterece\u011fim. Bu, \u00f6zellikle mobil uygulamalar ve web uygulamalar\u0131n\u0131n mobil deneyimini geli\u015ftirmek i\u00e7in olduk\u00e7a \u00f6nemli bir konudur. \u0130ngilizce kaynaklardan da faydalanarak, konuyu daha detayl\u0131 ve anla\u015f\u0131l\u0131r bir \u015fekilde ele alaca\u011f\u0131z. Web sitemi ziyaret ederek daha fazla makaleye ula\u015fabilirsiniz.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/fatihsoysal.com\/blog\/stimulus-ile-dokunmatik-olaylar-swipe-hareketleri\/","og_locale":"tr_TR","og_type":"article","og_title":"Stimulus ile Dokunmatik Olaylar (Swipe Hareketleri)","og_description":"Merhaba! Fatih Soysal olarak, bu makalede size StimulusJS kullanarak dokunmatik cihazlarda swipe (s\u00fcr\u00fckleyerek) hareketleri nas\u0131l alg\u0131lay\u0131p i\u015fleyece\u011finizi ad\u0131m ad\u0131m g\u00f6sterece\u011fim. Bu, \u00f6zellikle mobil uygulamalar ve web uygulamalar\u0131n\u0131n mobil deneyimini geli\u015ftirmek i\u00e7in olduk\u00e7a \u00f6nemli bir konudur. \u0130ngilizce kaynaklardan da faydalanarak, konuyu daha detayl\u0131 ve anla\u015f\u0131l\u0131r bir \u015fekilde ele alaca\u011f\u0131z. Web sitemi ziyaret ederek daha fazla makaleye ula\u015fabilirsiniz.","og_url":"https:\/\/fatihsoysal.com\/blog\/stimulus-ile-dokunmatik-olaylar-swipe-hareketleri\/","og_site_name":"Kodlar\u0131n Gizemli D\u00fcnyas\u0131","article_published_time":"2025-03-27T18:15:17+00:00","author":"Fatih Soysal","twitter_card":"summary_large_image","twitter_misc":{"Yazan:":"Fatih Soysal","Tahmini okuma s\u00fcresi":"3 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/fatihsoysal.com\/blog\/stimulus-ile-dokunmatik-olaylar-swipe-hareketleri\/#article","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/stimulus-ile-dokunmatik-olaylar-swipe-hareketleri\/"},"author":{"name":"Fatih Soysal","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"headline":"Stimulus ile Dokunmatik Olaylar (Swipe Hareketleri)","datePublished":"2025-03-27T18:15:17+00:00","mainEntityOfPage":{"@id":"https:\/\/fatihsoysal.com\/blog\/stimulus-ile-dokunmatik-olaylar-swipe-hareketleri\/"},"wordCount":590,"commentCount":0,"publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/fatihsoysal.com\/blog\/stimulus-ile-dokunmatik-olaylar-swipe-hareketleri\/#respond"]}],"copyrightYear":"2025","copyrightHolder":{"@id":"https:\/\/fatihsoysal.com\/blog\/#organization"}},{"@type":"WebPage","@id":"https:\/\/fatihsoysal.com\/blog\/stimulus-ile-dokunmatik-olaylar-swipe-hareketleri\/","url":"https:\/\/fatihsoysal.com\/blog\/stimulus-ile-dokunmatik-olaylar-swipe-hareketleri\/","name":"Stimulus ile Dokunmatik Olaylar (Swipe Hareketleri)","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/#website"},"datePublished":"2025-03-27T18:15:17+00:00","description":"Merhaba! Fatih Soysal olarak, bu makalede size StimulusJS kullanarak dokunmatik cihazlarda swipe (s\u00fcr\u00fckleyerek) hareketleri nas\u0131l alg\u0131lay\u0131p i\u015fleyece\u011finizi ad\u0131m ad\u0131m g\u00f6sterece\u011fim. Bu, \u00f6zellikle mobil uygulamalar ve web uygulamalar\u0131n\u0131n mobil deneyimini geli\u015ftirmek i\u00e7in olduk\u00e7a \u00f6nemli bir konudur. \u0130ngilizce kaynaklardan da faydalanarak, konuyu daha detayl\u0131 ve anla\u015f\u0131l\u0131r bir \u015fekilde ele alaca\u011f\u0131z. Web sitemi ziyaret ederek daha fazla makaleye ula\u015fabilirsiniz.","breadcrumb":{"@id":"https:\/\/fatihsoysal.com\/blog\/stimulus-ile-dokunmatik-olaylar-swipe-hareketleri\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fatihsoysal.com\/blog\/stimulus-ile-dokunmatik-olaylar-swipe-hareketleri\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/fatihsoysal.com\/blog\/stimulus-ile-dokunmatik-olaylar-swipe-hareketleri\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/fatihsoysal.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Stimulus ile Dokunmatik Olaylar (Swipe Hareketleri)"}]},{"@type":"WebSite","@id":"https:\/\/fatihsoysal.com\/blog\/#website","url":"https:\/\/fatihsoysal.com\/blog\/","name":"Fatihsoysal.com","description":"Blog - Yaz\u0131l\u0131m D\u00fcnyas\u0131 Tecr\u00fcbelerim","publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/fatihsoysal.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"tr"},{"@type":["Person","Organization"],"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1","name":"Fatih Soysal","image":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png","contentUrl":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png","width":512,"height":512,"caption":"Fatih Soysal"},"logo":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/"},"description":"Kullan\u0131m ve kodlama m\u00fckemmeliyetini odak alan uygulamalar olu\u015fturma deneyimine sahip, profesyonel olarak 15+ y\u0131l \u00fczeri deneyime sahip bir yaz\u0131l\u0131m m\u00fchendisi.","url":"https:\/\/fatihsoysal.com\/blog\/author\/fatihsoysal\/"}]}},"yoast_meta":{"yoast_wpseo_title":"","yoast_wpseo_metadesc":"","yoast_wpseo_canonical":""},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/16425","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/comments?post=16425"}],"version-history":[{"count":0,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/16425\/revisions"}],"wp:attachment":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/media?parent=16425"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/categories?post=16425"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/tags?post=16425"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}