{"id":12592,"date":"2025-02-16T02:45:12","date_gmt":"2025-02-15T23:45:12","guid":{"rendered":"https:\/\/fatihsoysal.com\/blog\/basit-bir-yapilacaklar-listesi-uygulamasi-olusturma\/"},"modified":"2025-02-16T02:45:12","modified_gmt":"2025-02-15T23:45:12","slug":"basit-bir-yapilacaklar-listesi-uygulamasi-olusturma","status":"publish","type":"post","link":"https:\/\/fatihsoysal.com\/blog\/basit-bir-yapilacaklar-listesi-uygulamasi-olusturma\/","title":{"rendered":"Basit Bir Yap\u0131lacaklar Listesi Uygulamas\u0131 Olu\u015fturma"},"content":{"rendered":"

<\/p>\n

Basit Bir Yap\u0131lacaklar Listesi Uygulamas\u0131 Olu\u015fturma<\/p>\n

Merhaba! Bu yaz\u0131da, JavaScript kullanarak basit bir yap\u0131lacaklar listesi uygulamas\u0131 nas\u0131l olu\u015fturaca\u011f\u0131n\u0131z\u0131 ad\u0131m ad\u0131m a\u00e7\u0131klayaca\u011f\u0131m. Bu uygulama, HTML, CSS ve temel JavaScript bilginizi geli\u015ftirmenize yard\u0131mc\u0131 olacakt\u0131r. \u00d6ncelikle projemizin temel yap\u0131s\u0131n\u0131 olu\u015fturaca\u011f\u0131z. Ard\u0131ndan, yap\u0131lacaklar listesine \u00f6\u011fe ekleme, silme ve i\u015faretleme gibi fonksiyonlar\u0131 ekleyece\u011fiz. Haz\u0131rsan\u0131z ba\u015flayal\u0131m!<\/p>\n

HTML Yap\u0131s\u0131: Temelleri Olu\u015fturma<\/h2>\n

\u0130lk ad\u0131m\u0131m\u0131z, HTML yap\u0131s\u0131n\u0131 olu\u015fturmak. Bu yap\u0131, yap\u0131lacaklar listesini g\u00f6r\u00fcnt\u00fcleyece\u011fimiz temel iskeleti olu\u015fturacakt\u0131r. A\u015fa\u011f\u0131daki kodu kullanarak ba\u015flayabiliriz:<\/p>\n

\n<!DOCTYPE html>\n<html>\n<head>\n  <title>Yap\u0131lacaklar Listesi<\/title>\n  <link rel=\"stylesheet\" href=\"style.css\">\n<\/head>\n<body>\n  <div class=\"container\">\n    <h2>Yap\u0131lacaklar\u0131m<\/h2>\n    <input type=\"text\" id=\"newTask\" placeholder=\"Yeni g\u00f6rev ekle...\">\n    <button id=\"addTask\">Ekle<\/button>\n    <ul id=\"taskList\">\n    <\/ul>\n  <\/div>\n  <script src=\"script.js\"<\/script>\n<\/body>\n<\/html>\n<\/code><\/pre>\n
Bu HTML kodunda, yap\u0131lacaklar listesini g\u00f6r\u00fcnt\u00fclemek i\u00e7in bir ul elementi ve yeni g\u00f6rev eklemek i\u00e7in bir input alan\u0131 ile buton kullan\u0131yoruz.  Sonras\u0131nda, JavaScript kodunu ba\u011flamak i\u00e7in bir script etiketi ekliyoruz.  \u015eimdi, CSS dosyam\u0131z\u0131 olu\u015ftural\u0131m ve uygulamam\u0131za biraz stil verelim.<\/p>\n
CSS Stili: G\u00f6r\u00fcn\u00fcm\u00fc G\u00fczelle\u015ftirme<\/h2>\n
\u015eimdi, uygulamam\u0131za g\u00f6rsel bir \u00e7ekicilik katmak i\u00e7in CSS kullanaca\u011f\u0131z.  Bu, kullan\u0131c\u0131 deneyimini iyile\u015ftirecektir.  style.css dosyas\u0131na a\u015fa\u011f\u0131daki kodu ekleyebilirsiniz:<\/p>\n
\n.container {\n  width: 500px;\n  margin: 0 auto;\n  text-align: center;\n}\n\n#taskList li {\n  list-style: none;\n  padding: 10px;\n  border-bottom: 1px solid #ccc;\n}\n<\/code><\/pre>\n
Bu basit CSS kodu, uygulamam\u0131za d\u00fczenli bir g\u00f6r\u00fcn\u00fcm kazand\u0131racakt\u0131r.  Daha sonra, JavaScript’i kullanarak uygulaman\u0131n i\u015flevselli\u011fini ekleyece\u011fiz.   \u00d6ncelikle, JavaScript dosyas\u0131n\u0131 olu\u015fturmal\u0131y\u0131z.<\/p>\n
JavaScript \u0130\u015flevselli\u011fi: Uygulamay\u0131 Canland\u0131rma<\/h2>\n
Uygulamam\u0131z\u0131n kalbi olan JavaScript kodunu yazma zaman\u0131 geldi. script.js dosyas\u0131na a\u015fa\u011f\u0131daki kodu ekleyin:<\/p>\n
\nconst taskInput = document.getElementById('newTask');\nconst addTaskButton = document.getElementById('addTask');\nconst taskList = document.getElementById('taskList');\n\naddTaskButton.addEventListener('click', () => {\n  const newTask = taskInput.value;\n  if (newTask !== '') {\n    const listItem = document.createElement('li');\n    listItem.textContent = newTask;\n    taskList.appendChild(listItem);\n    taskInput.value = '';\n  }\n});\n<\/code><\/pre>\n
Bu kod, yeni bir g\u00f6rev eklemek i\u00e7in bir event listener kullan\u0131r.  Kullan\u0131c\u0131 bir g\u00f6rev girdi\u011finde ve butona t\u0131klad\u0131\u011f\u0131nda, g\u00f6rev listeye eklenir.  Ancak \u015fu anda, g\u00f6revleri silme veya i\u015faretleme gibi \u00f6zellikleri hen\u00fcz eklemedik.  Bunlar\u0131 sonraki ad\u0131mlarda ekleyece\u011fiz.  Daha geli\u015fmi\u015f \u00f6zellikler i\u00e7in,  fatihsoysal.com<\/a> adresindeki di\u011fer yaz\u0131lar\u0131ma g\u00f6z atabilirsiniz.<\/p>\n
Geli\u015fmi\u015f \u00d6zellikler: Silme ve \u0130\u015faretleme<\/h2>\n
Uygulamam\u0131za silme ve i\u015faretleme fonksiyonlar\u0131n\u0131 ekleyelim.  Bunun i\u00e7in JavaScript kodumuza a\u015fa\u011f\u0131daki sat\u0131rlar\u0131 eklemeliyiz:<\/p>\n
\n\/\/ ... (\u00f6nceki kodlar) ...\n\ntaskList.addEventListener('click', (event) => {\n  if (event.target.tagName === 'LI') {\n    event.target.classList.toggle('completed');\n  }\n});\n\n\/\/Silme fonksiyonu i\u00e7in ekleme yap\u0131lmas\u0131 gerekebilir.\n<\/code><\/pre>\n
Bu kod, liste \u00f6\u011felerine t\u0131kland\u0131\u011f\u0131nda “completed” s\u0131n\u0131f\u0131n\u0131 ekleyip kald\u0131rarak g\u00f6revleri i\u015faretleme \u00f6zelli\u011fini sa\u011flar.  Silme fonksiyonu ise daha karma\u015f\u0131kt\u0131r ve ayr\u0131 bir event listener gerektirebilir.  Daha detayl\u0131 bilgi i\u00e7in,  bu kaynak<\/a> faydal\u0131 olabilir.<\/p>\n
\u0130\u015fte bu kadar!  Basit bir yap\u0131lacaklar listesi uygulamas\u0131 olu\u015fturduk.  Bu uygulama, JavaScript \u00f6\u011frenmek i\u00e7in harika bir ba\u015flang\u0131\u00e7 noktas\u0131d\u0131r.  Daha geli\u015fmi\u015f \u00f6zellikler ekleyerek uygulaman\u0131z\u0131 geli\u015ftirebilirsiniz.  Ba\u015far\u0131lar!<\/p>\n
#Etiketler: javascript, yap\u0131lacaklar listesi, todo app, web geli\u015ftirme, programlama, ad\u0131m ad\u0131m, kodlama, html, css, javascript tutorial<\/p>\n
<\/body>
\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"Basit Bir Yap\u0131lacaklar Listesi Uygulamas\u0131 Olu\u015fturma Merhaba! Bu yaz\u0131da, JavaScript kullanarak basit bir yap\u0131lacaklar listesi uygulamas\u0131 nas\u0131l olu\u015fturaca\u011f\u0131n\u0131z\u0131…","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-12592","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-genel","7":"cs-entry","8":"cs-video-wrap"},"yoast_head":"\nBasit Bir Yap\u0131lacaklar Listesi Uygulamas\u0131 Olu\u015fturma<\/title>\n<meta name=\"description\" content=\"Merhaba! Bu yaz\u0131da, JavaScript kullanarak basit bir yap\u0131lacaklar listesi uygulamas\u0131 nas\u0131l olu\u015fturaca\u011f\u0131n\u0131z\u0131 ad\u0131m ad\u0131m a\u00e7\u0131klayaca\u011f\u0131m. Bu uygulama, HTML, CSS ve temel JavaScript bilginizi geli\u015ftirmenize yard\u0131mc\u0131 olacakt\u0131r. \u00d6ncelikle projemizin temel yap\u0131s\u0131n\u0131 olu\u015fturaca\u011f\u0131z. Ard\u0131ndan, yap\u0131lacaklar listesine \u00f6\u011fe ekleme, silme ve i\u015faretleme gibi fonksiyonlar\u0131 ekleyece\u011fiz. 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\/basit-bir-yapilacaklar-listesi-uygulamasi-olusturma\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Basit Bir Yap\u0131lacaklar Listesi Uygulamas\u0131 Olu\u015fturma\" \/>\n<meta property=\"og:description\" content=\"Merhaba! Bu yaz\u0131da, JavaScript kullanarak basit bir yap\u0131lacaklar listesi uygulamas\u0131 nas\u0131l olu\u015fturaca\u011f\u0131n\u0131z\u0131 ad\u0131m ad\u0131m a\u00e7\u0131klayaca\u011f\u0131m. Bu uygulama, HTML, CSS ve temel JavaScript bilginizi geli\u015ftirmenize yard\u0131mc\u0131 olacakt\u0131r. \u00d6ncelikle projemizin temel yap\u0131s\u0131n\u0131 olu\u015fturaca\u011f\u0131z. Ard\u0131ndan, yap\u0131lacaklar listesine \u00f6\u011fe ekleme, silme ve i\u015faretleme gibi fonksiyonlar\u0131 ekleyece\u011fiz. Haz\u0131rsan\u0131z ba\u015flayal\u0131m!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fatihsoysal.com\/blog\/basit-bir-yapilacaklar-listesi-uygulamasi-olusturma\/\" \/>\n<meta property=\"og:site_name\" content=\"Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" \/>\n<meta property=\"article:published_time\" content=\"2025-02-15T23:45:12+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\/basit-bir-yapilacaklar-listesi-uygulamasi-olusturma\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/basit-bir-yapilacaklar-listesi-uygulamasi-olusturma\/\"},\"author\":{\"name\":\"Fatih Soysal\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"headline\":\"Basit Bir Yap\u0131lacaklar Listesi Uygulamas\u0131 Olu\u015fturma\",\"datePublished\":\"2025-02-15T23:45:12+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/basit-bir-yapilacaklar-listesi-uygulamasi-olusturma\/\"},\"wordCount\":470,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/basit-bir-yapilacaklar-listesi-uygulamasi-olusturma\/#respond\"]}],\"copyrightYear\":\"2025\",\"copyrightHolder\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/basit-bir-yapilacaklar-listesi-uygulamasi-olusturma\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/basit-bir-yapilacaklar-listesi-uygulamasi-olusturma\/\",\"name\":\"Basit Bir Yap\u0131lacaklar Listesi Uygulamas\u0131 Olu\u015fturma\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\"},\"datePublished\":\"2025-02-15T23:45:12+00:00\",\"description\":\"Merhaba! Bu yaz\u0131da, JavaScript kullanarak basit bir yap\u0131lacaklar listesi uygulamas\u0131 nas\u0131l olu\u015fturaca\u011f\u0131n\u0131z\u0131 ad\u0131m ad\u0131m a\u00e7\u0131klayaca\u011f\u0131m. Bu uygulama, HTML, CSS ve temel JavaScript bilginizi geli\u015ftirmenize yard\u0131mc\u0131 olacakt\u0131r. \u00d6ncelikle projemizin temel yap\u0131s\u0131n\u0131 olu\u015fturaca\u011f\u0131z. Ard\u0131ndan, yap\u0131lacaklar listesine \u00f6\u011fe ekleme, silme ve i\u015faretleme gibi fonksiyonlar\u0131 ekleyece\u011fiz. Haz\u0131rsan\u0131z ba\u015flayal\u0131m!\",\"breadcrumb\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/basit-bir-yapilacaklar-listesi-uygulamasi-olusturma\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/basit-bir-yapilacaklar-listesi-uygulamasi-olusturma\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/basit-bir-yapilacaklar-listesi-uygulamasi-olusturma\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\/\/fatihsoysal.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Basit Bir Yap\u0131lacaklar Listesi Uygulamas\u0131 Olu\u015fturma\"}]},{\"@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":"Basit Bir Yap\u0131lacaklar Listesi Uygulamas\u0131 Olu\u015fturma","description":"Merhaba! Bu yaz\u0131da, JavaScript kullanarak basit bir yap\u0131lacaklar listesi uygulamas\u0131 nas\u0131l olu\u015fturaca\u011f\u0131n\u0131z\u0131 ad\u0131m ad\u0131m a\u00e7\u0131klayaca\u011f\u0131m. Bu uygulama, HTML, CSS ve temel JavaScript bilginizi geli\u015ftirmenize yard\u0131mc\u0131 olacakt\u0131r. \u00d6ncelikle projemizin temel yap\u0131s\u0131n\u0131 olu\u015fturaca\u011f\u0131z. Ard\u0131ndan, yap\u0131lacaklar listesine \u00f6\u011fe ekleme, silme ve i\u015faretleme gibi fonksiyonlar\u0131 ekleyece\u011fiz. 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\/basit-bir-yapilacaklar-listesi-uygulamasi-olusturma\/","og_locale":"tr_TR","og_type":"article","og_title":"Basit Bir Yap\u0131lacaklar Listesi Uygulamas\u0131 Olu\u015fturma","og_description":"Merhaba! Bu yaz\u0131da, JavaScript kullanarak basit bir yap\u0131lacaklar listesi uygulamas\u0131 nas\u0131l olu\u015fturaca\u011f\u0131n\u0131z\u0131 ad\u0131m ad\u0131m a\u00e7\u0131klayaca\u011f\u0131m. Bu uygulama, HTML, CSS ve temel JavaScript bilginizi geli\u015ftirmenize yard\u0131mc\u0131 olacakt\u0131r. \u00d6ncelikle projemizin temel yap\u0131s\u0131n\u0131 olu\u015fturaca\u011f\u0131z. Ard\u0131ndan, yap\u0131lacaklar listesine \u00f6\u011fe ekleme, silme ve i\u015faretleme gibi fonksiyonlar\u0131 ekleyece\u011fiz. Haz\u0131rsan\u0131z ba\u015flayal\u0131m!","og_url":"https:\/\/fatihsoysal.com\/blog\/basit-bir-yapilacaklar-listesi-uygulamasi-olusturma\/","og_site_name":"Kodlar\u0131n Gizemli D\u00fcnyas\u0131","article_published_time":"2025-02-15T23:45:12+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\/basit-bir-yapilacaklar-listesi-uygulamasi-olusturma\/#article","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/basit-bir-yapilacaklar-listesi-uygulamasi-olusturma\/"},"author":{"name":"Fatih Soysal","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"headline":"Basit Bir Yap\u0131lacaklar Listesi Uygulamas\u0131 Olu\u015fturma","datePublished":"2025-02-15T23:45:12+00:00","mainEntityOfPage":{"@id":"https:\/\/fatihsoysal.com\/blog\/basit-bir-yapilacaklar-listesi-uygulamasi-olusturma\/"},"wordCount":470,"commentCount":0,"publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/fatihsoysal.com\/blog\/basit-bir-yapilacaklar-listesi-uygulamasi-olusturma\/#respond"]}],"copyrightYear":"2025","copyrightHolder":{"@id":"https:\/\/fatihsoysal.com\/blog\/#organization"}},{"@type":"WebPage","@id":"https:\/\/fatihsoysal.com\/blog\/basit-bir-yapilacaklar-listesi-uygulamasi-olusturma\/","url":"https:\/\/fatihsoysal.com\/blog\/basit-bir-yapilacaklar-listesi-uygulamasi-olusturma\/","name":"Basit Bir Yap\u0131lacaklar Listesi Uygulamas\u0131 Olu\u015fturma","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/#website"},"datePublished":"2025-02-15T23:45:12+00:00","description":"Merhaba! Bu yaz\u0131da, JavaScript kullanarak basit bir yap\u0131lacaklar listesi uygulamas\u0131 nas\u0131l olu\u015fturaca\u011f\u0131n\u0131z\u0131 ad\u0131m ad\u0131m a\u00e7\u0131klayaca\u011f\u0131m. Bu uygulama, HTML, CSS ve temel JavaScript bilginizi geli\u015ftirmenize yard\u0131mc\u0131 olacakt\u0131r. \u00d6ncelikle projemizin temel yap\u0131s\u0131n\u0131 olu\u015fturaca\u011f\u0131z. Ard\u0131ndan, yap\u0131lacaklar listesine \u00f6\u011fe ekleme, silme ve i\u015faretleme gibi fonksiyonlar\u0131 ekleyece\u011fiz. Haz\u0131rsan\u0131z ba\u015flayal\u0131m!","breadcrumb":{"@id":"https:\/\/fatihsoysal.com\/blog\/basit-bir-yapilacaklar-listesi-uygulamasi-olusturma\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fatihsoysal.com\/blog\/basit-bir-yapilacaklar-listesi-uygulamasi-olusturma\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/fatihsoysal.com\/blog\/basit-bir-yapilacaklar-listesi-uygulamasi-olusturma\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/fatihsoysal.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Basit Bir Yap\u0131lacaklar Listesi Uygulamas\u0131 Olu\u015fturma"}]},{"@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\/12592","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=12592"}],"version-history":[{"count":0,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/12592\/revisions"}],"wp:attachment":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/media?parent=12592"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/categories?post=12592"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/tags?post=12592"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}