[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog-list-1-":3},{"dataList":4,"heading":348,"dataCount":352,"metaData":353,"schema":398},["Reactive",5],[6,26,44,59,74,89,104,119,134,146,165,177,192,204,219,234,249,264,276,288,300,312,324,336],{"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},36923,"Python Döngüleri: For ve While ile Pratik Örnekler ve Comprehension","Bu makalede \u003Cstrong>Python Döngüleri\u003C/strong> konusunu detaylı şekilde ele alıyor, \u003Cstrong>python for örnekleri\u003C/strong>, \u003Cstrong>while örnekleri\u003C/strong>, \u003Cstrong>list comprehension örnek\u003C/strong> ve \u003Cstrong>döngü optimizasyonu\u003C/strong> tekniklerini açıklıyoruz.","/blog/python-donguleri/python-donguleri-for-ve-while-ile-pratik-ornekler-ve-comprehension","2026-05-20T19:04:23.000Z",{"id":13,"title":14,"slug":15},214,"Python Döngüleri","python-donguleri",{"id":17,"name":18,"nickname":19,"slug":20},93,"Onur Tekin","CodeCraftsman","onur-tekin","346252ec0d6fe46125fddbaea0d08c6d.jpg","346252ec0d6fe46125fddbaea0d08c6d_thumb.jpg","346252ec0d6fe46125fddbaea0d08c6d.webp","346252ec0d6fe46125fddbaea0d08c6d_thumb.webp",null,{"id":27,"title":28,"summary":29,"slug":30,"createdAt":31,"updatedAt":31,"blog_categories":32,"authors":36,"image":40,"thumb":41,"image_webp":42,"thumb_webp":43,"rating":25},36795,"Adım Adım JavaScript Temelleri: Kısa ve Çalışır Kod Örnekleri","Bu makale, yeni başlayanlar için JavaScript temellerini adım adım açıklayan kısa ve çalışır kod örnekleri sunar. Ayrıca DOM, asenkron programlama ve hata yakalama konuları için pratik adımlar ve kaynaklar içerir.","/blog/javascript-temelleri/adim-adim-javascript-temelleri-kisa-ve-calisir-kod-ornekleri","2026-05-20T12:42:21.000Z",{"id":33,"title":34,"slug":35},201,"JavaScript Temelleri","javascript-temelleri",{"id":37,"name":38,"nickname":19,"slug":39},91,"Mert Kılıçoğlu","mert-kilicoglu","1b4fb3f708cf6f62fa786fa584d4939b.jpg","1b4fb3f708cf6f62fa786fa584d4939b_thumb.jpg","1b4fb3f708cf6f62fa786fa584d4939b.webp","1b4fb3f708cf6f62fa786fa584d4939b_thumb.webp",{"id":45,"title":46,"summary":47,"slug":48,"createdAt":49,"updatedAt":49,"blog_categories":50,"authors":54,"image":55,"thumb":56,"image_webp":57,"thumb_webp":58,"rating":25},36658,"Python Başlangıç Snippetleri: Hızlı Örneklerle Temel Kavramlar","Bu rehber, yeni başlayanlara yönelik kısa ve uygulanabilir Python snippetleriyle temel kavramları pratik şekilde öğretmeyi amaçlar.","/blog/python-baslangic-snippetleri/python-baslangic-snippetleri-hizli-orneklerle-temel-kavramlar","2026-05-19T18:00:48.000Z",{"id":51,"title":52,"slug":53},202,"Python Başlangıç Snippetleri","python-baslangic-snippetleri",{"id":37,"name":38,"nickname":19,"slug":39},"b5f94fab3a7451eaffe6dfd5055f6640.jpg","b5f94fab3a7451eaffe6dfd5055f6640_thumb.jpg","b5f94fab3a7451eaffe6dfd5055f6640.webp","b5f94fab3a7451eaffe6dfd5055f6640_thumb.webp",{"id":60,"title":61,"summary":62,"slug":63,"createdAt":64,"updatedAt":64,"blog_categories":65,"authors":69,"image":70,"thumb":71,"image_webp":72,"thumb_webp":73,"rating":25},36589,"Dizi ve Obje İşlemleri: Map, Filter ve Reduce ile Pratik Örnekler","Bu makalede, \u003Cstrong>JS Array ve Object Manipülasyonu\u003C/strong> konusunda temel yöntemler olan map, filter ve reduce fonksiyonlarının pratik örneklerle nasıl kullanılacağını öğreneceksiniz. Veri dönüştürme ve işleme teknikleri detaylıca anlatılmaktadır.","/blog/js-array-object-manipulasyonu/dizi-ve-obje-islemleri-map-filter-ve-reduce-ile-pratik-ornekler","2026-05-19T15:38:33.000Z",{"id":66,"title":67,"slug":68},213,"JS Array ve Object Manipülasyonu","js-array-object-manipulasyonu",{"id":17,"name":18,"nickname":19,"slug":20},"5f37260d52e37494f4223ff468167783.jpg","5f37260d52e37494f4223ff468167783_thumb.jpg","5f37260d52e37494f4223ff468167783.webp","5f37260d52e37494f4223ff468167783_thumb.webp",{"id":75,"title":76,"summary":77,"slug":78,"createdAt":79,"updatedAt":79,"blog_categories":80,"authors":84,"image":85,"thumb":86,"image_webp":87,"thumb_webp":88,"rating":25},36304,"HTML & CSS Mini Örnekleri: Hemen Denenecek Basit Şablonlar","Bu makale, yeni başlayanlar için kısa ve uygulanabilir HTML & CSS şablonları sunar; her şablonda nasıl çalıştırılacağı, özelleştirileceği ve temel erişilebilirlik/SEO kontrollerinin nasıl yapılacağı açıklanır.","/blog/html-css-mini-ornekleri/html-css-mini-ornekleri-hemen-denenecek-basit-sablonlar","2026-05-18T18:21:35.000Z",{"id":81,"title":82,"slug":83},203,"HTML & CSS Mini Örnekleri","html-css-mini-ornekleri",{"id":37,"name":38,"nickname":19,"slug":39},"3eab6ae5ccf24e1a019d16384d3aeddf.jpg","3eab6ae5ccf24e1a019d16384d3aeddf_thumb.jpg","3eab6ae5ccf24e1a019d16384d3aeddf.webp","3eab6ae5ccf24e1a019d16384d3aeddf_thumb.webp",{"id":90,"title":91,"summary":92,"slug":93,"createdAt":94,"updatedAt":94,"blog_categories":95,"authors":99,"image":100,"thumb":101,"image_webp":102,"thumb_webp":103,"rating":25},36065,"Basit CSS Animasyonları: Hover ve Transition Örnekleri ile Performans Odaklı Tas","Bu makalede, \u003Cstrong>CSS Animasyon Mini Örnekleri\u003C/strong> kapsamında \u003Cstrong>hover efektleri css\u003C/strong> ve \u003Cstrong>transition örnekleri\u003C/strong> ile performans odaklı \u003Cstrong>css animasyon örnekleri\u003C/strong> inceleniyor. Başlangıç seviyesinden ileri düzeye doğru kolayca uygulanabilir teknikler sunulmaktadır.","/blog/css-animasyon-mini-ornekleri/basit-css-animasyonlari-hover-ve-transition-ornekleri-ile-performans-odakli-tas","2026-05-18T11:24:19.000Z",{"id":96,"title":97,"slug":98},212,"CSS Animasyon Mini Örnekleri","css-animasyon-mini-ornekleri",{"id":17,"name":18,"nickname":19,"slug":20},"665b347d6f09c9f21248ebcbca2a73ed.jpg","665b347d6f09c9f21248ebcbca2a73ed_thumb.jpg","665b347d6f09c9f21248ebcbca2a73ed.webp","665b347d6f09c9f21248ebcbca2a73ed_thumb.webp",{"id":105,"title":106,"summary":107,"slug":108,"createdAt":109,"updatedAt":109,"blog_categories":110,"authors":114,"image":115,"thumb":116,"image_webp":117,"thumb_webp":118,"rating":25},35792,"Python Veri Yapıları: Listeler, Sözlükler ve Set için Pratik Snippetler","Bu rehber, Python listeleri, sözlükleri ve setleri için temel kavramlar, pratik kullanım örnekleri ve sık yapılan hatalardan kaçınma ipuçları sunar.","/blog/python-veri-yapilari/python-veri-yapilari-listeler-sozlukler-ve-set-icin-pratik-snippetler","2026-05-17T16:18:32.000Z",{"id":111,"title":112,"slug":113},205,"Python Veri Yapıları","python-veri-yapilari",{"id":37,"name":38,"nickname":19,"slug":39},"76a1f6a8d1d4f52e7d62aa1b2c63660e.jpg","76a1f6a8d1d4f52e7d62aa1b2c63660e_thumb.jpg","76a1f6a8d1d4f52e7d62aa1b2c63660e.webp","76a1f6a8d1d4f52e7d62aa1b2c63660e_thumb.webp",{"id":120,"title":121,"summary":122,"slug":123,"createdAt":124,"updatedAt":124,"blog_categories":125,"authors":129,"image":130,"thumb":131,"image_webp":132,"thumb_webp":133,"rating":25},35606,"HTML Formu Örneği: Giriş Formu ve Basit Doğrulama Teknikleri","Bu makalede, HTML form örnekleri kapsamında giriş formları ve input elementleri üzerinde durularak, form validation örnekleri ve client-side doğrulama yöntemleri detaylı şekilde açıklanmaktadır.","/blog/html-form-ornekleri/html-formu-ornegi-giris-formu-ve-basit-dogrulama-teknikleri","2026-05-17T12:10:19.000Z",{"id":126,"title":127,"slug":128},211,"HTML Form Örnekleri","html-form-ornekleri",{"id":17,"name":18,"nickname":19,"slug":20},"2f1818aa309f9105ace19053dde3584b.jpg","2f1818aa309f9105ace19053dde3584b_thumb.jpg","2f1818aa309f9105ace19053dde3584b.webp","2f1818aa309f9105ace19053dde3584b_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},35448,"Yeni Başlayanlar için JavaScript Temelleri: Değişkenler ve Kontrol Akışı","Bu rehber, yeni başlayanlara JavaScript'te değişkenlerin (var/let/const) tanımlanmasını, kapsam farklarını ve kontrol akışını (if/else, switch, for, while, do...while) örneklerle öğretmeyi amaçlar.","/blog/javascript-temelleri/yeni-baslayanlar-icin-javascript-temelleri-degiskenler-ve-kontrol-akisi","2026-05-17T09:08:35.000Z",{"id":33,"title":34,"slug":35},{"id":37,"name":38,"nickname":19,"slug":39},"f6c6bceaeba65ebfa0ec1fc285271d88.jpg","f6c6bceaeba65ebfa0ec1fc285271d88_thumb.jpg","f6c6bceaeba65ebfa0ec1fc285271d88.webp","f6c6bceaeba65ebfa0ec1fc285271d88_thumb.webp",{"id":147,"title":148,"summary":149,"slug":150,"createdAt":151,"updatedAt":151,"blog_categories":152,"authors":156,"image":161,"thumb":162,"image_webp":163,"thumb_webp":164,"rating":25},35244,"Python'da Dosya Okuma ve Yazma: Basit Örnekler ve Güvenlik İpuçları","Python'da dosya işlemleri temel programlama becerilerindendir. Bu makalede, \u003Cstrong>Python Dosya İşlemleri\u003C/strong> nasıl yapılır, \u003Cstrong>python file read write\u003C/strong> yöntemleri, \u003Cstrong>with open örnekleri\u003C/strong> ve \u003Cstrong>dosya güvenliği ipuçları\u003C/strong> detaylıca anlatılmaktadır.","/blog/python-dosya-islemleri/pythonda-dosya-okuma-ve-yazma-basit-ornekler-ve-guvenlik-ipuclari","2026-05-16T14:56:09.000Z",{"id":153,"title":154,"slug":155},210,"Python Dosya İşlemleri","python-dosya-islemleri",{"id":157,"name":158,"nickname":159,"slug":160},92,"Burak Demirtaş","CodeMentor","burak-demirtas","40878d24d3f9f8c804605012012629b7.jpg","40878d24d3f9f8c804605012012629b7_thumb.jpg","40878d24d3f9f8c804605012012629b7.webp","40878d24d3f9f8c804605012012629b7_thumb.webp",{"id":166,"title":167,"summary":168,"slug":169,"createdAt":170,"updatedAt":170,"blog_categories":171,"authors":172,"image":173,"thumb":174,"image_webp":175,"thumb_webp":176,"rating":25},35167,"Python Başlangıç Snippetleri: 10 Kısa ve Çalıştırılabilir Örnek","Bu makale Python 3 üzerinde çalıştırılabilecek 10 kısa kod snippet'i içerir; her örnek için açıklama, çalıştırma yönergesi ve pratik değişiklik önerileri sunulmuştur.","/blog/python-baslangic-snippetleri/python-baslangic-snippetleri-10-kisa-ve-calistirilabilir-ornek","2026-05-16T13:14:05.000Z",{"id":51,"title":52,"slug":53},{"id":37,"name":38,"nickname":19,"slug":39},"06696741b245e1fee6094e28e329bed4.jpg","06696741b245e1fee6094e28e329bed4_thumb.jpg","06696741b245e1fee6094e28e329bed4.webp","06696741b245e1fee6094e28e329bed4_thumb.webp",{"id":178,"title":179,"summary":180,"slug":181,"createdAt":182,"updatedAt":182,"blog_categories":183,"authors":187,"image":188,"thumb":189,"image_webp":190,"thumb_webp":191,"rating":25},34703,"Event Listener Örnekleri: Click, Hover ve Form Olayları (JS) ile Etkileşim","JavaScript'te \u003Cstrong>JS Event Listener Örnekleri\u003C/strong> ile kullanıcı etkileşimlerini yönetmeyi öğrenin. Bu yazıda \u003Cstrong>addEventListener örnekleri\u003C/strong>, \u003Cstrong>click hover örnek\u003C/strong> ve \u003Cstrong>form submit js\u003C/strong> gibi temel olay dinleyicilerini detaylıca inceliyoruz.","/blog/js-event-listener-ornekleri/event-listener-ornekleri-click-hover-ve-form-olaylari-js-ile-etkilesim","2026-05-15T12:56:03.000Z",{"id":184,"title":185,"slug":186},209,"JS Event Listener Örnekleri","js-event-listener-ornekleri",{"id":157,"name":158,"nickname":159,"slug":160},"fa5914a9189de7ec5e52c53f78a4db31.jpg","fa5914a9189de7ec5e52c53f78a4db31_thumb.jpg","fa5914a9189de7ec5e52c53f78a4db31.webp","fa5914a9189de7ec5e52c53f78a4db31_thumb.webp",{"id":193,"title":194,"summary":195,"slug":196,"createdAt":197,"updatedAt":197,"blog_categories":198,"authors":199,"image":200,"thumb":201,"image_webp":202,"thumb_webp":203,"rating":25},34615,"Hızlı HTML ve CSS Mini Örnekleri: Basit Grid ve Layout","Bu makale, HTML ve CSS kullanarak hızlıca uygulanabilecek basit grid ve layout örnekleri sunar; temel grid tanımları, grid-template-areas ile düzen, auto-fit/minmax kullanarak responsive grid ve uygulama kontrol listeleri içerir.","/blog/html-css-mini-ornekleri/hizli-html-ve-css-mini-ornekleri-basit-grid-ve-layout","2026-05-15T10:57:07.000Z",{"id":81,"title":82,"slug":83},{"id":37,"name":38,"nickname":19,"slug":39},"aed2aa177fe55ae55cfcfc83ae97e0eb.jpg","aed2aa177fe55ae55cfcfc83ae97e0eb_thumb.jpg","aed2aa177fe55ae55cfcfc83ae97e0eb.webp","aed2aa177fe55ae55cfcfc83ae97e0eb_thumb.webp",{"id":205,"title":206,"summary":207,"slug":208,"createdAt":209,"updatedAt":209,"blog_categories":210,"authors":214,"image":215,"thumb":216,"image_webp":217,"thumb_webp":218,"rating":25},34298,"Python Fonksiyonları: Parametreler, Varsayılanlar ve Örnek Kullanımlar","Python fonksiyonlarının temel yapısı, parametre kullanımı, varsayılan değerler ve docstring örnekleri ile fonksiyon yazımını öğrenin. Başlangıç Seviyesi Kod & Snippet Rehberi ile Python fonksiyon örneklerini keşfedin.","/blog/python-fonksiyon-ornekleri/python-fonksiyonlari-parametreler-varsayilanlar-ve-ornek-kullanimlar","2026-05-14T18:27:08.000Z",{"id":211,"title":212,"slug":213},208,"Python Fonksiyon Örnekleri","python-fonksiyon-ornekleri",{"id":157,"name":158,"nickname":159,"slug":160},"7b5c3308d6fa525dd0005f9502b7bbed.jpg","7b5c3308d6fa525dd0005f9502b7bbed_thumb.jpg","7b5c3308d6fa525dd0005f9502b7bbed.webp","7b5c3308d6fa525dd0005f9502b7bbed_thumb.webp",{"id":220,"title":221,"summary":222,"slug":223,"createdAt":224,"updatedAt":224,"blog_categories":225,"authors":229,"image":230,"thumb":231,"image_webp":232,"thumb_webp":233,"rating":25},34350,"Basit JavaScript ile DOM Manipülasyonu: Seçim, Ekleme ve Değiştirme","Bu makale, JavaScript kullanarak DOM elemanlarını nasıl seçeceğinizi, içerik ekleyip değiştireceğinizi, innerHTML ile textContent arasındaki farkları ve güvenli uygulamaları pratik örneklerle açıklar.","/blog/javascript-dom-manipulasyonu/basit-javascript-ile-dom-manipulasyonu-secim-ekleme-ve-degistirme","2026-05-14T10:09:31.000Z",{"id":226,"title":227,"slug":228},204,"JavaScript DOM Manipülasyonu","javascript-dom-manipulasyonu",{"id":37,"name":38,"nickname":19,"slug":39},"6429147c0e99297d1fe3c6d3bd7db315.jpg","6429147c0e99297d1fe3c6d3bd7db315_thumb.jpg","6429147c0e99297d1fe3c6d3bd7db315.webp","6429147c0e99297d1fe3c6d3bd7db315_thumb.webp",{"id":235,"title":236,"summary":237,"slug":238,"createdAt":239,"updatedAt":239,"blog_categories":240,"authors":244,"image":245,"thumb":246,"image_webp":247,"thumb_webp":248,"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":241,"title":242,"slug":243},207,"Mini JS Projeleri","mini-js-projeleri",{"id":157,"name":158,"nickname":159,"slug":160},"7103eb3a84335e2bc178e5e21a794b6b.jpg","7103eb3a84335e2bc178e5e21a794b6b_thumb.jpg","7103eb3a84335e2bc178e5e21a794b6b.webp","7103eb3a84335e2bc178e5e21a794b6b_thumb.webp",{"id":250,"title":251,"summary":252,"slug":253,"createdAt":254,"updatedAt":254,"blog_categories":255,"authors":259,"image":260,"thumb":261,"image_webp":262,"thumb_webp":263,"rating":25},33813,"Temel Algoritmalar: Basit Sıralama ve İkili Arama Örnekleri (Python)","Bu makalede, Python ile temel algoritmalar kapsamında \u003Cstrong>sorting örnekleri python\u003C/strong> ve \u003Cstrong>binary search örnekleri\u003C/strong> detaylı şekilde incelenmekte, ayrıca \u003Cstrong>zaman karmaşıklığı açıklama\u003C/strong> ile algoritmaların verimliliği ele alınmaktadır.","/blog/temel-algoritmalar/temel-algoritmalar-basit-siralama-ve-ikili-arama-ornekleri-python","2026-05-12T09:00:10.000Z",{"id":256,"title":257,"slug":258},206,"Temel Algoritmalar","temel-algoritmalar",{"id":157,"name":158,"nickname":159,"slug":160},"461636a4c636a9c9919730e164cd2e60.jpg","461636a4c636a9c9919730e164cd2e60_thumb.jpg","461636a4c636a9c9919730e164cd2e60.webp","461636a4c636a9c9919730e164cd2e60_thumb.webp",{"id":265,"title":266,"summary":267,"slug":268,"createdAt":269,"updatedAt":269,"blog_categories":270,"authors":271,"image":272,"thumb":273,"image_webp":274,"thumb_webp":275,"rating":25},33804,"Python Veri Yapıları: Liste, Sözlük ve Set Örnekleri ile Kullanım Rehberi","Python'da veri yapıları, programlamada verileri etkili yönetmek için temel araçlardır. Bu makalede, \u003Cstrong>Python Veri Yapıları\u003C/strong> arasında en çok kullanılan listeler, sözlükler ve setlerin örneklerle kullanımı detaylı olarak açıklanmaktadır.","/blog/python-veri-yapilari/python-veri-yapilari-liste-sozluk-ve-set-ornekleri-ile-kullanim-rehberi","2026-05-11T19:47:06.000Z",{"id":111,"title":112,"slug":113},{"id":37,"name":38,"nickname":19,"slug":39},"4f055be56f29c98368b4e5e0b2c3cfc1.jpg","4f055be56f29c98368b4e5e0b2c3cfc1_thumb.jpg","4f055be56f29c98368b4e5e0b2c3cfc1.webp","4f055be56f29c98368b4e5e0b2c3cfc1_thumb.webp",{"id":277,"title":278,"summary":279,"slug":280,"createdAt":281,"updatedAt":281,"blog_categories":282,"authors":283,"image":284,"thumb":285,"image_webp":286,"thumb_webp":287,"rating":25},33674,"JavaScript Temelleri: Değişkenler, Türler ve Kısa Örnekler","Bu rehber, JavaScript'te değişken tanımlama (var/let/const), temel veri türleri, kapsam kuralları ve kısa örneklerle başlangıç seviyesindeki geliştiricilere pratik bir giriş sunar.","/blog/javascript-temelleri/javascript-temelleri-degiskenler-turler-ve-kisa-ornekler","2026-05-11T11:09:05.000Z",{"id":33,"title":34,"slug":35},{"id":37,"name":38,"nickname":19,"slug":39},"14f35b792aca5fb6078a68bac94e1fb0.jpg","14f35b792aca5fb6078a68bac94e1fb0_thumb.jpg","14f35b792aca5fb6078a68bac94e1fb0.webp","14f35b792aca5fb6078a68bac94e1fb0_thumb.webp",{"id":289,"title":290,"summary":291,"slug":292,"createdAt":293,"updatedAt":293,"blog_categories":294,"authors":295,"image":296,"thumb":297,"image_webp":298,"thumb_webp":299,"rating":25},33500,"DOM Seçimi ve Manipülasyon: Butonla İçerik Değiştirme Örneği","Bu makalede, \u003Cstrong>JavaScript DOM Manipülasyonu\u003C/strong> tekniklerini kullanarak buton ile HTML içerik değiştirme yöntemlerini detaylıca öğrenebilirsiniz. \u003Cstrong>document.querySelector örnek\u003C/strong>leri ve \u003Cstrong>dom manipulation örnekleri\u003C/strong> ile temel kavramlar açıklanmaktadır.","/blog/javascript-dom-manipulasyonu/dom-secimi-ve-manipulasyon-butonla-icerik-degistirme-ornegi","2026-05-10T15:04:14.000Z",{"id":226,"title":227,"slug":228},{"id":37,"name":38,"nickname":19,"slug":39},"745a085ddd9f787426affe6d8499cacc.jpg","745a085ddd9f787426affe6d8499cacc_thumb.jpg","745a085ddd9f787426affe6d8499cacc.webp","745a085ddd9f787426affe6d8499cacc_thumb.webp",{"id":301,"title":302,"summary":303,"slug":304,"createdAt":305,"updatedAt":305,"blog_categories":306,"authors":307,"image":308,"thumb":309,"image_webp":310,"thumb_webp":311,"rating":25},33393,"DOM Manipülasyonu: Öğe Seçme, İçerik Güncelleme ve Örnekler","Bu makale, JavaScript ile DOM (Document Object Model) manipülasyonunun temel kavramlarını ve pratik kullanımını açıklar. Öğeleri nasıl seçeceğinizi, içerik güncelleme yöntemlerini (textContent ve innerHTML), öğe ekleme/silme işlemlerini ve gerçek dünya örnekleriyle adım adım uygulamaları gösterir.","/blog/javascript-dom-manipulasyonu/dom-manipulasyonu-oge-secme-icerik-guncelleme-ve-ornekler","2026-05-10T12:17:30.000Z",{"id":226,"title":227,"slug":228},{"id":37,"name":38,"nickname":19,"slug":39},"d1c41e6ba1c0af7e3bbe80ab21365ab0.jpg","d1c41e6ba1c0af7e3bbe80ab21365ab0_thumb.jpg","d1c41e6ba1c0af7e3bbe80ab21365ab0.webp","d1c41e6ba1c0af7e3bbe80ab21365ab0_thumb.webp",{"id":313,"title":314,"summary":315,"slug":316,"createdAt":317,"updatedAt":317,"blog_categories":318,"authors":319,"image":320,"thumb":321,"image_webp":322,"thumb_webp":323,"rating":25},33114,"Basit Web Sayfası: HTML ve CSS ile Hızlı Layout Örneği","Bu makalede, \u003Cstrong>HTML & CSS Mini Örnekleri\u003C/strong> kapsamında, \u003Cstrong>basit layout örneği\u003C/strong> oluşturmak için temel \u003Cstrong>web tasarımı temel snippetler\u003C/strong> ve \u003Cstrong>responsive temel adımlar\u003C/strong> detaylı şekilde açıklanmaktadır. 2026 yılı için güncel ve pratik yöntemler sunulmaktadır.","/blog/html-css-mini-ornekleri/basit-web-sayfasi-html-ve-css-ile-hizli-layout-ornegi","2026-05-09T12:39:23.000Z",{"id":81,"title":82,"slug":83},{"id":37,"name":38,"nickname":19,"slug":39},"e437f3f99c3fd5d9a02cbca779112c8f.jpg","e437f3f99c3fd5d9a02cbca779112c8f_thumb.jpg","e437f3f99c3fd5d9a02cbca779112c8f.webp","e437f3f99c3fd5d9a02cbca779112c8f_thumb.webp",{"id":325,"title":326,"summary":327,"slug":328,"createdAt":329,"updatedAt":329,"blog_categories":330,"authors":331,"image":332,"thumb":333,"image_webp":334,"thumb_webp":335,"rating":25},32989,"Sıralama ve arama: Python ile anlaşılır algoritma örnekleri","Python'da sıralama ve arama algoritmalarının temellerini örneklerle, performans notları ve pratik ipuçlarıyla öğrenin.","/blog/temel-algoritmalar/siralama-ve-arama-python-ile-anlasilir-algoritma-ornekleri","2026-05-09T09:14:16.000Z",{"id":256,"title":257,"slug":258},{"id":157,"name":158,"nickname":159,"slug":160},"160ee74b8040108a0245bf48c341f6be.jpg","160ee74b8040108a0245bf48c341f6be_thumb.jpg","160ee74b8040108a0245bf48c341f6be.webp","160ee74b8040108a0245bf48c341f6be_thumb.webp",{"id":337,"title":338,"summary":339,"slug":340,"createdAt":341,"updatedAt":341,"blog_categories":342,"authors":343,"image":344,"thumb":345,"image_webp":346,"thumb_webp":347,"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":241,"title":242,"slug":243},{"id":157,"name":158,"nickname":159,"slug":160},"e4017873a4d4e0050cca693d077cd17b.jpg","e4017873a4d4e0050cca693d077cd17b_thumb.jpg","e4017873a4d4e0050cca693d077cd17b.webp","e4017873a4d4e0050cca693d077cd17b_thumb.webp",["Reactive",349],{"title":350,"subTitle":351},"Blog","Başlangıç Kod & Snippet Rehberi | Kod Öğreniyorum",269,["Reactive",354],{"title":355,"meta":356,"link":392},"Başlangıç Seviyesi Kod & Snippet Rehberi | Blog",[357,360,363,366,369,372,375,377,380,383,386,388,390],{"hid":358,"name":358,"content":359},"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":361,"name":361,"content":362},"keywords","başlangıç kod, kod snippet, öğrenme rehberi, programlama başlangıç, pratik alıştırmalar, kod örnekleri, temel algoritmalar",{"hid":364,"name":364,"content":365},"author","Başlangıç Seviyesi Kod & Snippet Rehberi",{"hid":367,"name":367,"content":368},"robots","index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1",{"hid":370,"property":370,"content":371},"og:type","website",{"hid":373,"property":373,"content":374},"og:title","Başlangıç Kod & Snippet Rehberi | KodÖğreniyorum",{"hid":376,"property":376,"content":359},"og:description",{"hid":378,"property":378,"content":379},"og:image","https://kodogreniyorum.comundefined",{"hid":381,"property":381,"content":382},"og:url","https://kodogreniyorum.com/blog/",{"hid":384,"name":384,"content":385},"twitter:card","summary_large_image",{"hid":387,"name":387,"content":374},"twitter:title",{"hid":389,"name":389,"content":359},"twitter:description",{"hid":391,"name":391,"content":379},"twitter:image",[393,395],{"rel":394,"href":382},"canonical",{"rel":396,"href":397},"amphtml","https://amp.kodogreniyorum.com/blog/",["Reactive",399],{"@context":400,"@graph":401},"https://schema.org",[402,587],{"@type":350,"name":355,"description":359,"url":403,"mainEntity":404},"https://kodogreniyorum.com/blog",{"@type":405,"itemListOrder":406,"numberOfItems":407,"itemListElement":408},"ItemList","https://schema.org/ItemListOrderDescending",24,[409,425,433,440,447,454,461,468,475,482,490,497,504,511,518,525,532,539,546,553,560,567,574,581],{"@type":410,"position":411,"url":412,"item":413},"ListItem",1,"https://kodogreniyorum.com/blog/python-donguleri/python-donguleri-for-ve-while-ile-pratik-ornekler-ve-comprehension",{"@type":414,"headline":8,"image":415,"datePublished":11,"dateModified":11,"author":416,"publisher":419},"BlogPosting","https://kodogreniyorum.com/media/blog/undefined",{"@type":417,"name":18,"url":418},"Person","https://kodogreniyorum.com/yazarlar/onur-tekin",{"@type":420,"logo":421},"Organization",{"@type":422,"url":423,"width":424,"height":424},"ImageObject","https://kodogreniyorum.com/img/icons/favicon.png",32,{"@type":410,"position":426,"url":427,"item":428},2,"https://kodogreniyorum.com/blog/javascript-temelleri/adim-adim-javascript-temelleri-kisa-ve-calisir-kod-ornekleri",{"@type":414,"headline":28,"image":415,"datePublished":31,"dateModified":31,"author":429,"publisher":431},{"@type":417,"name":38,"url":430},"https://kodogreniyorum.com/yazarlar/mert-kilicoglu",{"@type":420,"logo":432},{"@type":422,"url":423,"width":424,"height":424},{"@type":410,"position":434,"url":435,"item":436},3,"https://kodogreniyorum.com/blog/python-baslangic-snippetleri/python-baslangic-snippetleri-hizli-orneklerle-temel-kavramlar",{"@type":414,"headline":46,"image":415,"datePublished":49,"dateModified":49,"author":437,"publisher":438},{"@type":417,"name":38,"url":430},{"@type":420,"logo":439},{"@type":422,"url":423,"width":424,"height":424},{"@type":410,"position":441,"url":442,"item":443},4,"https://kodogreniyorum.com/blog/js-array-object-manipulasyonu/dizi-ve-obje-islemleri-map-filter-ve-reduce-ile-pratik-ornekler",{"@type":414,"headline":61,"image":415,"datePublished":64,"dateModified":64,"author":444,"publisher":445},{"@type":417,"name":18,"url":418},{"@type":420,"logo":446},{"@type":422,"url":423,"width":424,"height":424},{"@type":410,"position":448,"url":449,"item":450},5,"https://kodogreniyorum.com/blog/html-css-mini-ornekleri/html-css-mini-ornekleri-hemen-denenecek-basit-sablonlar",{"@type":414,"headline":76,"image":415,"datePublished":79,"dateModified":79,"author":451,"publisher":452},{"@type":417,"name":38,"url":430},{"@type":420,"logo":453},{"@type":422,"url":423,"width":424,"height":424},{"@type":410,"position":455,"url":456,"item":457},6,"https://kodogreniyorum.com/blog/css-animasyon-mini-ornekleri/basit-css-animasyonlari-hover-ve-transition-ornekleri-ile-performans-odakli-tas",{"@type":414,"headline":91,"image":415,"datePublished":94,"dateModified":94,"author":458,"publisher":459},{"@type":417,"name":18,"url":418},{"@type":420,"logo":460},{"@type":422,"url":423,"width":424,"height":424},{"@type":410,"position":462,"url":463,"item":464},7,"https://kodogreniyorum.com/blog/python-veri-yapilari/python-veri-yapilari-listeler-sozlukler-ve-set-icin-pratik-snippetler",{"@type":414,"headline":106,"image":415,"datePublished":109,"dateModified":109,"author":465,"publisher":466},{"@type":417,"name":38,"url":430},{"@type":420,"logo":467},{"@type":422,"url":423,"width":424,"height":424},{"@type":410,"position":469,"url":470,"item":471},8,"https://kodogreniyorum.com/blog/html-form-ornekleri/html-formu-ornegi-giris-formu-ve-basit-dogrulama-teknikleri",{"@type":414,"headline":121,"image":415,"datePublished":124,"dateModified":124,"author":472,"publisher":473},{"@type":417,"name":18,"url":418},{"@type":420,"logo":474},{"@type":422,"url":423,"width":424,"height":424},{"@type":410,"position":476,"url":477,"item":478},9,"https://kodogreniyorum.com/blog/javascript-temelleri/yeni-baslayanlar-icin-javascript-temelleri-degiskenler-ve-kontrol-akisi",{"@type":414,"headline":136,"image":415,"datePublished":139,"dateModified":139,"author":479,"publisher":480},{"@type":417,"name":38,"url":430},{"@type":420,"logo":481},{"@type":422,"url":423,"width":424,"height":424},{"@type":410,"position":483,"url":484,"item":485},10,"https://kodogreniyorum.com/blog/python-dosya-islemleri/pythonda-dosya-okuma-ve-yazma-basit-ornekler-ve-guvenlik-ipuclari",{"@type":414,"headline":148,"image":415,"datePublished":151,"dateModified":151,"author":486,"publisher":488},{"@type":417,"name":158,"url":487},"https://kodogreniyorum.com/yazarlar/burak-demirtas",{"@type":420,"logo":489},{"@type":422,"url":423,"width":424,"height":424},{"@type":410,"position":491,"url":492,"item":493},11,"https://kodogreniyorum.com/blog/python-baslangic-snippetleri/python-baslangic-snippetleri-10-kisa-ve-calistirilabilir-ornek",{"@type":414,"headline":167,"image":415,"datePublished":170,"dateModified":170,"author":494,"publisher":495},{"@type":417,"name":38,"url":430},{"@type":420,"logo":496},{"@type":422,"url":423,"width":424,"height":424},{"@type":410,"position":498,"url":499,"item":500},12,"https://kodogreniyorum.com/blog/js-event-listener-ornekleri/event-listener-ornekleri-click-hover-ve-form-olaylari-js-ile-etkilesim",{"@type":414,"headline":179,"image":415,"datePublished":182,"dateModified":182,"author":501,"publisher":502},{"@type":417,"name":158,"url":487},{"@type":420,"logo":503},{"@type":422,"url":423,"width":424,"height":424},{"@type":410,"position":505,"url":506,"item":507},13,"https://kodogreniyorum.com/blog/html-css-mini-ornekleri/hizli-html-ve-css-mini-ornekleri-basit-grid-ve-layout",{"@type":414,"headline":194,"image":415,"datePublished":197,"dateModified":197,"author":508,"publisher":509},{"@type":417,"name":38,"url":430},{"@type":420,"logo":510},{"@type":422,"url":423,"width":424,"height":424},{"@type":410,"position":512,"url":513,"item":514},14,"https://kodogreniyorum.com/blog/python-fonksiyon-ornekleri/python-fonksiyonlari-parametreler-varsayilanlar-ve-ornek-kullanimlar",{"@type":414,"headline":206,"image":415,"datePublished":209,"dateModified":209,"author":515,"publisher":516},{"@type":417,"name":158,"url":487},{"@type":420,"logo":517},{"@type":422,"url":423,"width":424,"height":424},{"@type":410,"position":519,"url":520,"item":521},15,"https://kodogreniyorum.com/blog/javascript-dom-manipulasyonu/basit-javascript-ile-dom-manipulasyonu-secim-ekleme-ve-degistirme",{"@type":414,"headline":221,"image":415,"datePublished":224,"dateModified":224,"author":522,"publisher":523},{"@type":417,"name":38,"url":430},{"@type":420,"logo":524},{"@type":422,"url":423,"width":424,"height":424},{"@type":410,"position":526,"url":527,"item":528},16,"https://kodogreniyorum.com/blog/mini-js-projeleri/5-dakikalik-mini-js-projesi-basit-to-do-uygulamasi-ile-hizli-baslangic",{"@type":414,"headline":236,"image":415,"datePublished":239,"dateModified":239,"author":529,"publisher":530},{"@type":417,"name":158,"url":487},{"@type":420,"logo":531},{"@type":422,"url":423,"width":424,"height":424},{"@type":410,"position":533,"url":534,"item":535},17,"https://kodogreniyorum.com/blog/temel-algoritmalar/temel-algoritmalar-basit-siralama-ve-ikili-arama-ornekleri-python",{"@type":414,"headline":251,"image":415,"datePublished":254,"dateModified":254,"author":536,"publisher":537},{"@type":417,"name":158,"url":487},{"@type":420,"logo":538},{"@type":422,"url":423,"width":424,"height":424},{"@type":410,"position":540,"url":541,"item":542},18,"https://kodogreniyorum.com/blog/python-veri-yapilari/python-veri-yapilari-liste-sozluk-ve-set-ornekleri-ile-kullanim-rehberi",{"@type":414,"headline":266,"image":415,"datePublished":269,"dateModified":269,"author":543,"publisher":544},{"@type":417,"name":38,"url":430},{"@type":420,"logo":545},{"@type":422,"url":423,"width":424,"height":424},{"@type":410,"position":547,"url":548,"item":549},19,"https://kodogreniyorum.com/blog/javascript-temelleri/javascript-temelleri-degiskenler-turler-ve-kisa-ornekler",{"@type":414,"headline":278,"image":415,"datePublished":281,"dateModified":281,"author":550,"publisher":551},{"@type":417,"name":38,"url":430},{"@type":420,"logo":552},{"@type":422,"url":423,"width":424,"height":424},{"@type":410,"position":554,"url":555,"item":556},20,"https://kodogreniyorum.com/blog/javascript-dom-manipulasyonu/dom-secimi-ve-manipulasyon-butonla-icerik-degistirme-ornegi",{"@type":414,"headline":290,"image":415,"datePublished":293,"dateModified":293,"author":557,"publisher":558},{"@type":417,"name":38,"url":430},{"@type":420,"logo":559},{"@type":422,"url":423,"width":424,"height":424},{"@type":410,"position":561,"url":562,"item":563},21,"https://kodogreniyorum.com/blog/javascript-dom-manipulasyonu/dom-manipulasyonu-oge-secme-icerik-guncelleme-ve-ornekler",{"@type":414,"headline":302,"image":415,"datePublished":305,"dateModified":305,"author":564,"publisher":565},{"@type":417,"name":38,"url":430},{"@type":420,"logo":566},{"@type":422,"url":423,"width":424,"height":424},{"@type":410,"position":568,"url":569,"item":570},22,"https://kodogreniyorum.com/blog/html-css-mini-ornekleri/basit-web-sayfasi-html-ve-css-ile-hizli-layout-ornegi",{"@type":414,"headline":314,"image":415,"datePublished":317,"dateModified":317,"author":571,"publisher":572},{"@type":417,"name":38,"url":430},{"@type":420,"logo":573},{"@type":422,"url":423,"width":424,"height":424},{"@type":410,"position":575,"url":576,"item":577},23,"https://kodogreniyorum.com/blog/temel-algoritmalar/siralama-ve-arama-python-ile-anlasilir-algoritma-ornekleri",{"@type":414,"headline":326,"image":415,"datePublished":329,"dateModified":329,"author":578,"publisher":579},{"@type":417,"name":158,"url":487},{"@type":420,"logo":580},{"@type":422,"url":423,"width":424,"height":424},{"@type":410,"position":407,"url":582,"item":583},"https://kodogreniyorum.com/blog/mini-js-projeleri/5-dakikada-yapilir-3-hizli-javascript-mini-proje-adim-adim",{"@type":414,"headline":338,"image":415,"datePublished":341,"dateModified":341,"author":584,"publisher":585},{"@type":417,"name":158,"url":487},{"@type":420,"logo":586},{"@type":422,"url":423,"width":424,"height":424},{"@type":588,"itemListElement":589},"BreadcrumbList",[590,593],{"@type":410,"position":411,"name":591,"item":592},"Ana Sayfa","https://kodogreniyorum.com",{"@type":410,"position":426,"name":350,"item":403}]