{"id":29269,"date":"2025-09-10T09:00:24","date_gmt":"2025-09-10T06:00:24","guid":{"rendered":"https:\/\/fatihsoysal.com\/blog\/shipaton-doone-build-journal-2-doone-ile-pratik-kullanim-ve-lottie-animasyonlu-ozel-yuklenme-ekrani\/"},"modified":"2025-09-10T09:00:24","modified_gmt":"2025-09-10T06:00:24","slug":"shipaton-doone-build-journal-2-doone-ile-pratik-kullanim-ve-lottie-animasyonlu-ozel-yuklenme-ekrani","status":"publish","type":"post","link":"https:\/\/fatihsoysal.com\/blog\/shipaton-doone-build-journal-2-doone-ile-pratik-kullanim-ve-lottie-animasyonlu-ozel-yuklenme-ekrani\/","title":{"rendered":"Shipaton: Doone Build Journal #2 – Doone ile Pratik Kullan\u0131m ve Lottie Animasyonlu \u00d6zel Y\u00fcklenme Ekran\u0131"},"content":{"rendered":"

Shipaton: Doone Build Journal #2 – Doone ile Pratik Kullan\u0131m ve Lottie Animasyonlu \u00d6zel Y\u00fcklenme Ekran\u0131<\/p>\n

Doone'un g\u00fcc\u00fcn\u00fc Shipaton projemizde nas\u0131l kulland\u0131\u011f\u0131m\u0131z\u0131 ve \u00f6zel bir Lottie animasyonlu y\u00fcklenme ekran\u0131 nas\u0131l tasarlad\u0131\u011f\u0131m\u0131z\u0131 bu ikinci b\u00f6l\u00fcmde ele alaca\u011f\u0131z. Bu makale, Doone ile yeni tan\u0131\u015fanlar i\u00e7in temel kavramlardan, deneyimli geli\u015ftiriciler i\u00e7in ileri seviye tekniklere kadar geni\u015f bir yelpazede bilgi sunmaktad\u0131r. Lottie animasyonlar\u0131n\u0131n performans avantajlar\u0131n\u0131 ve Shipaton projesine entegre etme s\u00fcrecini ad\u0131m ad\u0131m a\u00e7\u0131klayaca\u011f\u0131z. Haz\u0131rsan\u0131z, ba\u015flayal\u0131m!<\/p>\n

Doone'nin Temel Kavramlar\u0131n\u0131 Anlamak: Yeni Ba\u015flayanlar \u0130\u00e7in<\/h2>\n

Doone, [Doone'un ne oldu\u011fu hakk\u0131nda k\u0131sa bir a\u00e7\u0131klama]. Shipaton projesinde, [Doone'un Shipaton'da nas\u0131l kullan\u0131ld\u0131\u011f\u0131n\u0131 \u00f6zetleyin]. \u00d6ncelikle, Doone'un temel bile\u015fenlerini ve mimarisini anlamak \u00f6nemlidir. Bunun i\u00e7in \u00f6ncelikle Doone'un dok\u00fcmantasyonuna g\u00f6z atman\u0131z faydal\u0131 olacakt\u0131r. Ayr\u0131ca, [Doone ile ilgili bir blog yaz\u0131s\u0131na ya da e\u011fitime link verin – \u00d6rnek: https:\/\/fatihsoysal.com\/doone-egitimi]. Bu kaynaklar, Doone'un \u00e7al\u0131\u015fma prensiplerini ad\u0131m ad\u0131m \u00f6\u011frenmenize yard\u0131mc\u0131 olacakt\u0131r. Doone'un sundu\u011fu avantajlar aras\u0131nda; [Doone'un avantajlar\u0131n\u0131 madde madde s\u0131ralay\u0131n, \u00f6rne\u011fin; performans, \u00f6l\u00e7eklenebilirlik, g\u00fcvenlik]. Bu avantajlar, Shipaton gibi b\u00fcy\u00fck \u00f6l\u00e7ekli projelerde kritik \u00f6neme sahiptir.<\/p>\n

\u00d6zetle, Doone'un temel kavramlar\u0131n\u0131 kavraman\u0131z, Shipaton projesini anlamak ve geli\u015ftirmek i\u00e7in atman\u0131z gereken ilk ad\u0131md\u0131r. Sonras\u0131nda, Doone'u pratik olarak kullanmaya ba\u015flayabilir ve daha karma\u015f\u0131k yap\u0131lar\u0131 ke\u015ffedebilirsiniz.<\/p>\n

Doone'u Shipaton'da Uygulamaya Koymak: Ad\u0131m Ad\u0131m \u00d6rnekler<\/h2>\n

\u015eimdi, Doone'u Shipaton projesinde nas\u0131l kulland\u0131\u011f\u0131m\u0131za dair pratik bir \u00f6rnek inceleyelim. \u00d6rne\u011fin, [Shipaton'da Doone ile \u00e7\u00f6z\u00fclen bir problemi a\u00e7\u0131klay\u0131n]. Bu problemi \u00e7\u00f6zmek i\u00e7in, \u00f6ncelikle [Doone'da yap\u0131lacak i\u015flemleri ad\u0131m ad\u0131m a\u00e7\u0131klay\u0131n]. Her ad\u0131m i\u00e7in kod \u00f6rnekleri verece\u011fiz. A\u015fa\u011f\u0131da, Doone ile bir API iste\u011fi yapma \u00f6rne\u011fi yer almaktad\u0131r:<\/p>\n

<\/code><\/p>\n

javascript\nfetch('\/api\/data', {\n  method: 'GET',\n  headers: {\n    'Content-Type': 'application\/json'\n  }\n})\n.then(response => response.json())\n.then(data => {\n  \/\/ Verileri i\u015fleyin\n  console.log(data);\n})\n.catch(error => {\n  console.error('Hata olu\u015ftu:', error);\n});<\/pre>\n
<\/code><\/p>\n
Bu kod blo\u011fu, Doone'un sunmu\u015f oldu\u011fu [Doone'un ilgili \u00f6zelli\u011fini belirtin] \u00f6zelli\u011finden faydalanarak [yap\u0131lan i\u015flemi a\u00e7\u0131klay\u0131n].  G\u00f6r\u00fcld\u00fc\u011f\u00fc gibi, Doone ile API entegrasyonu olduk\u00e7a kolay ve anla\u015f\u0131l\u0131r bir \u015fekilde ger\u00e7ekle\u015ftirilmi\u015ftir.  Ayr\u0131ca, hata y\u00f6netimi de  kodda yer almaktad\u0131r.  Bu, uygulaman\u0131z\u0131n beklenmedik durumlar kar\u015f\u0131s\u0131nda daha sa\u011flam olmas\u0131n\u0131 sa\u011flar.<\/p>\n
Lottie Animasyonlu \u00d6zel Y\u00fcklenme Ekran\u0131 Nas\u0131l Tasarlan\u0131r?<\/h2>\n
Kullan\u0131c\u0131 deneyimini iyile\u015ftirmek i\u00e7in Shipaton projesine Lottie animasyonlu bir y\u00fcklenme ekran\u0131 ekledik.  Lottie, performans a\u00e7\u0131s\u0131ndan olduk\u00e7a verimli olan JSON tabanl\u0131 animasyonlard\u0131r.  Bu animasyonlar\u0131, [Lottie animasyonlar\u0131n\u0131n olu\u015fturulmas\u0131 i\u00e7in kullan\u0131lan arac\u0131 belirtin] gibi ara\u00e7lar kullanarak kolayca olu\u015fturabilirsiniz. Olu\u015fturdu\u011funuz animasyonu daha sonra projenize entegre etmeniz gerekir.  Bunun i\u00e7in a\u015fa\u011f\u0131daki ad\u0131mlar\u0131 izleyebilirsiniz:<\/p>\n
    \n
  1. Lottie animasyon dosyan\u0131z\u0131 (JSON) projenize ekleyin.<\/li>\n
  2. Lottie k\u00fct\u00fcphanesini projenize ekleyin.  (\u00d6rne\u011fin, npm install lottie-web<\/code>)<\/li>\n
  3. A\u015fa\u011f\u0131daki kod blo\u011funu kullanarak animasyonu y\u00fcklenme ekran\u0131nda g\u00f6sterin:<\/li>\n<\/ol>\n
    <\/code><\/p>\n
    javascript\nimport Lottie from 'lottie-web';\n\nconst animation = Lottie.loadAnimation({\n  container: document.getElementById('lottie-container'),\n  renderer: 'svg',\n  loop: true,\n  autoplay: true,\n  animationData: require('.\/loading.json') \/\/ Animasyon dosyan\u0131z\u0131n yolu\n});<\/pre>\n
    <\/code><\/p>\n
    Bu kod blo\u011fu, loading.json<\/code> adl\u0131 Lottie animasyon dosyas\u0131n\u0131 y\u00fckler ve lottie-container<\/code> id'li bir div i\u00e7inde oynat\u0131r.  Bu sayede, kullan\u0131c\u0131lara g\u00f6rsel olarak daha zengin bir deneyim sunabilirsiniz.  Unutmay\u0131n ki, Lottie animasyonlar\u0131,  geleneksel animasyonlara g\u00f6re \u00e7ok daha az kaynak t\u00fcketir, bu nedenle mobil cihazlarda da sorunsuz \u00e7al\u0131\u015f\u0131r.<\/p>\n
    Performans Kar\u015f\u0131la\u015ft\u0131rmas\u0131: Lottie vs. Geleneksel Animasyonlar<\/h2>\n
    Lottie animasyonlar\u0131n\u0131n performans avantajlar\u0131n\u0131 daha net g\u00f6rmek i\u00e7in,  geleneksel animasyonlarla bir kar\u015f\u0131la\u015ft\u0131rma yapal\u0131m.  A\u015fa\u011f\u0131daki tabloda, Lottie ve geleneksel animasyonlar\u0131n performans\u0131n\u0131 kar\u015f\u0131la\u015ft\u0131rd\u0131k:<\/p>\n\n\n\n\n\n\n
    \u00d6zellik<\/th>\nLottie<\/th>\nGeleneksel Animasyonlar (GIF\/Video)<\/th>\n<\/tr>\n
    Dosya Boyutu<\/td>\nK\u00fc\u00e7\u00fck<\/td>\nB\u00fcy\u00fck<\/td>\n<\/tr>\n
    Y\u00fcklenme S\u00fcresi<\/td>\nH\u0131zl\u0131<\/td>\nYava\u015f<\/td>\n<\/tr>\n
    Kaynak T\u00fcketimi<\/td>\nD\u00fc\u015f\u00fck<\/td>\nY\u00fcksek<\/td>\n<\/tr>\n
    Animasyon Kalitesi<\/td>\nY\u00fcksek<\/td>\nOrta<\/td>\n<\/tr>\n<\/table>\n
    Tablodan da g\u00f6r\u00fclece\u011fi \u00fczere, Lottie animasyonlar\u0131,  hem dosya boyutu hem de kaynak t\u00fcketimi a\u00e7\u0131s\u0131ndan geleneksel animasyonlara g\u00f6re olduk\u00e7a avantajl\u0131d\u0131r.  Bu da, \u00f6zellikle mobil uygulamalarda daha iyi bir kullan\u0131c\u0131 deneyimi sa\u011flar. Daha fazla bilgi i\u00e7in (https:\/\/fatihsoysal.com) inceleyebilirsiniz.<\/p>\n
    \u0130leri Seviye Teknikler: Doone ve Lottie'nin Geli\u015fmi\u015f Kullan\u0131m\u0131<\/h2>\n
    Deneyimli geli\u015ftiriciler i\u00e7in,  Doone ve Lottie'nin daha geli\u015fmi\u015f kullan\u0131m\u0131n\u0131 ele alal\u0131m.  \u00d6rne\u011fin,  Lottie animasyonlar\u0131n\u0131 dinamik olarak kontrol etmek ve uygulaman\u0131z\u0131n durumuna g\u00f6re animasyonlar\u0131 de\u011fi\u015ftirmek m\u00fcmk\u00fcnd\u00fcr.  Bunun i\u00e7in, Lottie k\u00fct\u00fcphanesinin sundu\u011fu API'leri kullanabilirsiniz.  Ayr\u0131ca,  Doone'un geli\u015fmi\u015f \u00f6zelliklerini kullanarak,  animasyonlar\u0131 daha da optimize edebilir ve performans\u0131 art\u0131rabilirsiniz.  \u00d6rne\u011fin,  [Doone'un bir \u00f6zelli\u011fini kullanarak Lottie animasyonlar\u0131n\u0131n performans\u0131n\u0131 nas\u0131l art\u0131raca\u011f\u0131n\u0131z\u0131 a\u00e7\u0131klay\u0131n].<\/p>\n
    Uzman \u0130pucu:  Animasyon dosyalar\u0131n\u0131z\u0131 optimize etmek ve gereksiz verileri kald\u0131rmak,  performans\u0131 \u00f6nemli \u00f6l\u00e7\u00fcde art\u0131racakt\u0131r.<\/p>\n
    G\u00fcvenlik Uyar\u0131lar\u0131<\/h2>\n
    \n  Dikkat:<\/strong>  D\u0131\u015f kaynaklardan gelen Lottie animasyonlar\u0131n\u0131 kullan\u0131rken dikkatli olun.  Zararl\u0131 kod i\u00e7erebilecek animasyon dosyalar\u0131ndan ka\u00e7\u0131nmak i\u00e7in g\u00fcvenilir kaynaklardan animasyon indirmeniz \u00f6nemlidir.\n<\/div>\n
    Sonu\u00e7 ve S\u0131k\u00e7a Sorulan Sorular<\/h2>\n
    Bu makalede, Doone'u Shipaton projesinde pratik olarak nas\u0131l kulland\u0131\u011f\u0131m\u0131z\u0131 ve Lottie animasyonlu bir y\u00fcklenme ekran\u0131 nas\u0131l tasarlad\u0131\u011f\u0131m\u0131z\u0131 ad\u0131m ad\u0131m anlatt\u0131k.  Doone'un performans avantajlar\u0131n\u0131 ve Lottie animasyonlar\u0131n\u0131n sundu\u011fu g\u00f6rsel zenginli\u011fi ele ald\u0131k.  Umar\u0131m bu makale,  hem yeni ba\u015flayanlar hem de deneyimli geli\u015ftiriciler i\u00e7in faydal\u0131 olmu\u015ftur. Daha fazla bilgi i\u00e7in (https:\/\/fatihsoysal.com) ziyaret edebilirsiniz.<\/p>\n
    S\u0131k\u00e7a Sorulan Sorular:<\/h3>\n
      \n
    • Doone'u \u00f6\u011frenmek i\u00e7in ne kadar zaman gerekiyor?<\/strong>  Doone'un karma\u015f\u0131kl\u0131\u011f\u0131na ba\u011fl\u0131 olarak, temel kavramlar\u0131 \u00f6\u011frenmek birka\u00e7 g\u00fcn s\u00fcrebilirken, ileri seviye konular\u0131n anla\u015f\u0131lmas\u0131 daha uzun s\u00fcrebilir.<\/li>\n
    • Lottie animasyonlar\u0131 her cihazda ayn\u0131 performans\u0131 g\u00f6sterir mi?<\/strong>  Genel olarak evet, ancak cihaz\u0131n i\u015flemci g\u00fcc\u00fc ve bellek kapasitesi performans\u0131 etkileyebilir.<\/li>\n
    • Lottie animasyonlar\u0131 i\u00e7in hangi formatlar kullan\u0131l\u0131r?<\/strong>  Genellikle JSON format\u0131 kullan\u0131l\u0131r.<\/li>\n
    • Doone'un g\u00fcvenli\u011fi nas\u0131l sa\u011flan\u0131r?<\/strong>  Doone'un g\u00fcvenlik \u00f6nlemleri hakk\u0131nda ayr\u0131nt\u0131l\u0131 bilgi i\u00e7in  [Doone'un g\u00fcvenlik dok\u00fcmantasyonuna link verin] sayfas\u0131n\u0131 ziyaret edebilirsiniz.<\/li>\n
    • Shipaton projesinin koduna nas\u0131l eri\u015febilirim?<\/strong> Shipaton projesi a\u00e7\u0131k kaynak de\u011fil, bu nedenle koduna eri\u015fim sa\u011flanamamaktad\u0131r. <\/li>\n<\/ul>\n
      Yazar: Fatih Soysal<\/p>\n
      <\/code><\/p>\n","protected":false},"excerpt":{"rendered":"Shipaton: Doone Build Journal #2 – Doone ile Pratik Kullan\u0131m ve Lottie Animasyonlu \u00d6zel Y\u00fcklenme Ekran\u0131 Doone'un g\u00fcc\u00fcn\u00fc…","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-29269","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-genel","7":"cs-entry","8":"cs-video-wrap"},"yoast_head":"\nShipaton: Doone Build Journal #2 - Doone ile Pratik Kullan\u0131m ve Lottie Animasyonlu \u00d6zel Y\u00fcklenme Ekran\u0131<\/title>\n<meta name=\"description\" content=\"Doone'un g\u00fcc\u00fcn\u00fc Shipaton projemizde nas\u0131l kulland\u0131\u011f\u0131m\u0131z\u0131 ve \u00f6zel bir Lottie animasyonlu y\u00fcklenme ekran\u0131 nas\u0131l tasarlad\u0131\u011f\u0131m\u0131z\u0131 bu ikinci b\u00f6l\u00fcmde ele alaca\u011f\u0131z. Bu makale, Doone ile yeni tan\u0131\u015fanlar i\u00e7in temel kavramlardan, deneyimli geli\u015ftiriciler i\u00e7in ileri seviye tekniklere kadar geni\u015f bir yelpazede bilgi sunmaktad\u0131r. Lottie animasyonlar\u0131n\u0131n performans avantajlar\u0131n\u0131 ve Shipaton projesine entegre etme s\u00fcrecini ad\u0131m ad\u0131m a\u00e7\u0131klayaca\u011f\u0131z. Haz\u0131rsan\u0131z, ba\u015flayal\u0131m!\" \/>\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\/shipaton-doone-build-journal-2-doone-ile-pratik-kullanim-ve-lottie-animasyonlu-ozel-yuklenme-ekrani\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Shipaton: Doone Build Journal #2 - Doone ile Pratik Kullan\u0131m ve Lottie Animasyonlu \u00d6zel Y\u00fcklenme Ekran\u0131\" \/>\n<meta property=\"og:description\" content=\"Doone'un g\u00fcc\u00fcn\u00fc Shipaton projemizde nas\u0131l kulland\u0131\u011f\u0131m\u0131z\u0131 ve \u00f6zel bir Lottie animasyonlu y\u00fcklenme ekran\u0131 nas\u0131l tasarlad\u0131\u011f\u0131m\u0131z\u0131 bu ikinci b\u00f6l\u00fcmde ele alaca\u011f\u0131z. Bu makale, Doone ile yeni tan\u0131\u015fanlar i\u00e7in temel kavramlardan, deneyimli geli\u015ftiriciler i\u00e7in ileri seviye tekniklere kadar geni\u015f bir yelpazede bilgi sunmaktad\u0131r. Lottie animasyonlar\u0131n\u0131n performans avantajlar\u0131n\u0131 ve Shipaton projesine entegre etme s\u00fcrecini ad\u0131m ad\u0131m a\u00e7\u0131klayaca\u011f\u0131z. Haz\u0131rsan\u0131z, ba\u015flayal\u0131m!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fatihsoysal.com\/blog\/shipaton-doone-build-journal-2-doone-ile-pratik-kullanim-ve-lottie-animasyonlu-ozel-yuklenme-ekrani\/\" \/>\n<meta property=\"og:site_name\" content=\"Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" \/>\n<meta property=\"article:published_time\" content=\"2025-09-10T06:00:24+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=\"6 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/shipaton-doone-build-journal-2-doone-ile-pratik-kullanim-ve-lottie-animasyonlu-ozel-yuklenme-ekrani\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/shipaton-doone-build-journal-2-doone-ile-pratik-kullanim-ve-lottie-animasyonlu-ozel-yuklenme-ekrani\/\"},\"author\":{\"name\":\"Fatih Soysal\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"headline\":\"Shipaton: Doone Build Journal #2 – Doone ile Pratik Kullan\u0131m ve Lottie Animasyonlu \u00d6zel Y\u00fcklenme Ekran\u0131\",\"datePublished\":\"2025-09-10T06:00:24+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/shipaton-doone-build-journal-2-doone-ile-pratik-kullanim-ve-lottie-animasyonlu-ozel-yuklenme-ekrani\/\"},\"wordCount\":1123,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/shipaton-doone-build-journal-2-doone-ile-pratik-kullanim-ve-lottie-animasyonlu-ozel-yuklenme-ekrani\/#respond\"]}],\"copyrightYear\":\"2025\",\"copyrightHolder\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/shipaton-doone-build-journal-2-doone-ile-pratik-kullanim-ve-lottie-animasyonlu-ozel-yuklenme-ekrani\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/shipaton-doone-build-journal-2-doone-ile-pratik-kullanim-ve-lottie-animasyonlu-ozel-yuklenme-ekrani\/\",\"name\":\"Shipaton: Doone Build Journal #2 - Doone ile Pratik Kullan\u0131m ve Lottie Animasyonlu \u00d6zel Y\u00fcklenme Ekran\u0131\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\"},\"datePublished\":\"2025-09-10T06:00:24+00:00\",\"description\":\"Doone'un g\u00fcc\u00fcn\u00fc Shipaton projemizde nas\u0131l kulland\u0131\u011f\u0131m\u0131z\u0131 ve \u00f6zel bir Lottie animasyonlu y\u00fcklenme ekran\u0131 nas\u0131l tasarlad\u0131\u011f\u0131m\u0131z\u0131 bu ikinci b\u00f6l\u00fcmde ele alaca\u011f\u0131z. Bu makale, Doone ile yeni tan\u0131\u015fanlar i\u00e7in temel kavramlardan, deneyimli geli\u015ftiriciler i\u00e7in ileri seviye tekniklere kadar geni\u015f bir yelpazede bilgi sunmaktad\u0131r. Lottie animasyonlar\u0131n\u0131n performans avantajlar\u0131n\u0131 ve Shipaton projesine entegre etme s\u00fcrecini ad\u0131m ad\u0131m a\u00e7\u0131klayaca\u011f\u0131z. Haz\u0131rsan\u0131z, ba\u015flayal\u0131m!\",\"breadcrumb\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/shipaton-doone-build-journal-2-doone-ile-pratik-kullanim-ve-lottie-animasyonlu-ozel-yuklenme-ekrani\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/shipaton-doone-build-journal-2-doone-ile-pratik-kullanim-ve-lottie-animasyonlu-ozel-yuklenme-ekrani\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/shipaton-doone-build-journal-2-doone-ile-pratik-kullanim-ve-lottie-animasyonlu-ozel-yuklenme-ekrani\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\/\/fatihsoysal.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Shipaton: Doone Build Journal #2 – Doone ile Pratik Kullan\u0131m ve Lottie Animasyonlu \u00d6zel Y\u00fcklenme Ekran\u0131\"}]},{\"@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":"Shipaton: Doone Build Journal #2 - Doone ile Pratik Kullan\u0131m ve Lottie Animasyonlu \u00d6zel Y\u00fcklenme Ekran\u0131","description":"Doone'un g\u00fcc\u00fcn\u00fc Shipaton projemizde nas\u0131l kulland\u0131\u011f\u0131m\u0131z\u0131 ve \u00f6zel bir Lottie animasyonlu y\u00fcklenme ekran\u0131 nas\u0131l tasarlad\u0131\u011f\u0131m\u0131z\u0131 bu ikinci b\u00f6l\u00fcmde ele alaca\u011f\u0131z. Bu makale, Doone ile yeni tan\u0131\u015fanlar i\u00e7in temel kavramlardan, deneyimli geli\u015ftiriciler i\u00e7in ileri seviye tekniklere kadar geni\u015f bir yelpazede bilgi sunmaktad\u0131r. Lottie animasyonlar\u0131n\u0131n performans avantajlar\u0131n\u0131 ve Shipaton projesine entegre etme s\u00fcrecini ad\u0131m ad\u0131m a\u00e7\u0131klayaca\u011f\u0131z. Haz\u0131rsan\u0131z, ba\u015flayal\u0131m!","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\/shipaton-doone-build-journal-2-doone-ile-pratik-kullanim-ve-lottie-animasyonlu-ozel-yuklenme-ekrani\/","og_locale":"tr_TR","og_type":"article","og_title":"Shipaton: Doone Build Journal #2 - Doone ile Pratik Kullan\u0131m ve Lottie Animasyonlu \u00d6zel Y\u00fcklenme Ekran\u0131","og_description":"Doone'un g\u00fcc\u00fcn\u00fc Shipaton projemizde nas\u0131l kulland\u0131\u011f\u0131m\u0131z\u0131 ve \u00f6zel bir Lottie animasyonlu y\u00fcklenme ekran\u0131 nas\u0131l tasarlad\u0131\u011f\u0131m\u0131z\u0131 bu ikinci b\u00f6l\u00fcmde ele alaca\u011f\u0131z. Bu makale, Doone ile yeni tan\u0131\u015fanlar i\u00e7in temel kavramlardan, deneyimli geli\u015ftiriciler i\u00e7in ileri seviye tekniklere kadar geni\u015f bir yelpazede bilgi sunmaktad\u0131r. Lottie animasyonlar\u0131n\u0131n performans avantajlar\u0131n\u0131 ve Shipaton projesine entegre etme s\u00fcrecini ad\u0131m ad\u0131m a\u00e7\u0131klayaca\u011f\u0131z. Haz\u0131rsan\u0131z, ba\u015flayal\u0131m!","og_url":"https:\/\/fatihsoysal.com\/blog\/shipaton-doone-build-journal-2-doone-ile-pratik-kullanim-ve-lottie-animasyonlu-ozel-yuklenme-ekrani\/","og_site_name":"Kodlar\u0131n Gizemli D\u00fcnyas\u0131","article_published_time":"2025-09-10T06:00:24+00:00","author":"Fatih Soysal","twitter_card":"summary_large_image","twitter_misc":{"Yazan:":"Fatih Soysal","Tahmini okuma s\u00fcresi":"6 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/fatihsoysal.com\/blog\/shipaton-doone-build-journal-2-doone-ile-pratik-kullanim-ve-lottie-animasyonlu-ozel-yuklenme-ekrani\/#article","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/shipaton-doone-build-journal-2-doone-ile-pratik-kullanim-ve-lottie-animasyonlu-ozel-yuklenme-ekrani\/"},"author":{"name":"Fatih Soysal","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"headline":"Shipaton: Doone Build Journal #2 – Doone ile Pratik Kullan\u0131m ve Lottie Animasyonlu \u00d6zel Y\u00fcklenme Ekran\u0131","datePublished":"2025-09-10T06:00:24+00:00","mainEntityOfPage":{"@id":"https:\/\/fatihsoysal.com\/blog\/shipaton-doone-build-journal-2-doone-ile-pratik-kullanim-ve-lottie-animasyonlu-ozel-yuklenme-ekrani\/"},"wordCount":1123,"commentCount":0,"publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/fatihsoysal.com\/blog\/shipaton-doone-build-journal-2-doone-ile-pratik-kullanim-ve-lottie-animasyonlu-ozel-yuklenme-ekrani\/#respond"]}],"copyrightYear":"2025","copyrightHolder":{"@id":"https:\/\/fatihsoysal.com\/blog\/#organization"}},{"@type":"WebPage","@id":"https:\/\/fatihsoysal.com\/blog\/shipaton-doone-build-journal-2-doone-ile-pratik-kullanim-ve-lottie-animasyonlu-ozel-yuklenme-ekrani\/","url":"https:\/\/fatihsoysal.com\/blog\/shipaton-doone-build-journal-2-doone-ile-pratik-kullanim-ve-lottie-animasyonlu-ozel-yuklenme-ekrani\/","name":"Shipaton: Doone Build Journal #2 - Doone ile Pratik Kullan\u0131m ve Lottie Animasyonlu \u00d6zel Y\u00fcklenme Ekran\u0131","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/#website"},"datePublished":"2025-09-10T06:00:24+00:00","description":"Doone'un g\u00fcc\u00fcn\u00fc Shipaton projemizde nas\u0131l kulland\u0131\u011f\u0131m\u0131z\u0131 ve \u00f6zel bir Lottie animasyonlu y\u00fcklenme ekran\u0131 nas\u0131l tasarlad\u0131\u011f\u0131m\u0131z\u0131 bu ikinci b\u00f6l\u00fcmde ele alaca\u011f\u0131z. Bu makale, Doone ile yeni tan\u0131\u015fanlar i\u00e7in temel kavramlardan, deneyimli geli\u015ftiriciler i\u00e7in ileri seviye tekniklere kadar geni\u015f bir yelpazede bilgi sunmaktad\u0131r. Lottie animasyonlar\u0131n\u0131n performans avantajlar\u0131n\u0131 ve Shipaton projesine entegre etme s\u00fcrecini ad\u0131m ad\u0131m a\u00e7\u0131klayaca\u011f\u0131z. Haz\u0131rsan\u0131z, ba\u015flayal\u0131m!","breadcrumb":{"@id":"https:\/\/fatihsoysal.com\/blog\/shipaton-doone-build-journal-2-doone-ile-pratik-kullanim-ve-lottie-animasyonlu-ozel-yuklenme-ekrani\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fatihsoysal.com\/blog\/shipaton-doone-build-journal-2-doone-ile-pratik-kullanim-ve-lottie-animasyonlu-ozel-yuklenme-ekrani\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/fatihsoysal.com\/blog\/shipaton-doone-build-journal-2-doone-ile-pratik-kullanim-ve-lottie-animasyonlu-ozel-yuklenme-ekrani\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/fatihsoysal.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Shipaton: Doone Build Journal #2 – Doone ile Pratik Kullan\u0131m ve Lottie Animasyonlu \u00d6zel Y\u00fcklenme Ekran\u0131"}]},{"@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\/29269","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=29269"}],"version-history":[{"count":0,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/29269\/revisions"}],"wp:attachment":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/media?parent=29269"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/categories?post=29269"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/tags?post=29269"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}