[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog-category-js-event-dom-mini-projeleri":3},{"dataList":4,"heading":98,"dataCount":101,"metaData":102,"schema":148},["Reactive",5],[6,26,38,50,62,74,86],{"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},23546,"JavaScript Etkinliklerle Renk Değiştirme: Basit ve Etkili Mini Proje","JavaScript kullanarak event ve DOM manipülasyonu ile renk değiştirme işlemini öğrenin. Bu mini projede, kullanıcı etkileşimleriyle dinamik renk değişiklikleri yapmayı keşfedin.","/blog/js-event-dom-mini-projeleri/javascript-etkinliklerle-renk-degistirme-basit-ve-etkili-mini-proje","2026-03-30T23:34:38.000Z",{"id":13,"title":14,"slug":15},219,"JS Event ve DOM Mini Projeleri","js-event-dom-mini-projeleri",{"id":17,"name":18,"nickname":19,"slug":20},94,"Caner Şimşek","CodeSprout","caner-simsek","8485dd5c3a8d85cf1c7a2ca0b822eba5.jpg","8485dd5c3a8d85cf1c7a2ca0b822eba5_thumb.jpg","8485dd5c3a8d85cf1c7a2ca0b822eba5.webp","8485dd5c3a8d85cf1c7a2ca0b822eba5_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},23432,"DOM Manipülasyonuyla Menü Açma Kapatma: Başlangıç Seviyesi JavaScript Rehberi","Bu yazıda, \u003Cstrong>DOM\u003C/strong> manipülasyonu kullanarak basit bir \u003Cstrong>menü açma kapatma\u003C/strong> işlevi nasıl yapılır, \u003Cstrong>JavaScript\u003C/strong> ile adım adım anlatıyoruz. Başlangıç seviyesindeki geliştiriciler için ideal bir mini proje.","/blog/js-event-dom-mini-projeleri/dom-manipulasyonuyla-menu-acma-kapatma-baslangic-seviyesi-javascript-rehberi","2026-03-29T01:54:06.000Z",{"id":13,"title":14,"slug":15},{"id":17,"name":18,"nickname":19,"slug":20},"4f72cbb2ea6653a32590c28979f1ff7b.jpg","4f72cbb2ea6653a32590c28979f1ff7b_thumb.jpg","4f72cbb2ea6653a32590c28979f1ff7b.webp","4f72cbb2ea6653a32590c28979f1ff7b_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},19267,"JavaScript Eventlerle Etkileşim Sanatı: DOM Manipülasyonu ve Mini Projelerle Ust","JavaScript eventleri kullanarak web sayfalarında etkili etkileşimler oluşturmanın yollarını, DOM manipülasyonu tekniklerini ve mini projelerle uygulamalı örnekleri keşfedin.","/blog/js-event-dom-mini-projeleri/javascript-eventlerle-etkilesim-sanati-dom-manipulasyonu-ve-mini-projelerle-ust","2026-02-17T04:24:35.000Z",{"id":13,"title":14,"slug":15},{"id":17,"name":18,"nickname":19,"slug":20},"d762420704fb86d3e9977fae809b9ccd.jpg","d762420704fb86d3e9977fae809b9ccd_thumb.jpg","d762420704fb86d3e9977fae809b9ccd.webp","d762420704fb86d3e9977fae809b9ccd_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},19198,"DOM Manipülasyonunda Mini Proje Fikirleri ile JavaScript Becerilerinizi Geliştin","DOM manipülasyonu ve etkinlik yönlendirme konularını öğrenmek isteyenler için pratik mini proje fikirleri. JavaScript ile interaktif web sayfaları oluşturmanın yollarını keşfedin.","/blog/js-event-dom-mini-projeleri/dom-manipulasyonunda-mini-proje-fikirleri-ile-javascript-becerilerinizi-gelistin","2026-02-16T03:41:49.000Z",{"id":13,"title":14,"slug":15},{"id":17,"name":18,"nickname":19,"slug":20},"9dba52bf1b03142df29b3c027351553f.jpg","9dba52bf1b03142df29b3c027351553f_thumb.jpg","9dba52bf1b03142df29b3c027351553f.webp","9dba52bf1b03142df29b3c027351553f_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},10906,"DOM Manipülasyonunda Pratik Mini Projeler ile JavaScript Etkinliklerini Keşfedin","DOM manipülasyonu ve JavaScript etkinlikleri üzerine pratik mini projelerle web geliştirme becerilerinizi geliştirin. Bu rehberde, temel kavramlardan başlayarak etkili mini projeler yapmayı öğreneceksiniz.","/blog/js-event-dom-mini-projeleri/dom-manipulasyonunda-pratik-mini-projeler-ile-javascript-etkinliklerini-kesfedin","2026-01-21T09:57:31.000Z",{"id":13,"title":14,"slug":15},{"id":17,"name":18,"nickname":19,"slug":20},"97adf8322e3b85a8a971bb0b46adfc4f.jpg","97adf8322e3b85a8a971bb0b46adfc4f_thumb.jpg","97adf8322e3b85a8a971bb0b46adfc4f.webp","97adf8322e3b85a8a971bb0b46adfc4f_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},10884,"JS ile Etkinlik Yönetimi Projeleri: JavaScript ve DOM Manipülasyonunda Mini Proj","JavaScript kullanarak etkinlik yönetimi ve DOM manipülasyonu üzerine mini projelerle pratik yapmanın yollarını keşfedin. Etkinlik yönetimi, kullanıcı deneyimini artırmak için kritik bir beceridir.","/blog/js-event-dom-mini-projeleri/js-ile-etkinlik-yonetimi-projeleri-javascript-ve-dom-manipulasyonunda-mini-proj","2026-01-20T22:43:40.000Z",{"id":13,"title":14,"slug":15},{"id":17,"name":18,"nickname":19,"slug":20},"ffb521930854f69ce0cebb461d88e53c.jpg","ffb521930854f69ce0cebb461d88e53c_thumb.jpg","ffb521930854f69ce0cebb461d88e53c.webp","ffb521930854f69ce0cebb461d88e53c_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},4556,"JavaScript Eventlerle Etkileşim Sanatı: Mini Projelerle DOM Manipülasyonu","JavaScript eventleri ve DOM manipülasyonu ile etkileşim sanatını keşfedin. Mini projelerle kullanıcı deneyimini geliştirmek için pratik yöntemler öğrenin.","/blog/js-event-dom-mini-projeleri/javascript-eventlerle-etkilesim-sanati-mini-projelerle-dom-manipulasyonu","2025-12-09T05:30:59.000Z",{"id":13,"title":14,"slug":15},{"id":17,"name":18,"nickname":19,"slug":20},"a4d8250021950975402b5c83482f93b8.jpg","a4d8250021950975402b5c83482f93b8_thumb.jpg","a4d8250021950975402b5c83482f93b8.webp","a4d8250021950975402b5c83482f93b8_thumb.webp",["Reactive",99],{"title":14,"subTitle":100},"Blog",7,["Reactive",103],{"title":104,"meta":105,"link":142},"JS Event & DOM Mini Projeleri",[106,109,112,115,118,121,124,127,130,133,136,138,140],{"hid":107,"name":107,"content":108},"description","Başlangıç seviyesinde mini JS projeleri.",{"hid":110,"name":110,"content":111},"keywords","javascript,event,dom,mini proje",{"hid":113,"name":113,"content":114},"author","Başlangıç Seviyesi Kod & Snippet Rehberi",{"hid":116,"name":116,"content":117},"robots","index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1",{"hid":119,"property":119,"content":120},"og:type","website",{"hid":122,"property":122,"content":123},"og:title","Başlangıç Kod & Snippet Rehberi | KodÖğreniyorum",{"hid":125,"property":125,"content":126},"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":128,"property":128,"content":129},"og:image","https://kodogreniyorum.comundefined",{"hid":131,"property":131,"content":132},"og:url","https://kodogreniyorum.com/blog/js-event-dom-mini-projeleri",{"hid":134,"name":134,"content":135},"twitter:card","summary_large_image",{"hid":137,"name":137,"content":123},"twitter:title",{"hid":139,"name":139,"content":126},"twitter:description",{"hid":141,"name":141,"content":129},"twitter:image",[143,145],{"rel":144,"href":132},"canonical",{"rel":146,"href":147},"amphtml","https://amp.kodogreniyorum.com/blog/js-event-dom-mini-projeleri",["Reactive",149],{"@context":150,"@graph":151},"https://schema.org",[152,215],{"@type":100,"name":104,"description":108,"url":153,"mainEntity":154},"https://kodogreniyorum.com/blog",{"@type":155,"itemListOrder":156,"numberOfItems":101,"itemListElement":157},"ItemList","https://schema.org/ItemListOrderDescending",[158,174,181,188,195,202,209],{"@type":159,"position":160,"url":161,"item":162},"ListItem",1,"https://kodogreniyorum.com/blog/js-event-dom-mini-projeleri/javascript-etkinliklerle-renk-degistirme-basit-ve-etkili-mini-proje",{"@type":163,"headline":8,"image":164,"datePublished":11,"dateModified":11,"author":165,"publisher":168},"BlogPosting","https://kodogreniyorum.com/media/blog/undefined",{"@type":166,"name":18,"url":167},"Person","https://kodogreniyorum.com/yazarlar/caner-simsek",{"@type":169,"logo":170},"Organization",{"@type":171,"url":172,"width":173,"height":173},"ImageObject","https://kodogreniyorum.com/img/icons/favicon.png",32,{"@type":159,"position":175,"url":176,"item":177},2,"https://kodogreniyorum.com/blog/js-event-dom-mini-projeleri/dom-manipulasyonuyla-menu-acma-kapatma-baslangic-seviyesi-javascript-rehberi",{"@type":163,"headline":28,"image":164,"datePublished":31,"dateModified":31,"author":178,"publisher":179},{"@type":166,"name":18,"url":167},{"@type":169,"logo":180},{"@type":171,"url":172,"width":173,"height":173},{"@type":159,"position":182,"url":183,"item":184},3,"https://kodogreniyorum.com/blog/js-event-dom-mini-projeleri/javascript-eventlerle-etkilesim-sanati-dom-manipulasyonu-ve-mini-projelerle-ust",{"@type":163,"headline":40,"image":164,"datePublished":43,"dateModified":43,"author":185,"publisher":186},{"@type":166,"name":18,"url":167},{"@type":169,"logo":187},{"@type":171,"url":172,"width":173,"height":173},{"@type":159,"position":189,"url":190,"item":191},4,"https://kodogreniyorum.com/blog/js-event-dom-mini-projeleri/dom-manipulasyonunda-mini-proje-fikirleri-ile-javascript-becerilerinizi-gelistin",{"@type":163,"headline":52,"image":164,"datePublished":55,"dateModified":55,"author":192,"publisher":193},{"@type":166,"name":18,"url":167},{"@type":169,"logo":194},{"@type":171,"url":172,"width":173,"height":173},{"@type":159,"position":196,"url":197,"item":198},5,"https://kodogreniyorum.com/blog/js-event-dom-mini-projeleri/dom-manipulasyonunda-pratik-mini-projeler-ile-javascript-etkinliklerini-kesfedin",{"@type":163,"headline":64,"image":164,"datePublished":67,"dateModified":67,"author":199,"publisher":200},{"@type":166,"name":18,"url":167},{"@type":169,"logo":201},{"@type":171,"url":172,"width":173,"height":173},{"@type":159,"position":203,"url":204,"item":205},6,"https://kodogreniyorum.com/blog/js-event-dom-mini-projeleri/js-ile-etkinlik-yonetimi-projeleri-javascript-ve-dom-manipulasyonunda-mini-proj",{"@type":163,"headline":76,"image":164,"datePublished":79,"dateModified":79,"author":206,"publisher":207},{"@type":166,"name":18,"url":167},{"@type":169,"logo":208},{"@type":171,"url":172,"width":173,"height":173},{"@type":159,"position":101,"url":210,"item":211},"https://kodogreniyorum.com/blog/js-event-dom-mini-projeleri/javascript-eventlerle-etkilesim-sanati-mini-projelerle-dom-manipulasyonu",{"@type":163,"headline":88,"image":164,"datePublished":91,"dateModified":91,"author":212,"publisher":213},{"@type":166,"name":18,"url":167},{"@type":169,"logo":214},{"@type":171,"url":172,"width":173,"height":173},{"@type":216,"itemListElement":217},"BreadcrumbList",[218,221,222],{"@type":159,"position":160,"name":219,"item":220},"Ana Sayfa","https://kodogreniyorum.com",{"@type":159,"position":175,"name":100,"item":153},{"@type":159,"position":182,"name":14,"item":132}]