[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog-category-mini-js-projeleri":3},{"dataList":4,"heading":170,"dataCount":173,"metaData":174,"schema":220},["Reactive",5],[6,26,38,50,62,74,86,98,110,122,134,146,158],{"id":7,"title":8,"summary":9,"slug":10,"createdAt":11,"updatedAt":11,"blog_categories":12,"authors":16,"image":21,"thumb":22,"image_webp":23,"thumb_webp":24,"rating":25},34121,"5 Dakikalık Mini JS Projesi: Basit To-Do Uygulaması ile Hızlı Başlangıç","Bu makalede, 5 dakikalık Mini JS Projeleri kapsamında, \u003Cstrong>vanilla js proje\u003C/strong> olarak geliştirebileceğiniz basit bir \u003Cstrong>to-do uygulaması js\u003C/strong> örneğini adım adım ele alıyoruz. \u003Cstrong>Mini JS Projeleri\u003C/strong> ve \u003Cstrong>javascript mini projeler\u003C/strong> arayanlar için ideal bir rehber.","/blog/mini-js-projeleri/5-dakikalik-mini-js-projesi-basit-to-do-uygulamasi-ile-hizli-baslangic","2026-05-13T15:49:03.000Z",{"id":13,"title":14,"slug":15},207,"Mini JS Projeleri","mini-js-projeleri",{"id":17,"name":18,"nickname":19,"slug":20},92,"Burak Demirtaş","CodeMentor","burak-demirtas","7103eb3a84335e2bc178e5e21a794b6b.jpg","7103eb3a84335e2bc178e5e21a794b6b_thumb.jpg","7103eb3a84335e2bc178e5e21a794b6b.webp","7103eb3a84335e2bc178e5e21a794b6b_thumb.webp",null,{"id":27,"title":28,"summary":29,"slug":30,"createdAt":31,"updatedAt":31,"blog_categories":32,"authors":33,"image":34,"thumb":35,"image_webp":36,"thumb_webp":37,"rating":25},32919,"5 dakikada yapılır: 3 hızlı JavaScript mini proje (adım adım)","Bu makalede, HTML ve CSS ile birlikte kısa sürede yapılabilecek üç JavaScript mini projesi (Yaş Hesaplayıcı, Görev Listesi, Kullanıcı Profil Kartı) adım adım gösterilir. Her proje için gerekli HTML yapısı, temel JavaScript mantığı ve hızlı genişletme önerileri yer almaktadır.","/blog/mini-js-projeleri/5-dakikada-yapilir-3-hizli-javascript-mini-proje-adim-adim","2026-05-08T16:45:27.000Z",{"id":13,"title":14,"slug":15},{"id":17,"name":18,"nickname":19,"slug":20},"e4017873a4d4e0050cca693d077cd17b.jpg","e4017873a4d4e0050cca693d077cd17b_thumb.jpg","e4017873a4d4e0050cca693d077cd17b.webp","e4017873a4d4e0050cca693d077cd17b_thumb.webp",{"id":39,"title":40,"summary":41,"slug":42,"createdAt":43,"updatedAt":43,"blog_categories":44,"authors":45,"image":46,"thumb":47,"image_webp":48,"thumb_webp":49,"rating":25},31286,"Hızlı JavaScript Web Araçları ile 5 Dakikada Mini Projeler","JavaScript kullanarak hızlıca geliştirebileceğiniz 5 dakikalık mini projeler ve web araçları hakkında kapsamlı bir rehber. Frontend dünyasında pratik çözümler sunan örneklerle dolu.","/blog/mini-js-projeleri/hizli-javascript-web-araclari-ile-5-dakikada-mini-projeler","2026-05-05T02:15:23.000Z",{"id":13,"title":14,"slug":15},{"id":17,"name":18,"nickname":19,"slug":20},"0fdfe5965625f10316d1f5462f805c0c.jpg","0fdfe5965625f10316d1f5462f805c0c_thumb.jpg","0fdfe5965625f10316d1f5462f805c0c.webp","0fdfe5965625f10316d1f5462f805c0c_thumb.webp",{"id":51,"title":52,"summary":53,"slug":54,"createdAt":55,"updatedAt":55,"blog_categories":56,"authors":57,"image":58,"thumb":59,"image_webp":60,"thumb_webp":61,"rating":25},27830,"5 Dakikada Mini JS Projeleri: 3 Hızlı Uygulama Fikri","Bu rehberde, 5 dakikada tamamlanabilecek üç Mini JS Projeleri — renk değiştirici buton, sayaç ve yapılacaklar listesi — için adım adım talimatlar ve geliştirme önerileri bulacaksınız.","/blog/mini-js-projeleri/5-dakikada-mini-js-projeleri-3-hizli-uygulama-fikri","2026-04-13T19:09:58.000Z",{"id":13,"title":14,"slug":15},{"id":17,"name":18,"nickname":19,"slug":20},"6b67527ccb1ca1b9540bcf1284f66877.jpg","6b67527ccb1ca1b9540bcf1284f66877_thumb.jpg","6b67527ccb1ca1b9540bcf1284f66877.webp","6b67527ccb1ca1b9540bcf1284f66877_thumb.webp",{"id":63,"title":64,"summary":65,"slug":66,"createdAt":67,"updatedAt":67,"blog_categories":68,"authors":69,"image":70,"thumb":71,"image_webp":72,"thumb_webp":73,"rating":25},27257,"5 Dakikalık Mini JS Projeleri: Adım Adım Yapılabilir Fikirler","Bu rehber, JavaScript başlangıç kodları arayanlara yönelik 5 dakikalık mini projeler sunar; adım adım talimatlar, genişletme fikirleri ve referanslarla hızlı uygulama odaklı öğrenme imkanı sağlar.","/blog/mini-js-projeleri/5-dakikalik-mini-js-projeleri-adim-adim-yapilabilir-fikirler","2026-04-12T13:40:13.000Z",{"id":13,"title":14,"slug":15},{"id":17,"name":18,"nickname":19,"slug":20},"980ec32af701e1059ec5dc0c0e53f899.jpg","980ec32af701e1059ec5dc0c0e53f899_thumb.jpg","980ec32af701e1059ec5dc0c0e53f899.webp","980ec32af701e1059ec5dc0c0e53f899_thumb.webp",{"id":75,"title":76,"summary":77,"slug":78,"createdAt":79,"updatedAt":79,"blog_categories":80,"authors":81,"image":82,"thumb":83,"image_webp":84,"thumb_webp":85,"rating":25},26331,"5 Dakikada Mini JS Projeleri: To‑Do, Saat ve Slider","Bu makale, 5 dakikada tamamlanabilecek üç mini JavaScript projesinin (To‑Do listesi, saat, slider) nasıl yapılacağını adım adım ve uygulamalı olarak açıklar.","/blog/mini-js-projeleri/5-dakikada-mini-js-projeleri-todo-saat-ve-slider","2026-04-09T19:15:49.000Z",{"id":13,"title":14,"slug":15},{"id":17,"name":18,"nickname":19,"slug":20},"a276bc7c1decf47b3c946aa4833300d7.jpg","a276bc7c1decf47b3c946aa4833300d7_thumb.jpg","a276bc7c1decf47b3c946aa4833300d7.webp","a276bc7c1decf47b3c946aa4833300d7_thumb.webp",{"id":87,"title":88,"summary":89,"slug":90,"createdAt":91,"updatedAt":91,"blog_categories":92,"authors":93,"image":94,"thumb":95,"image_webp":96,"thumb_webp":97,"rating":25},25929,"5 Dakikalık JS Mini Proje: Basit Yapılacaklar Listesi (localStorage ile)","Bu rehberde, 5 dakikada HTML, CSS ve JavaScript ile localStorage kullanan basit bir yapılacaklar listesi oluşturmayı öğreneceksiniz; görev ekleme, silme, tamamlamayı işaretleme ve sayfa yenilendiğinde veriyi koruma adımlarını bulacaksınız.","/blog/mini-js-projeleri/5-dakikalik-js-mini-proje-basit-yapilacaklar-listesi-localstorage-ile","2026-04-08T18:50:26.000Z",{"id":13,"title":14,"slug":15},{"id":17,"name":18,"nickname":19,"slug":20},"661de407479ace6569b896adf97464e3.jpg","661de407479ace6569b896adf97464e3_thumb.jpg","661de407479ace6569b896adf97464e3.webp","661de407479ace6569b896adf97464e3_thumb.webp",{"id":99,"title":100,"summary":101,"slug":102,"createdAt":103,"updatedAt":103,"blog_categories":104,"authors":105,"image":106,"thumb":107,"image_webp":108,"thumb_webp":109,"rating":25},25806,"5 Dakikada Yapılabilecek Mini JavaScript Projeleri: 3 Uygulama","Bu yazıda, temel JavaScript becerileri kazanmak için 5 dakikada tamamlanabilen üç mini proje (canlı saat, renk değiştirici buton, hareketli arka plan) adım adım gösterilmektedir.","/blog/mini-js-projeleri/5-dakikada-yapilabilecek-mini-javascript-projeleri-3-uygulama","2026-04-08T15:00:49.000Z",{"id":13,"title":14,"slug":15},{"id":17,"name":18,"nickname":19,"slug":20},"b48336bafa84c48ecf97ad755ca0e273.jpg","b48336bafa84c48ecf97ad755ca0e273_thumb.jpg","b48336bafa84c48ecf97ad755ca0e273.webp","b48336bafa84c48ecf97ad755ca0e273_thumb.webp",{"id":111,"title":112,"summary":113,"slug":114,"createdAt":115,"updatedAt":115,"blog_categories":116,"authors":117,"image":118,"thumb":119,"image_webp":120,"thumb_webp":121,"rating":25},22749,"5 Dakikada JavaScript Animasyonları: Hızlı ve Etkileyici Mini Projeler","JavaScript ile sadece 5 dakikada hazırlayabileceğiniz animasyon projeleriyle hızlı kodlama deneyimi yaşayın. Başlangıç seviyesindekiler için ideal mini projelerle animasyon dünyasına adım atın.","/blog/mini-js-projeleri/5-dakikada-javascript-animasyonlari-hizli-ve-etkileyici-mini-projeler","2026-03-20T09:31:46.000Z",{"id":13,"title":14,"slug":15},{"id":17,"name":18,"nickname":19,"slug":20},"0bf18e1612a61a75a24b85304465a77b.jpg","0bf18e1612a61a75a24b85304465a77b_thumb.jpg","0bf18e1612a61a75a24b85304465a77b.webp","0bf18e1612a61a75a24b85304465a77b_thumb.webp",{"id":123,"title":124,"summary":125,"slug":126,"createdAt":127,"updatedAt":127,"blog_categories":128,"authors":129,"image":130,"thumb":131,"image_webp":132,"thumb_webp":133,"rating":25},22656,"Küçük Web Oyunlarıyla JavaScript Öğrenmenin Keyifli Yolu","JavaScript öğrenirken küçük web oyunları geliştirmek, başlangıç seviyesindeki herkes için etkili ve eğlenceli bir yöntemdir. Bu yazıda, mini projelerle JS öğrenmenin avantajlarını ve nasıl başlayabileceğinizi keşfedin.","/blog/mini-js-projeleri/kucuk-web-oyunlariyla-javascript-ogrenmenin-keyifli-yolu","2026-03-19T10:43:18.000Z",{"id":13,"title":14,"slug":15},{"id":17,"name":18,"nickname":19,"slug":20},"2b20860cca8d3f2c46a5813daff4f9c3.jpg","2b20860cca8d3f2c46a5813daff4f9c3_thumb.jpg","2b20860cca8d3f2c46a5813daff4f9c3.webp","2b20860cca8d3f2c46a5813daff4f9c3_thumb.webp",{"id":135,"title":136,"summary":137,"slug":138,"createdAt":139,"updatedAt":139,"blog_categories":140,"authors":141,"image":142,"thumb":143,"image_webp":144,"thumb_webp":145,"rating":25},21078,"3 Hızlı JavaScript Mini Projesi: Todo, Sayaç ve Modal (Kodlu)","Bu rehberde vanilla JavaScript ile 3 hızlı mini proje yapacağız: localStorage ile kalıcı Todo listesi, setInterval/clearInterval ile sayaç ve modern \u003Cdialog> elementiyle erişilebilir modal. Kodları kopyalayıp tek bir HTML dosyasında hemen deneyebilirsiniz.","/blog/mini-js-projeleri/3-hizli-javascript-mini-projesi-todo-sayac-ve-modal-kodlu","2026-03-08T16:11:51.000Z",{"id":13,"title":14,"slug":15},{"id":17,"name":18,"nickname":19,"slug":20},"756c42484b61f0ee7b6c749252b85dc4.jpg","756c42484b61f0ee7b6c749252b85dc4_thumb.jpg","756c42484b61f0ee7b6c749252b85dc4.webp","756c42484b61f0ee7b6c749252b85dc4_thumb.webp",{"id":147,"title":148,"summary":149,"slug":150,"createdAt":151,"updatedAt":151,"blog_categories":152,"authors":153,"image":154,"thumb":155,"image_webp":156,"thumb_webp":157,"rating":25},13969,"Başlangıç Seviyesi Hızlı JavaScript Uygulamaları ile Mini Projeler","JavaScript öğrenmeye yeni başlayanlar için hızlı ve etkili mini uygulamalarla pratik yapmanın önemi ve örnek projeler.","/blog/mini-js-projeleri/baslangic-seviyesi-hizli-javascript-uygulamalari-ile-mini-projeler","2026-02-04T19:54:25.000Z",{"id":13,"title":14,"slug":15},{"id":17,"name":18,"nickname":19,"slug":20},"d138a6a46a5d480139b09a77dcebef82.jpg","d138a6a46a5d480139b09a77dcebef82_thumb.jpg","d138a6a46a5d480139b09a77dcebef82.webp","d138a6a46a5d480139b09a77dcebef82_thumb.webp",{"id":159,"title":160,"summary":161,"slug":162,"createdAt":163,"updatedAt":163,"blog_categories":164,"authors":165,"image":166,"thumb":167,"image_webp":168,"thumb_webp":169,"rating":25},14471,"5 Dakikada Yapılacak Mini JS Projeler ile Hızlı Kodlama Deneyimi","JavaScript ile sadece 5 dakikada tamamlayabileceğiniz mini projeler sayesinde hızlı kodlama becerilerinizi geliştirin. Bu yazıda, pratik ve eğlenceli mini projelerle JavaScript öğrenimini hızlandırabilirsiniz.","/blog/mini-js-projeleri/5-dakikada-yapilacak-mini-js-projeler-ile-hizli-kodlama-deneyimi","2026-02-04T11:54:05.000Z",{"id":13,"title":14,"slug":15},{"id":17,"name":18,"nickname":19,"slug":20},"adc1b4a58c800f32bb09389de0bc48fa.jpg","adc1b4a58c800f32bb09389de0bc48fa_thumb.jpg","adc1b4a58c800f32bb09389de0bc48fa.webp","adc1b4a58c800f32bb09389de0bc48fa_thumb.webp",["Reactive",171],{"title":14,"subTitle":172},"Blog",13,["Reactive",175],{"title":176,"meta":177,"link":214},"JavaScript Mini Projeleri",[178,181,184,187,190,193,196,199,202,205,208,210,212],{"hid":179,"name":179,"content":180},"description","Başlangıç seviyesinde mini JavaScript projeleri.",{"hid":182,"name":182,"content":183},"keywords","javascript,mini proje,başlangıç,snippet",{"hid":185,"name":185,"content":186},"author","Başlangıç Seviyesi Kod & Snippet Rehberi",{"hid":188,"name":188,"content":189},"robots","index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1",{"hid":191,"property":191,"content":192},"og:type","website",{"hid":194,"property":194,"content":195},"og:title","Başlangıç Kod & Snippet Rehberi | KodÖğreniyorum",{"hid":197,"property":197,"content":198},"og:description","Yeni başlayanlara yönelik kısa kod örnekleri, snippet'ler ve adım adım alıştırmalar. Hızlı uygulamalarla temel programlama mantığını pekiştir.",{"hid":200,"property":200,"content":201},"og:image","https://kodogreniyorum.comundefined",{"hid":203,"property":203,"content":204},"og:url","https://kodogreniyorum.com/blog/mini-js-projeleri",{"hid":206,"name":206,"content":207},"twitter:card","summary_large_image",{"hid":209,"name":209,"content":195},"twitter:title",{"hid":211,"name":211,"content":198},"twitter:description",{"hid":213,"name":213,"content":201},"twitter:image",[215,217],{"rel":216,"href":204},"canonical",{"rel":218,"href":219},"amphtml","https://amp.kodogreniyorum.com/blog/mini-js-projeleri",["Reactive",221],{"@context":222,"@graph":223},"https://schema.org",[224,329],{"@type":172,"name":176,"description":180,"url":225,"mainEntity":226},"https://kodogreniyorum.com/blog",{"@type":227,"itemListOrder":228,"numberOfItems":173,"itemListElement":229},"ItemList","https://schema.org/ItemListOrderDescending",[230,246,253,260,267,274,281,288,295,302,309,316,323],{"@type":231,"position":232,"url":233,"item":234},"ListItem",1,"https://kodogreniyorum.com/blog/mini-js-projeleri/5-dakikalik-mini-js-projesi-basit-to-do-uygulamasi-ile-hizli-baslangic",{"@type":235,"headline":8,"image":236,"datePublished":11,"dateModified":11,"author":237,"publisher":240},"BlogPosting","https://kodogreniyorum.com/media/blog/undefined",{"@type":238,"name":18,"url":239},"Person","https://kodogreniyorum.com/yazarlar/burak-demirtas",{"@type":241,"logo":242},"Organization",{"@type":243,"url":244,"width":245,"height":245},"ImageObject","https://kodogreniyorum.com/img/icons/favicon.png",32,{"@type":231,"position":247,"url":248,"item":249},2,"https://kodogreniyorum.com/blog/mini-js-projeleri/5-dakikada-yapilir-3-hizli-javascript-mini-proje-adim-adim",{"@type":235,"headline":28,"image":236,"datePublished":31,"dateModified":31,"author":250,"publisher":251},{"@type":238,"name":18,"url":239},{"@type":241,"logo":252},{"@type":243,"url":244,"width":245,"height":245},{"@type":231,"position":254,"url":255,"item":256},3,"https://kodogreniyorum.com/blog/mini-js-projeleri/hizli-javascript-web-araclari-ile-5-dakikada-mini-projeler",{"@type":235,"headline":40,"image":236,"datePublished":43,"dateModified":43,"author":257,"publisher":258},{"@type":238,"name":18,"url":239},{"@type":241,"logo":259},{"@type":243,"url":244,"width":245,"height":245},{"@type":231,"position":261,"url":262,"item":263},4,"https://kodogreniyorum.com/blog/mini-js-projeleri/5-dakikada-mini-js-projeleri-3-hizli-uygulama-fikri",{"@type":235,"headline":52,"image":236,"datePublished":55,"dateModified":55,"author":264,"publisher":265},{"@type":238,"name":18,"url":239},{"@type":241,"logo":266},{"@type":243,"url":244,"width":245,"height":245},{"@type":231,"position":268,"url":269,"item":270},5,"https://kodogreniyorum.com/blog/mini-js-projeleri/5-dakikalik-mini-js-projeleri-adim-adim-yapilabilir-fikirler",{"@type":235,"headline":64,"image":236,"datePublished":67,"dateModified":67,"author":271,"publisher":272},{"@type":238,"name":18,"url":239},{"@type":241,"logo":273},{"@type":243,"url":244,"width":245,"height":245},{"@type":231,"position":275,"url":276,"item":277},6,"https://kodogreniyorum.com/blog/mini-js-projeleri/5-dakikada-mini-js-projeleri-todo-saat-ve-slider",{"@type":235,"headline":76,"image":236,"datePublished":79,"dateModified":79,"author":278,"publisher":279},{"@type":238,"name":18,"url":239},{"@type":241,"logo":280},{"@type":243,"url":244,"width":245,"height":245},{"@type":231,"position":282,"url":283,"item":284},7,"https://kodogreniyorum.com/blog/mini-js-projeleri/5-dakikalik-js-mini-proje-basit-yapilacaklar-listesi-localstorage-ile",{"@type":235,"headline":88,"image":236,"datePublished":91,"dateModified":91,"author":285,"publisher":286},{"@type":238,"name":18,"url":239},{"@type":241,"logo":287},{"@type":243,"url":244,"width":245,"height":245},{"@type":231,"position":289,"url":290,"item":291},8,"https://kodogreniyorum.com/blog/mini-js-projeleri/5-dakikada-yapilabilecek-mini-javascript-projeleri-3-uygulama",{"@type":235,"headline":100,"image":236,"datePublished":103,"dateModified":103,"author":292,"publisher":293},{"@type":238,"name":18,"url":239},{"@type":241,"logo":294},{"@type":243,"url":244,"width":245,"height":245},{"@type":231,"position":296,"url":297,"item":298},9,"https://kodogreniyorum.com/blog/mini-js-projeleri/5-dakikada-javascript-animasyonlari-hizli-ve-etkileyici-mini-projeler",{"@type":235,"headline":112,"image":236,"datePublished":115,"dateModified":115,"author":299,"publisher":300},{"@type":238,"name":18,"url":239},{"@type":241,"logo":301},{"@type":243,"url":244,"width":245,"height":245},{"@type":231,"position":303,"url":304,"item":305},10,"https://kodogreniyorum.com/blog/mini-js-projeleri/kucuk-web-oyunlariyla-javascript-ogrenmenin-keyifli-yolu",{"@type":235,"headline":124,"image":236,"datePublished":127,"dateModified":127,"author":306,"publisher":307},{"@type":238,"name":18,"url":239},{"@type":241,"logo":308},{"@type":243,"url":244,"width":245,"height":245},{"@type":231,"position":310,"url":311,"item":312},11,"https://kodogreniyorum.com/blog/mini-js-projeleri/3-hizli-javascript-mini-projesi-todo-sayac-ve-modal-kodlu",{"@type":235,"headline":136,"image":236,"datePublished":139,"dateModified":139,"author":313,"publisher":314},{"@type":238,"name":18,"url":239},{"@type":241,"logo":315},{"@type":243,"url":244,"width":245,"height":245},{"@type":231,"position":317,"url":318,"item":319},12,"https://kodogreniyorum.com/blog/mini-js-projeleri/baslangic-seviyesi-hizli-javascript-uygulamalari-ile-mini-projeler",{"@type":235,"headline":148,"image":236,"datePublished":151,"dateModified":151,"author":320,"publisher":321},{"@type":238,"name":18,"url":239},{"@type":241,"logo":322},{"@type":243,"url":244,"width":245,"height":245},{"@type":231,"position":173,"url":324,"item":325},"https://kodogreniyorum.com/blog/mini-js-projeleri/5-dakikada-yapilacak-mini-js-projeler-ile-hizli-kodlama-deneyimi",{"@type":235,"headline":160,"image":236,"datePublished":163,"dateModified":163,"author":326,"publisher":327},{"@type":238,"name":18,"url":239},{"@type":241,"logo":328},{"@type":243,"url":244,"width":245,"height":245},{"@type":330,"itemListElement":331},"BreadcrumbList",[332,335,336],{"@type":231,"position":232,"name":333,"item":334},"Ana Sayfa","https://kodogreniyorum.com",{"@type":231,"position":247,"name":172,"item":225},{"@type":231,"position":254,"name":14,"item":204}]