<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>1Kodum</title>
	<atom:link href="https://1kodum.com/feed/" rel="self" type="application/rss+xml" />
	<link>https://1kodum.com/</link>
	<description>Kodlamaya dair</description>
	<lastBuildDate>Fri, 10 Jan 2025 10:42:41 +0000</lastBuildDate>
	<language>tr</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	

<image>
	<url>https://1kodum.com/wp-content/uploads/2021/11/1kodum-1-150x150.png</url>
	<title>1Kodum</title>
	<link>https://1kodum.com/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>JavaScript &#8211; Test 1</title>
		<link>https://1kodum.com/javascript-test-1/</link>
					<comments>https://1kodum.com/javascript-test-1/#respond</comments>
		
		<dc:creator><![CDATA[1Kodum]]></dc:creator>
		<pubDate>Mon, 06 Jan 2025 18:30:08 +0000</pubDate>
				<category><![CDATA[Test]]></category>
		<guid isPermaLink="false">https://1kodum.com/?p=4638</guid>

					<description><![CDATA[<p>JavaScript Quiz 1. Aşağıdaki program çıktı olarak ne verir? var num = 50; function logNumber() { var num = 100; console.log(num); } logNumber(); 50 100 undefined ReferenceError 2. Aşağıdaki program çıktı olarak ne verir? var num = 50; function logNumber() { console.log(num); var num = 100; } logNumber(); 50 100 undefined ReferenceError 3. Aşağıdaki program &#8230;</p>
<p><a href="https://1kodum.com/javascript-test-1/">JavaScript &#8211; Test 1</a> yazısı ilk önce <a href="https://1kodum.com">1Kodum</a> üzerinde ortaya çıktı.</p>
]]></description>
										<content:encoded><![CDATA[
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JavaScript Quiz</title>
    <style>
        .correct {
            color: green;
        }

        .incorrect {
            color: red;
        }

        button {
            background-color: #4CAF50;
            border: none;
            color: white;
            padding: 10px 20px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 16px;
            margin: 15px 0;
            cursor: pointer;
            border-radius: 5px;
            transition: background-color 0.3s ease;
        }

        button:hover {
            background-color: #45a049;
        }

        button:disabled {
            background-color: #cccccc;
            cursor: not-allowed;
            opacity: 0.6;
        }

        pre {
            background-color: #f8f9fa;
            padding: 10px;
            border-radius: 5px;
            border: 1px solid #ddd;
            font-family: Consolas, monospace;
            font-size: 14px;
            overflow-x: auto;
        }

        .explanation {
            margin-top: 10px;
            font-size: 14px;
            color: #333;
        }
    </style>
</head>
<body>
    <div id="quiz">
        <form id="quizForm">
            <!-- Sorular -->
            <p>1. Aşağıdaki program çıktı olarak ne verir?</p>
            <pre>
var num = 50;
function logNumber() {
    var num = 100;
    console.log(num);
}
logNumber();
            </pre>
            <label><input type="radio" name="question1" value="a"> 50</label><br>
            <label><input type="radio" name="question1" value="b"> 100</label><br>
            <label><input type="radio" name="question1" value="c"> undefined</label><br>
            <label><input type="radio" name="question1" value="d"> ReferenceError</label><br><br>
            <div class="explanation" id="explanation1"></div>

            <p>2. Aşağıdaki program çıktı olarak ne verir?</p>
            <pre>
var num = 50;
function logNumber() {
    console.log(num);
    var num = 100;
}
logNumber();
            </pre>
            <label><input type="radio" name="question2" value="a"> 50</label><br>
            <label><input type="radio" name="question2" value="b"> 100</label><br>
            <label><input type="radio" name="question2" value="c"> undefined</label><br>
            <label><input type="radio" name="question2" value="d"> ReferenceError</label><br><br>
            <div class="explanation" id="explanation2"></div>

            <p>3. Aşağıdaki program çıktı olarak ne verir?</p>
            <pre>
(function() {
  var x = y = 200;
})();
console.log('y: ', y);
console.log('x: ', x);
            </pre>
            <label><input type="radio" name="question3" value="a"> &#8220;y: 200&#8221;, ReferenceError</label><br>
            <label><input type="radio" name="question3" value="b"> ReferenceError, ReferenceError</label><br>
            <label><input type="radio" name="question3" value="c"> &#8220;y: 200&#8221;, &#8220;x: undefined&#8221;</label><br>
            <label><input type="radio" name="question3" value="d"> &#8220;y: 200&#8221;, ReferenceError</label><br><br>
            <div class="explanation" id="explanation3"></div>

            <p>4. Aşağıdaki program çıktı olarak ne verir?</p>
            <pre>
const list1 = [1, 2, 3, 4, 5];
const list2 = list1;
list1.push(6, 7, 8);
console.log(list2);
            </pre>
            <label><input type="radio" name="question4" value="a"> [1, 2, 3, 4, 5]</label><br>
            <label><input type="radio" name="question4" value="b"> [6, 7, 8]</label><br>
            <label><input type="radio" name="question4" value="c"> [1, 2, 3, 4, 5, 6, 7, 8]</label><br>
            <label><input type="radio" name="question4" value="d"> undefined</label><br><br>
            <div class="explanation" id="explanation4"></div>

            <p>5. Aşağıdaki program çıktı olarak ne verir?</p>
            <pre>
console.log([10, 20, 30, 40, 50].indexOf(30));
console.log([{ name: 'Pam' }, { name: 'Kent' }].indexOf({ name: 'Kent' }));
console.log('hello world'.indexOf('o'));
console.log([[1], [2], [3], [4]].indexOf([2]));
            </pre>
            <label><input type="radio" name="question5" value="a"> 2, -1, 4, -1</label><br>
            <label><input type="radio" name="question5" value="b"> 2, -1, 4, 1</label><br>
            <label><input type="radio" name="question5" value="c"> 2, -1, 4, 4</label><br>
            <label><input type="radio" name="question5" value="d"> 2, 1, 4, -1</label><br><br>
            <div class="explanation" id="explanation5"></div>

            <p>6. Aşağıdaki program çıktı olarak ne verir?</p>
            <pre>
console.log(900.9 === 300.3 * 3);
            </pre>
            <label><input type="radio" name="question6" value="a"> true</label><br>
            <label><input type="radio" name="question6" value="b"> false</label><br>
            <label><input type="radio" name="question6" value="c"> NaN</label><br>
            <label><input type="radio" name="question6" value="d"> undefined</label><br><br>
            <div class="explanation" id="explanation6"></div>

            <p>7. Aşağıdaki program çıktı olarak ne verir?</p>
            <pre>
const a = {};
const b = { name: "b" };
const c = { name: "c" };
a[b] = 250;
a[c] = 500;
console.log(a[b]);
            </pre>
            <label><input type="radio" name="question7" value="a"> 250</label><br>
            <label><input type="radio" name="question7" value="b"> 500</label><br>
            <label><input type="radio" name="question7" value="c"> undefined</label><br>
            <label><input type="radio" name="question7" value="d"> NaN</label><br><br>
            <div class="explanation" id="explanation7"></div>

            <p>8. Aşağıdaki program çıktı olarak ne verir?</p>
            <pre>
var x = 10;
function y() {
  x = 100;
  return;
  function x() {}
}
y();
console.log(x);
            </pre>
            <label><input type="radio" name="question8" value="a"> 10</label><br>
            <label><input type="radio" name="question8" value="b"> 100</label><br>
            <label><input type="radio" name="question8" value="c"> undefined</label><br>
            <label><input type="radio" name="question8" value="d"> ReferenceError</label><br><br>
            <div class="explanation" id="explanation8"></div>

            <p>9. Aşağıdaki program çıktı olarak ne verir?</p>
            <pre>
const user1 = { name: 'Jordan', age: 28 };
const user2 = { name: 'Jordan', age: 28 };
console.log(user1 == user2);
console.log(user1 === user2);
            </pre>
            <label><input type="radio" name="question9" value="a"> true, true</label><br>
            <label><input type="radio" name="question9" value="b"> false, true</label><br>
            <label><input type="radio" name="question9" value="c"> true, false</label><br>
            <label><input type="radio" name="question9" value="d"> false, false</label><br><br>
            <div class="explanation" id="explanation9"></div>

            <p>10. Aşağıdaki program çıktı olarak ne verir?</p>
            <pre>
function logNumbers() {
  console.log(1); 
  setTimeout(function() { console.log(2); }, 1000); 
  setTimeout(function() { console.log(3); }, 0); 
  console.log(4);
}
logNumbers();
            </pre>
            <label><input type="radio" name="question10" value="a"> 1, 2, 3, 4</label><br>
            <label><input type="radio" name="question10" value="b"> 1, 4, 3, 2</label><br>
            <label><input type="radio" name="question10" value="c"> 1, 3, 4, 2</label><br>
            <label><input type="radio" name="question10" value="d"> 4, 3, 1, 2</label><br><br>
            <div class="explanation" id="explanation10"></div>
        </form>
        <button id="submitButton" onclick="submitQuiz()">Testi Bitir</button>
    </div>

    <script>
        function submitQuiz() {
            const correctAnswers = {
                question1: 'b',
                question2: 'c',
                question3: 'a',
                question4: 'c',
                question5: 'a',
                question6: 'b',
                question7: 'b',
                question8: 'a',
                question9: 'd',
                question10: 'b',
            };

            const explanations = {
                question1: "Fonksiyon içinde tanımlanan yerel `num` değişkeni konsola yazdırılır.",
                question2: "`num` hoisting nedeniyle `undefined` olur.",
                question3: "`y` global değişkendir, `x` ise tanımlı değildir.",
                question4: "`list1` ve `list2` aynı referansa sahiptir.",
                question5: "Sadece primitive veri türleri için tam eşleşme yapılır.",
                question6: "`300.3 * 3` yuvarlama hatası nedeniyle 900.9'a eşit değildir.",
                question7: "Nesne anahtarları `[object Object]` olarak kaydedilir ve `a[c]` son değeri alır.",
                question8: "Fonksiyon içindeki `x` tanımı hoisting ile yukarı taşınır, global `x` etkilenmez.",
                question9: "İki nesne referansı farklıdır, bu yüzden eşitlik yoktur.",
                question10: "Asenkron yapı nedeniyle `1, 4, 3, 2` sırasıyla yazdırılır.",
            };

            let correctCount = 0;
            const labels = document.querySelectorAll('form#quizForm label');

            labels.forEach(label => label.classList.remove('correct', 'incorrect'));

            Object.keys(correctAnswers).forEach(question => {
                const userAnswer = document.querySelector(`input[name="${question}"]:checked`);
                const explanationDiv = document.getElementById(`explanation${question.replace('question', '')}`);
                const correctOption = document.querySelector(`input[name="${question}"][value="${correctAnswers[question]}"]`);

                if (userAnswer) {
                    if (userAnswer.value === correctAnswers[question]) {
                        correctCount++;
                        userAnswer.parentElement.classList.add('correct');
                    } else {
                        userAnswer.parentElement.classList.add('incorrect');
                    }
                }
                // Doğru cevabı yeşil göster
                if (correctOption) {
                    correctOption.parentElement.classList.add('correct');
                }
                // Cevap açıklamasını ekle
                explanationDiv.innerHTML = `<strong>Açıklama:</strong> ${explanations[question]}`;
            });

            const resultsDiv = document.createElement('div');
            resultsDiv.innerHTML = `
                <h3>Test Sonuçları:</h3>
                <p>Doğru Cevaplar: ${correctCount}</p>
                <p>Yanlış Cevaplar: ${Object.keys(correctAnswers).length - correctCount}</p>
            `;
            document.getElementById('quiz').appendChild(resultsDiv);

            document.getElementById('submitButton').disabled = true;
        }
    </script>
</body>
</html>

<p><a href="https://1kodum.com/javascript-test-1/">JavaScript &#8211; Test 1</a> yazısı ilk önce <a href="https://1kodum.com">1Kodum</a> üzerinde ortaya çıktı.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://1kodum.com/javascript-test-1/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Passing Data by Reference Nedir?</title>
		<link>https://1kodum.com/passing-data-by-reference-nedir/</link>
					<comments>https://1kodum.com/passing-data-by-reference-nedir/#respond</comments>
		
		<dc:creator><![CDATA[1Kodum]]></dc:creator>
		<pubDate>Sun, 05 Jan 2025 19:44:16 +0000</pubDate>
				<category><![CDATA[Kod Sözlüğü]]></category>
		<guid isPermaLink="false">https://1kodum.com/?p=4626</guid>

					<description><![CDATA[<p>Passing Data by Reference Nedir? Passing data by reference, bir fonksiyon çağrısı sırasında bir değişkenin bellekteki referansının (adresinin) fonksiyona iletilmesi anlamına gelir. Bu yöntemde, fonksiyon orijinal değişkeni kullanır ve üzerinde yapılan değişiklikler doğrudan orijinal değişkene yansır. Passing By Reference Example Kopyala</p>
<p><a href="https://1kodum.com/passing-data-by-reference-nedir/">Passing Data by Reference Nedir?</a> yazısı ilk önce <a href="https://1kodum.com">1Kodum</a> üzerinde ortaya çıktı.</p>
]]></description>
										<content:encoded><![CDATA[
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
        .card {
            background: #fff;
            border-radius: 12px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Hafif gölge efekti */
            padding: 20px;
            width: 100%; /* Tam genişlik */
            box-sizing: border-box;
            text-align: left;
            margin: 20px auto; /* Üst ve alt boşluk */
        }

        .question {
            font-size: 1.5em;
            margin-bottom: 10px;
            color: #333;
            font-weight: bold;
        }

        .answer {
            font-size: 1.2em;
            color: #555;
            line-height: 1.5;
        }

    </style>
</head>
<body>
    <div class="card">
        <h2 class="question">Passing Data by Reference Nedir?</h2>
        <p class="answer">
            Passing data by reference, bir fonksiyon çağrısı sırasında bir değişkenin bellekteki referansının (adresinin) fonksiyona iletilmesi anlamına gelir. Bu yöntemde, fonksiyon orijinal değişkeni kullanır ve üzerinde yapılan değişiklikler doğrudan orijinal değişkene yansır.
        </p>
    </div>
</body>
</html>




<!DOCTYPE html>
<html lang="tr">
<head>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.12/codemirror.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.12/theme/dracula.min.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.12/codemirror.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.12/mode/clike/clike.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.12/addon/edit/closebrackets.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.12/addon/edit/matchbrackets.min.js"></script>
    <style>
        body {
            margin: 0;
            font-family: Arial, sans-serif;
        }
        .editor5-container {
            display: flex;
            flex-direction: column;
            height: 60vh;
        }
        .editor5-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            background-color: #f7f7f7;
            border-bottom: 2px solid #ccc;
            padding: 10px;
            font-size: 18px;
            font-weight: bold;
            color: #00796b;
        }
        .copy-button5 {
            background-color: #00796b;
            color: white;
            border: none;
            padding: 8px 16px;
            cursor: pointer;
            border-radius: 4px;
            font-size: 14px;
            transition: background-color 0.3s, color 0.3s;
        }
        .copy-button5.copied {
            background-color: #4caf50;
            color: white;
        }
        .CodeMirror {
            height: 100%;
        }
    </style>
</head>
<body>
    <div class="editor5-container">
        <div class="editor5-header">
            <span>Passing By Reference Example</span>
            <button class="copy-button5" id="copyButton5">Kopyala</button>
        </div>
        <textarea id="editor5"></textarea>
    </div>

    <script>
        function initializeCodeMirror(editorId5, code5) {
            const editor5 = CodeMirror.fromTextArea(document.getElementById(editorId5), {
                mode: { name: "text/x-c++src" },
                theme: 'dracula',
                lineNumbers: true,
                autoCloseBrackets: true,
                matchBrackets: true,
                tabSize: 2,
                readOnly: true
            });
            editor5.setValue(code5.trim());

            const copyButton = document.getElementById('copyButton5');

            copyButton.addEventListener('click', async () => {
                try {
                    await navigator.clipboard.writeText(editor5.getValue());
                    copyButton.textContent = 'Kopyalandı!';
                    copyButton.classList.add('copied');
                    setTimeout(() => {
                        copyButton.textContent = 'Kopyala';
                        copyButton.classList.remove('copied');
                    }, 2000);
                } catch (err) {
                    console.error('Kod kopyalanırken bir hata oluştu: ', err);
                }
            });

            return editor5;
        }

        const code5 = `
#include <iostream>
using namespace std;

// Passing by reference örneği
void modifyValue(int &x) {
    x = 10; // Orijinal değişken değişir
    cout << "Fonksiyon içinde x = " << x << endl;
}

int main() {
    int a = 5;
    cout << "Fonksiyon çağrısından önce a = " << a << endl;
    modifyValue(a); // Referansla geçirme
    cout << "Fonksiyon çağrısından sonra a = " << a << endl;
    return 0;
}
        `;

        initializeCodeMirror('editor5', code5);
    </script>
</body>
</html>

<p><a href="https://1kodum.com/passing-data-by-reference-nedir/">Passing Data by Reference Nedir?</a> yazısı ilk önce <a href="https://1kodum.com">1Kodum</a> üzerinde ortaya çıktı.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://1kodum.com/passing-data-by-reference-nedir/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Passing Data by Value Nedir?</title>
		<link>https://1kodum.com/passing-data-by-value-nedir/</link>
					<comments>https://1kodum.com/passing-data-by-value-nedir/#respond</comments>
		
		<dc:creator><![CDATA[1Kodum]]></dc:creator>
		<pubDate>Sun, 05 Jan 2025 19:34:26 +0000</pubDate>
				<category><![CDATA[Kod Sözlüğü]]></category>
		<guid isPermaLink="false">https://1kodum.com/?p=4623</guid>

					<description><![CDATA[<p>Passing Data by Value Nedir? Passing data by value, bir fonksiyon çağrısı sırasında bir değişkenin değerinin kopyasının fonksiyona iletilmesi anlamına gelir. Bu yöntem, orijinal değişkenin kendisini değil, yalnızca onun bir kopyasını fonksiyona gönderir. Bu nedenle, fonksiyon içinde yapılan değişiklikler orijinal değişkeni etkilemez. JavaScript&#8217;te primitive (ilkel) veri tipleri (string, number, boolean, vb.) değerle geçirilirken, nesneler ve &#8230;</p>
<p><a href="https://1kodum.com/passing-data-by-value-nedir/">Passing Data by Value Nedir?</a> yazısı ilk önce <a href="https://1kodum.com">1Kodum</a> üzerinde ortaya çıktı.</p>
]]></description>
										<content:encoded><![CDATA[
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
        .card {
            background: #fff;
            border-radius: 12px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Hafif gölge efekti */
            padding: 20px;
            width: 100%; /* Tam genişlik */
            box-sizing: border-box;
            text-align: left;
            margin: 20px auto; /* Üst ve alt boşluk */
        }

        .question {
            font-size: 1.5em;
            margin-bottom: 10px;
            color: #333;
            font-weight: bold;
        }

        .answer {
            font-size: 1.2em;
            color: #555;
            line-height: 1.5;
        }

    </style>
</head>
<body>
    <div class="card">
        <h2 class="question">Passing Data by Value Nedir?</h2>
        <p class="answer">
            Passing data by value, bir fonksiyon çağrısı sırasında bir değişkenin değerinin kopyasının fonksiyona iletilmesi anlamına gelir. Bu yöntem, orijinal değişkenin kendisini değil, yalnızca onun bir kopyasını fonksiyona gönderir. Bu nedenle, fonksiyon içinde yapılan değişiklikler orijinal değişkeni etkilemez. <br /> <br />JavaScript&#8217;te primitive (ilkel) veri tipleri (string, number, boolean, vb.) değerle geçirilirken, nesneler ve diziler referansla geçirilir.

        </p>
    </div>
</body>
</html>



<!DOCTYPE html>
<html lang="tr">
<head>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.12/codemirror.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.12/theme/dracula.min.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.12/codemirror.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.12/mode/clike/clike.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.12/addon/edit/closebrackets.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.12/addon/edit/matchbrackets.min.js"></script>
    <style>
        body {
            margin: 0;
            font-family: Arial, sans-serif;
        }
        .editor5-container {
            display: flex;
            flex-direction: column;
            height: 60vh;
        }
        .editor5-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            background-color: #f7f7f7;
            border-bottom: 2px solid #ccc;
            padding: 10px;
            font-size: 18px;
            font-weight: bold;
            color: #00796b;
        }
        .copy-button5 {
            background-color: #00796b;
            color: white;
            border: none;
            padding: 8px 16px;
            cursor: pointer;
            border-radius: 4px;
            font-size: 14px;
            transition: background-color 0.3s, color 0.3s;
        }
        .copy-button5.copied {
            background-color: #4caf50;
            color: white;
        }
        .CodeMirror {
            height: 100%;
        }
    </style>
</head>
<body>
    <div class="editor5-container">
        <div class="editor5-header">
            <span>PassingByValue Example</span>
            <button class="copy-button5" id="copyButton5">Kopyala</button>
        </div>
        <textarea id="editor5"></textarea>
    </div>

    <script>
        function initializeCodeMirror(editorId5, code5) {
            const editor5 = CodeMirror.fromTextArea(document.getElementById(editorId5), {
                mode: { name: "text/x-c++src" },
                theme: 'dracula',
                lineNumbers: true,
                autoCloseBrackets: true,
                matchBrackets: true,
                tabSize: 2,
                readOnly: true
            });
            editor5.setValue(code5.trim());

            const copyButton = document.getElementById('copyButton5');

            copyButton.addEventListener('click', async () => {
                try {
                    await navigator.clipboard.writeText(editor5.getValue());
                    copyButton.textContent = 'Kopyalandı!';
                    copyButton.classList.add('copied');
                    setTimeout(() => {
                        copyButton.textContent = 'Kopyala';
                        copyButton.classList.remove('copied');
                    }, 2000);
                } catch (err) {
                    console.error('Kod kopyalanırken bir hata oluştu: ', err);
                }
            });

            return editor5;
        }

        const code5 = `
#include <iostream>
using namespace std;

void modifyValue(int x) {
    x = 10; // Kopya değer değişir, orijinal etkilenmez
    cout << "Inside function, x = " << x << endl;
}

int main() {
    int a = 5;
    cout << "Before function call, a = " << a << endl;
    modifyValue(a); // Değerle geçirme
    cout << "After function call, a = " << a << endl;
    return 0;
}
        `;

        initializeCodeMirror('editor5', code5);
    </script>
</body>
</html>
<p><a href="https://1kodum.com/passing-data-by-value-nedir/">Passing Data by Value Nedir?</a> yazısı ilk önce <a href="https://1kodum.com">1Kodum</a> üzerinde ortaya çıktı.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://1kodum.com/passing-data-by-value-nedir/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>&#8220;Null&#8221; ve &#8220;Undefined&#8221; Arasındaki Farklar Nelerdir?</title>
		<link>https://1kodum.com/null-ve-undefined-arasindaki-farklar-nelerdir/</link>
					<comments>https://1kodum.com/null-ve-undefined-arasindaki-farklar-nelerdir/#respond</comments>
		
		<dc:creator><![CDATA[1Kodum]]></dc:creator>
		<pubDate>Fri, 03 Jan 2025 16:17:47 +0000</pubDate>
				<category><![CDATA[JavaScript]]></category>
		<guid isPermaLink="false">https://1kodum.com/?p=4615</guid>

					<description><![CDATA[<p>Null ve Undefined, JavaScript&#8217;te farklı anlamlara sahip iki ayrı değerdir. Aralarındaki farklar şu şekilde özetlenebilir: Tanım: Undefined: Bir değişken tanımlanmış ama ona bir değer atanmadığında alacağı değerdir. Null: Boş veya bilinçli olarak atanmış bir &#8220;hiçbir değer&#8221; durumunu temsil eder. Tür: Undefined: Türü undefined olarak değerlendirilir. Null: Türü object olarak değerlendirilir (bu JavaScript&#8217;teki eski bir hata &#8230;</p>
<p><a href="https://1kodum.com/null-ve-undefined-arasindaki-farklar-nelerdir/">&#8220;Null&#8221; ve &#8220;Undefined&#8221; Arasındaki Farklar Nelerdir?</a> yazısı ilk önce <a href="https://1kodum.com">1Kodum</a> üzerinde ortaya çıktı.</p>
]]></description>
										<content:encoded><![CDATA[
<p><strong>Null</strong> ve <strong>Undefined</strong>, JavaScript&#8217;te farklı anlamlara sahip iki ayrı değerdir. Aralarındaki farklar şu şekilde özetlenebilir:</p>



<ol class="wp-block-list">
<li><strong>Tanım</strong>:
<ul class="wp-block-list">
<li><strong>Undefined</strong>: Bir değişken tanımlanmış ama ona bir değer atanmadığında alacağı değerdir.</li>



<li><strong>Null</strong>: Boş veya bilinçli olarak atanmış bir &#8220;hiçbir değer&#8221; durumunu temsil eder.</li>
</ul>
</li>



<li><strong>Tür</strong>:
<ul class="wp-block-list">
<li><strong>Undefined</strong>: Türü <code>undefined</code> olarak değerlendirilir.</li>



<li><strong>Null</strong>: Türü <code>object</code> olarak değerlendirilir (bu JavaScript&#8217;teki eski bir hata olsa da halen geçerlidir).</li>
</ul>
</li>



<li><strong>Kullanım Amacı</strong>:
<ul class="wp-block-list">
<li><strong>Undefined</strong>: Değeri tanımsız bırakılmış değişkenler veya tanımlanmamış fonksiyon sonuçları gibi durumları ifade eder.</li>



<li><strong>Null</strong>: Bilinçli olarak bir değişkenin değersiz olduğunu belirtmek için kullanılır.</li>
</ul>
</li>



<li><strong>Eşitlik Kontrolleri</strong>:
<ul class="wp-block-list">
<li><code>null == undefined</code> ifadesi <code>true</code> döner (eşitlik operatörü tür dönüşümü yapar).</li>



<li><code>null === undefined</code> ifadesi <code>false</code> döner (sıkı eşitlik operatörü tür dönüşümü yapmaz).</li>
</ul>
</li>



<li><strong>Kapsam ve Varsayılan Değer</strong>:
<ul class="wp-block-list">
<li><strong>Undefined</strong>: JavaScript tarafından atanır. Bir obje üzerinde mevcut olmayan bir property&#8217;e erişilmeye çalışıldığında da bu değer döner.</li>



<li><strong>Null</strong>: Geliştirici tarafından atanır ve bilinçli olarak boş bir değeri temsil edilir.</li>
</ul>
</li>
</ol>



<p>JavaScript&#8217;te <strong>undefined</strong>, bir tür &#8220;uyarı&#8221; olarak düşünülebilir. Bir değişken tanımlandığında ancak ona bir değer atanmadığında ya da bir objede var olmayan bir property&#8217;e erişilmeye çalışıldığında ortaya çıkar. Tabiri caizse, JavaScript bize, &#8220;Hey, burada bir değişken tanımlamışsın ama henüz bir değer atamamışsın ya da bu property mevcut değil!&#8221; şeklinde bir mesaj verir. Buna karşılık, <strong>null</strong> geliştirici tarafından bilinçli olarak atanan bir &#8220;boşluk&#8221; durumudur. Undefined, otomatik bir eksiklik belirtirken, null geliştiricinin &#8220;Burada bir şey olmayacak, bu benim tercihim&#8221; mesajını ifade eder. Undefined <strong>yokluğu</strong>, null ise bilinçli bir <strong>boşluğu</strong> temsil eder.</p>



<p></p>
<p><a href="https://1kodum.com/null-ve-undefined-arasindaki-farklar-nelerdir/">&#8220;Null&#8221; ve &#8220;Undefined&#8221; Arasındaki Farklar Nelerdir?</a> yazısı ilk önce <a href="https://1kodum.com">1Kodum</a> üzerinde ortaya çıktı.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://1kodum.com/null-ve-undefined-arasindaki-farklar-nelerdir/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>JavaScript; Interpreter mı, Compiler mı?</title>
		<link>https://1kodum.com/javascript-interpreter-mi-compiler-mi/</link>
					<comments>https://1kodum.com/javascript-interpreter-mi-compiler-mi/#respond</comments>
		
		<dc:creator><![CDATA[1Kodum]]></dc:creator>
		<pubDate>Fri, 03 Jan 2025 15:25:11 +0000</pubDate>
				<category><![CDATA[Kod Sözlüğü]]></category>
		<guid isPermaLink="false">https://1kodum.com/?p=4594</guid>

					<description><![CDATA[<p>JavaScript; Interpreter mı, Compiler mı? JavaScript, yorumlayıcı (interpreter) ve derleyici (compiler) yaklaşımlarını birleştiren bir yapıya sahiptir. Geleneksel olarak interpreted dil olarak bilinir, ancak modern JavaScript motorları hem derleme hem de yorumlama süreçlerini bir arada kullanır. İlk dönemlerde JavaScript, yalnızca bir yorumlayıcı tarafından çalıştırılıyordu. Kod satır satır okunarak doğrudan çalıştırılırdı. Hızlı çalıştırma avantajı sağlasa da, derleme &#8230;</p>
<p><a href="https://1kodum.com/javascript-interpreter-mi-compiler-mi/">JavaScript; Interpreter mı, Compiler mı?</a> yazısı ilk önce <a href="https://1kodum.com">1Kodum</a> üzerinde ortaya çıktı.</p>
]]></description>
										<content:encoded><![CDATA[
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
        .card {
            background: #fff;
            border-radius: 12px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Hafif gölge efekti */
            padding: 20px;
            width: 100%; /* Tam genişlik */
            box-sizing: border-box;
            text-align: left;
            margin: 20px auto; /* Üst ve alt boşluk */
        }

        .question {
            font-size: 1.5em;
            margin-bottom: 10px;
            color: #333;
            font-weight: bold;
        }

        .answer {
            font-size: 1.2em;
            color: #555;
            line-height: 1.5;
        }

    </style>
</head>
<body>
    <div class="card">
        <h2 class="question">JavaScript; Interpreter mı, Compiler mı?</h2>
        <p class="answer">
            JavaScript, <strong>yorumlayıcı (interpreter)</strong> ve <strong>derleyici (compiler)</strong> yaklaşımlarını birleştiren bir yapıya sahiptir. Geleneksel olarak <strong>interpreted dil</strong> olarak bilinir, ancak modern JavaScript motorları hem derleme hem de yorumlama süreçlerini bir arada kullanır.
            <br/><br/>
            İlk dönemlerde JavaScript, yalnızca bir yorumlayıcı tarafından çalıştırılıyordu. Kod satır satır okunarak doğrudan çalıştırılırdı. Hızlı çalıştırma avantajı sağlasa da, derleme öncesi optimizasyon yapılamıyordu. Bu durum, karmaşık ve büyük uygulamalarda performans sorunlarına yol açabiliyordu.
            <br/><br/>
            Modern JavaScript motorları, özellikle Google&#8217;ın V8 motoru, <strong>Just-In-Time (JIT) Compilation</strong> yöntemini kullanır. Kod, çalıştırılmadan hemen önce derlenir ve ardından çalıştırılır. JIT derleme, performansı artırır ve daha verimli bir çalıştırma süreci sunar.
            <br/><br/>
            JavaScript, yalnızca yorumlanan bir dil olmaktan çıkarak <strong>JIT compiled</strong> özellikler kazanmıştır. Bu hibrit yapı sayesinde hem dinamik çalışma özelliklerini korur hem de yüksek performans sağlar.
        </p>
    </div>
</body>
</html>

<p><a href="https://1kodum.com/javascript-interpreter-mi-compiler-mi/">JavaScript; Interpreter mı, Compiler mı?</a> yazısı ilk önce <a href="https://1kodum.com">1Kodum</a> üzerinde ortaya çıktı.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://1kodum.com/javascript-interpreter-mi-compiler-mi/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Compiler Nedir?</title>
		<link>https://1kodum.com/compiler-nedir/</link>
					<comments>https://1kodum.com/compiler-nedir/#respond</comments>
		
		<dc:creator><![CDATA[1Kodum]]></dc:creator>
		<pubDate>Fri, 03 Jan 2025 14:36:47 +0000</pubDate>
				<category><![CDATA[Kod Sözlüğü]]></category>
		<guid isPermaLink="false">https://1kodum.com/?p=4603</guid>

					<description><![CDATA[<p>Compiler Nedir? Compiler (Derleyici), bir programın kaynak kodunu, işlemci tarafından doğrudan çalıştırılabilen makine koduna (0 ve 1) dönüştüren bir yazılımdır. Bu işlem sırasında, programın tamamı bir kerede derlenir ve bir çalıştırılabilir dosya oluşturulur. Özellikleri: Kaynak kod, bir seferde derlenir ve çalıştırılabilir hale getirilir. Derlenmiş kod, makine dili olduğu için hızlı çalışır. Hatalar, derleme sırasında tespit &#8230;</p>
<p><a href="https://1kodum.com/compiler-nedir/">Compiler Nedir?</a> yazısı ilk önce <a href="https://1kodum.com">1Kodum</a> üzerinde ortaya çıktı.</p>
]]></description>
										<content:encoded><![CDATA[
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
        .card {
            background: #fff;
            border-radius: 12px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Hafif gölge efekti */
            padding: 20px;
            width: 100%; /* Tam genişlik */
            box-sizing: border-box;
            text-align: left;
            margin: 20px auto; /* Üst ve alt boşluk */
        }

        .question {
            font-size: 1.5em;
            margin-bottom: 10px;
            color: #333;
            font-weight: bold;
        }

        .answer {
            font-size: 1.2em;
            color: #555;
            line-height: 1.5;
        }

    </style>
</head>
<body>
    <div class="card">
        <h2 class="question">Compiler Nedir?</h2>
        <p class="answer">
            <strong>Compiler</strong> (Derleyici), bir programın kaynak kodunu, işlemci tarafından doğrudan çalıştırılabilen <strong>makine koduna</strong> (0 ve 1) dönüştüren bir yazılımdır. Bu işlem sırasında, programın tamamı bir kerede derlenir ve bir <strong>çalıştırılabilir dosya</strong> oluşturulur.
        </p>
        <p class="answer"><strong>Özellikleri:</strong></p>
        <ul class="answer">
            <li>Kaynak kod, bir seferde derlenir ve çalıştırılabilir hale getirilir.</li>
            <li>Derlenmiş kod, makine dili olduğu için hızlı çalışır.</li>
            <li>Hatalar, derleme sırasında tespit edilir ve düzeltilmeden çalıştırılabilir dosya oluşturulmaz.</li>
        </ul>
        <p class="answer"><strong>Derleme (Compilation) İşlemi Nasıl Çalışır?</strong></p>
        <ol class="answer">
            <li>
                <strong>Lexical Analysis (Söz Dizimi Analizi):</strong> Kaynak kod, token adı verilen küçük parçalara bölünür. 
                Örneğin: <code>let a = 5;</code> → <code>let</code>, <code>a</code>, <code>=</code>, <code>5</code>, <code>;</code>
            </li>
            <li>
                <strong>Syntax Analysis (Sentaks Analizi):</strong> Token&#8217;lar bir araya getirilerek dilin kurallarına uygun bir yapı oluşturulur. 
                Örneğin: <code>let a = 5;</code> → Atama ifadesi.
            </li>
            <li>
                <strong>Semantic Analysis (Anlamsal Analiz):</strong> Kodun anlamı kontrol edilir. Örneğin, bir değişken tanımlanmadan kullanılmış mı kontrol edilir.
            </li>
            <li>
                <strong>Intermediate Code Generation (Ara Kod Üretimi):</strong> Kod, işlemciye özel olmayan bir ara forma çevrilir. 
                Örneğin, Java&#8217;da bytecode.
            </li>
            <li>
                <strong>Optimization (Optimizasyon):</strong> Kod daha verimli hale getirilir, gereksiz işlemler çıkarılır.
            </li>
            <li>
                <strong>Code Generation (Kod Üretimi):</strong> Ara kod, makine koduna çevrilir.
            </li>
            <li>
                <strong>Çalıştırılabilir Dosya Üretimi:</strong> Sonuçta bir çalıştırılabilir dosya (.exe, .out) üretilir.
            </li>
        </ol>
        <p class="answer"><strong>Avantajları:</strong></p>
        <ul class="answer">
            <li>Yüksek performans sağlar.</li>
            <li>Hata kontrolü derleme sırasında gerçekleşir.</li>
            <li>Çalıştırılabilir dosyalar platforma özel olarak optimize edilir.</li>
        </ul>
        <p class="answer"><strong>Dezavantajları:</strong></p>
        <ul class="answer">
            <li>Derleme işlemi zaman alabilir.</li>
            <li>Her değişiklikte kodun yeniden derlenmesi gerekir.</li>
        </ul>
    </div>
</body>
</html>

<p><a href="https://1kodum.com/compiler-nedir/">Compiler Nedir?</a> yazısı ilk önce <a href="https://1kodum.com">1Kodum</a> üzerinde ortaya çıktı.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://1kodum.com/compiler-nedir/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Interpreter Nedir?</title>
		<link>https://1kodum.com/interpreter-nedir/</link>
					<comments>https://1kodum.com/interpreter-nedir/#respond</comments>
		
		<dc:creator><![CDATA[1Kodum]]></dc:creator>
		<pubDate>Fri, 03 Jan 2025 14:21:57 +0000</pubDate>
				<category><![CDATA[Kod Sözlüğü]]></category>
		<guid isPermaLink="false">https://1kodum.com/?p=4600</guid>

					<description><![CDATA[<p>Interpreter Nedir? Interpreter, bir programın kaynak kodunu satır satır okuyarak anında 0 ve 1&#8217;e çevirip çalıştıran bir yazılımdır. Derleyiciden (compiler) farklı olarak, interpreter kodun tamamını baştan sona çevirmez, her satırı ayrı ayrı işler ve çalıştırır. Interpreter&#8217;ın Çalışma Şekli: Kaynak kodu okur: Programcı tarafından yazılmış yüksek seviyeli dili okur. Satır satır çevirir: Kodun her satırını, işlemci &#8230;</p>
<p><a href="https://1kodum.com/interpreter-nedir/">Interpreter Nedir?</a> yazısı ilk önce <a href="https://1kodum.com">1Kodum</a> üzerinde ortaya çıktı.</p>
]]></description>
										<content:encoded><![CDATA[
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
        .card {
            background: #fff;
            border-radius: 12px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Hafif gölge efekti */
            padding: 20px;
            width: 100%; /* Tam genişlik */
            box-sizing: border-box;
            text-align: left;
            margin: 20px auto; /* Üst ve alt boşluk */
        }

        .question {
            font-size: 1.5em;
            margin-bottom: 10px;
            color: #333;
            font-weight: bold;
        }

        .answer {
            font-size: 1.2em;
            color: #555;
            line-height: 1.5;
        }

    </style>
</head>
<body>
    <div class="card">
        <h2 class="question">Interpreter Nedir?</h2>
        <p class="answer">
            <strong>Interpreter</strong>, bir programın kaynak kodunu <strong>satır satır okuyarak anında 0 ve 1&#8217;e çevirip çalıştıran</strong> bir yazılımdır. Derleyiciden (compiler) farklı olarak, interpreter kodun tamamını baştan sona çevirmez, her satırı ayrı ayrı işler ve çalıştırır.
        </p>
        <p class="answer"><strong>Interpreter&#8217;ın Çalışma Şekli:</strong></p>
        <ul class="answer">
            <li><strong>Kaynak kodu okur:</strong> Programcı tarafından yazılmış yüksek seviyeli dili okur.</li>
            <li><strong>Satır satır çevirir:</strong> Kodun her satırını, işlemci tarafından çalıştırılabilecek <strong>makine diline (0 ve 1)</strong> çevirir.</li>
            <li><strong>Hemen çalıştırır:</strong> Çevrilen satırı derhal çalıştırır ve sonucu verir.</li>
        </ul>
        <p class="answer">Bu işlemler her satır için tekrarlanır, böylece programın çıktısı anında alınır.</p>
        <p class="answer"><strong>Özellikleri:</strong></p>
        <ul class="answer">
            <li><strong>Anlık 0 ve 1 dönüşümü:</strong> Her satır doğrudan makine diline çevrilir ve çalıştırılır.</li>
            <li><strong>Hızlı hata tespiti:</strong> Hatalar anında tespit edilir, çünkü her satır ayrı ayrı işlenir.</li>
            <li><strong>Platform bağımsızlık:</strong> Kod, yorumlayıcı (interpreter) olan her platformda çalıştırılabilir.</li>
        </ul>
        <p class="answer"><strong>Avantajları:</strong></p>
        <ul class="answer">
            <li><strong>Hızlı geliştirme:</strong> Kodda yapılan değişiklikler hemen test edilebilir.</li>
            <li><strong>Hata tespiti:</strong> Her satır ayrı işlendiği için hatalar çabuk fark edilir.</li>
            <li><strong>Taşınabilirlik:</strong> Yorumlayıcı bulunan her ortamda çalışabilir.</li>
        </ul>
        <p class="answer"><strong>Dezavantajları:</strong></p>
        <ul class="answer">
            <li><strong>Daha yavaş:</strong> Kod her çalıştırıldığında tekrar 0 ve 1&#8217;e çevrildiği için derlenmiş kodlara göre yavaştır.</li>
            <li><strong>Performans düşüklüğü:</strong> Satır satır işlem yapıldığı için büyük projelerde performans sorunları yaşanabilir.</li>
            <li><strong>Kaynak kod dağıtımı:</strong> Programın kaynak kodunun kullanıcıya verilmesi gerekebilir.</li>
        </ul>
        <p class="answer"><strong>Interpreter Kullanılan Diller:</strong></p>
        <ul class="answer">
            <li>Python</li>
            <li>JavaScript</li>
            <li>PHP</li>
            <li>Ruby</li>
        </ul>
    </div>
</body>
</html>

<p><a href="https://1kodum.com/interpreter-nedir/">Interpreter Nedir?</a> yazısı ilk önce <a href="https://1kodum.com">1Kodum</a> üzerinde ortaya çıktı.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://1kodum.com/interpreter-nedir/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Compiler ve Interpreter Arasındaki Farklar Nelerdir?</title>
		<link>https://1kodum.com/compiler-ve-interpreter-arasindaki-farklar-nelerdir/</link>
					<comments>https://1kodum.com/compiler-ve-interpreter-arasindaki-farklar-nelerdir/#respond</comments>
		
		<dc:creator><![CDATA[1Kodum]]></dc:creator>
		<pubDate>Fri, 03 Jan 2025 13:57:06 +0000</pubDate>
				<category><![CDATA[Programlama]]></category>
		<guid isPermaLink="false">https://1kodum.com/?p=4596</guid>

					<description><![CDATA[<p>ÖzellikCompilerInterpreterÇalışma ŞekliTüm kodu önce derler, sonra çalıştırır.Kod satır satır yorumlanır ve çalıştırılır.Hata TespitiDerleme sırasında tespit edilir.Çalıştırma sırasında tespit edilir.PerformansDaha hızlı çalıştırma sağlar.Daha yavaş çalışır.ÇıktıÇalıştırılabilir bir dosya üretir.Çıktı üretilmez, doğrudan çalıştırır.Örnek DillerC, C++, RustPython, PHP, Ruby</p>
<p><a href="https://1kodum.com/compiler-ve-interpreter-arasindaki-farklar-nelerdir/">Compiler ve Interpreter Arasındaki Farklar Nelerdir?</a> yazısı ilk önce <a href="https://1kodum.com">1Kodum</a> üzerinde ortaya çıktı.</p>
]]></description>
										<content:encoded><![CDATA[
<figure class="wp-block-table is-style-stripes has-small-font-size"><table class="has-fixed-layout"><thead><tr><th>Özellik</th><th>Compiler</th><th>Interpreter</th></tr></thead><tbody><tr><td><strong>Çalışma Şekli</strong></td><td>Tüm kodu önce derler, sonra çalıştırır.</td><td>Kod satır satır yorumlanır ve çalıştırılır.</td></tr><tr><td><strong>Hata Tespiti</strong></td><td>Derleme sırasında tespit edilir.</td><td>Çalıştırma sırasında tespit edilir.</td></tr><tr><td><strong>Performans</strong></td><td>Daha hızlı çalıştırma sağlar.</td><td>Daha yavaş çalışır.</td></tr><tr><td><strong>Çıktı</strong></td><td>Çalıştırılabilir bir dosya üretir.</td><td>Çıktı üretilmez, doğrudan çalıştırır.</td></tr><tr><td><strong>Örnek Diller</strong></td><td>C, C++, Rust</td><td>Python, PHP, Ruby</td></tr></tbody></table></figure>
<p><a href="https://1kodum.com/compiler-ve-interpreter-arasindaki-farklar-nelerdir/">Compiler ve Interpreter Arasındaki Farklar Nelerdir?</a> yazısı ilk önce <a href="https://1kodum.com">1Kodum</a> üzerinde ortaya çıktı.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://1kodum.com/compiler-ve-interpreter-arasindaki-farklar-nelerdir/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Property Nedir?</title>
		<link>https://1kodum.com/property-nedir/</link>
					<comments>https://1kodum.com/property-nedir/#respond</comments>
		
		<dc:creator><![CDATA[1Kodum]]></dc:creator>
		<pubDate>Fri, 03 Jan 2025 11:56:10 +0000</pubDate>
				<category><![CDATA[Kod Sözlüğü]]></category>
		<guid isPermaLink="false">https://1kodum.com/?p=4589</guid>

					<description><![CDATA[<p>Property Nedir? Property (özellik), JavaScript&#8217;te bir nesnenin sahip olduğu anahtar-değer (key-value) çifti veya fonksiyonel davranışı tanımlayan bir kavramdır. Bir nesnenin durumunu (state) ve/veya davranışını (behavior) ifade eder. Nesne içindeki anahtar-değer çiftleri, nesnenin durumunu tanımlayan data property (veri özellikleri) olarak adlandırılırken, nesneye ait fonksiyonel davranışlar ise method (metot) olarak adlandırılır. PropertyExamples.js Kopyala</p>
<p><a href="https://1kodum.com/property-nedir/">Property Nedir?</a> yazısı ilk önce <a href="https://1kodum.com">1Kodum</a> üzerinde ortaya çıktı.</p>
]]></description>
										<content:encoded><![CDATA[
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
        .card {
            background: #fff;
            border-radius: 12px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Hafif gölge efekti */
            padding: 20px;
            width: 100%; /* Tam genişlik */
            box-sizing: border-box;
            text-align: left;
            margin: 20px auto; /* Üst ve alt boşluk */
        }

        .question {
            font-size: 1.5em;
            margin-bottom: 10px;
            color: #333;
            font-weight: bold;
        }

        .answer {
            font-size: 1.2em;
            color: #555;
            line-height: 1.5;
        }

    </style>
</head>
<body>
    <div class="card">
        <h2 class="question">Property Nedir?</h2>
        <p class="answer">
            Property (özellik), JavaScript&#8217;te bir nesnenin sahip olduğu <strong>anahtar-değer</strong> (key-value) çifti veya fonksiyonel davranışı tanımlayan bir kavramdır. Bir nesnenin <strong>durumunu</strong> (state) ve/veya <strong>davranışını</strong> (behavior) ifade eder.
            <br/><br/>
            Nesne içindeki anahtar-değer çiftleri, nesnenin durumunu tanımlayan <strong>data property</strong> (veri özellikleri) olarak adlandırılırken, nesneye ait fonksiyonel davranışlar ise <strong>method</strong> (metot) olarak adlandırılır.
        </p>
    </div>
</body>
</html>




<!DOCTYPE html>
<html lang="tr">
<head>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.12/codemirror.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.12/theme/dracula.min.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.12/codemirror.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.12/mode/javascript/javascript.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.12/addon/edit/closebrackets.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.12/addon/edit/matchbrackets.min.js"></script>
    <style>
        body {
            margin: 0;
            font-family: Arial, sans-serif;
        }
        .editor5-container {
            display: flex;
            flex-direction: column;
            height: 60vh;
        }
        .editor5-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            background-color: #f7f7f7;
            border-bottom: 2px solid #ccc;
            padding: 10px;
            font-size: 18px;
            font-weight: bold;
            color: #00796b;
        }
        .copy-button5 {
            background-color: #00796b;
            color: white;
            border: none;
            padding: 8px 16px;
            cursor: pointer;
            border-radius: 4px;
            font-size: 14px;
            transition: background-color 0.3s, color 0.3s;
        }
        .copy-button5.copied {
            background-color: #4caf50;
            color: white;
        }
        .CodeMirror {
            height: 100%;
        }
    </style>
</head>
<body>
    <div class="editor5-container">
        <div class="editor5-header">
            <span>PropertyExamples.js</span>
            <button class="copy-button5" id="copyButton5">Kopyala</button>
        </div>
        <textarea id="editor5"></textarea>
    </div>

    <script>
        function initializeCodeMirror(editorId5, code5) {
            const editor5 = CodeMirror.fromTextArea(document.getElementById(editorId5), {
                mode: { name: "javascript", jsx: true },
                theme: 'dracula',
                lineNumbers: true,
                autoCloseBrackets: true,
                matchBrackets: true,
                tabSize: 2,
                readOnly: true
            });
            editor5.setValue(code5.trim());

            const copyButton = document.getElementById('copyButton5');

            copyButton.addEventListener('click', async () => {
                try {
                    await navigator.clipboard.writeText(editor5.getValue());
                    copyButton.textContent = 'Kopyalandı!';
                    copyButton.classList.add('copied');
                    setTimeout(() => {
                        copyButton.textContent = 'Kopyala';
                        copyButton.classList.remove('copied');
                    }, 2000);
                } catch (err) {
                    console.error('Kod kopyalanırken bir hata oluştu: ', err);
                }
            });

            return editor5;
        }

        const code5 = `
// Örnek 1: Data Property (Veri Özelliği)
// Bir nesnenin durumunu tanımlayan anahtar-değer çiftleri.
const person = {
    name: "Alice",  // Data property: Nesnenin bir özelliği.
    age: 30         // Data property: Nesnenin bir başka özelliği.
};

// Örnek 2: Method (Metot)
// Bir nesnenin davranışlarını tanımlayan fonksiyonlar.
const calculator = {
    add: function(a, b) {
        return a + b; // Method: Fonksiyon, iki sayıyı toplar.
    },
    subtract: function(a, b) {
        return a - b; // Method: Fonksiyon, iki sayıyı çıkarır.
    }
};

// Örnek 3: Accessor Property (Getter ve Setter)
// Dinamik değer hesaplama veya ayarlama için kullanılır.
const user = {
    firstName: "John",
    lastName: "Doe",
    get fullName() {
        return \`\${this.firstName} \${this.lastName}\`; // Getter: Dinamik olarak tam adı döndürür.
    },
    set fullName(name) {
        const parts = name.split(" ");
        this.firstName = parts[0];
        this.lastName = parts[1];
    }
};

// Kullanım:
console.log(person.name);      // "Alice"
console.log(calculator.add(5, 3)); // 8
console.log(user.fullName);    // "John Doe"
user.fullName = "Jane Smith";  // Setter: İsmi günceller.
console.log(user.firstName);   // "Jane"
        `;

        initializeCodeMirror('editor5', code5);
    </script>
</body>
</html>

<p><a href="https://1kodum.com/property-nedir/">Property Nedir?</a> yazısı ilk önce <a href="https://1kodum.com">1Kodum</a> üzerinde ortaya çıktı.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://1kodum.com/property-nedir/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>JavaScript ile Nesne Oluşturma Yöntemleri Nelerdir?</title>
		<link>https://1kodum.com/javascript-ile-nesne-olusturma-yontemleri-nelerdir/</link>
					<comments>https://1kodum.com/javascript-ile-nesne-olusturma-yontemleri-nelerdir/#respond</comments>
		
		<dc:creator><![CDATA[1Kodum]]></dc:creator>
		<pubDate>Fri, 03 Jan 2025 11:30:56 +0000</pubDate>
				<category><![CDATA[Kod Sözlüğü]]></category>
		<guid isPermaLink="false">https://1kodum.com/?p=4584</guid>

					<description><![CDATA[<p>JavaScript ile Nesne Oluşturma Yöntemleri Nelerdir? JavaScript&#8217;te nesne oluşturmak için farklı yöntemler kullanılabilir. İşte bu yöntemler: Object Literal (Nesne Literali): Süslü parantez {} kullanılarak doğrudan nesne oluşturma yöntemi. Object Constructor (Object Yapıcısı): Object anahtar kelimesi ile boş bir nesne oluşturulur ve özellikler dinamik olarak eklenir. Constructor Function (Yapıcı Fonksiyon): function tanımları ile nesne şablonu oluşturularak &#8230;</p>
<p><a href="https://1kodum.com/javascript-ile-nesne-olusturma-yontemleri-nelerdir/">JavaScript ile Nesne Oluşturma Yöntemleri Nelerdir?</a> yazısı ilk önce <a href="https://1kodum.com">1Kodum</a> üzerinde ortaya çıktı.</p>
]]></description>
										<content:encoded><![CDATA[
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
        .card {
            background: #fff;
            border-radius: 12px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Hafif gölge efekti */
            padding: 20px;
            width: 100%; /* Tam genişlik */
            box-sizing: border-box;
            text-align: left;
            margin: 20px auto; /* Üst ve alt boşluk */
        }

        .question {
            font-size: 1.5em;
            margin-bottom: 10px;
            color: #333;
            font-weight: bold;
        }

        .answer {
            font-size: 1.2em;
            color: #555;
            line-height: 1.5;
        }

        .list {
            margin-top: 10px;
            font-size: 1.1em;
        }

        .list ul {
            padding-left: 20px;
        }

        .list li {
            margin-bottom: 5px;
        }
    </style>
</head>
<body>
    <div class="card">
        <h2 class="question">JavaScript ile Nesne Oluşturma Yöntemleri Nelerdir?</h2>
        <p class="answer">
            JavaScript&#8217;te nesne oluşturmak için farklı yöntemler kullanılabilir. İşte bu yöntemler:
        </p>
        <ol class="list">
            <li><strong>Object Literal (Nesne Literali):</strong> Süslü parantez {} kullanılarak doğrudan nesne oluşturma yöntemi.</li>
            <li><strong>Object Constructor (Object Yapıcısı):</strong> Object anahtar kelimesi ile boş bir nesne oluşturulur ve özellikler dinamik olarak eklenir.</li>
            <li><strong>Constructor Function (Yapıcı Fonksiyon):</strong> function tanımları ile nesne şablonu oluşturularak bu şablondan yeni nesneler türetme yöntemi.</li>
            <li><strong>ES6 Class (Sınıf):</strong> class anahtar kelimesi ile modern sözdiziminde nesne oluşturma yöntemi.</li>
            <li><strong>Object.create():</strong> Mevcut bir nesneyi prototip olarak kullanarak yeni bir nesne oluşturma yöntemi.</li>
            <li><strong>Factory Function (Fabrika Fonksiyonu):</strong> Bir fonksiyon aracılığıyla nesne oluşturup döndürme yöntemi.</li>
            <li><strong>JSON.parse():</strong> JSON formatındaki bir string&#8217;i JavaScript nesnesine dönüştürme yöntemi.</li>
            <li><strong>Prototype-Based Inheritance (Prototip Tabanlı Kalıtım):</strong> JavaScript’in prototip sistemini kullanarak nesne oluşturma ve genişletme yöntemi.</li>
        </ol>
    </div>
</body>
</html>




<!DOCTYPE html>
<html lang="tr">
<head>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.12/codemirror.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.12/theme/dracula.min.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.12/codemirror.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.12/mode/javascript/javascript.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.12/addon/edit/closebrackets.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.12/addon/edit/matchbrackets.min.js"></script>
    <style>
        body {
            margin: 0;
            font-family: Arial, sans-serif;
        }
        .editor5-container {
            display: flex;
            flex-direction: column;
            height: 60vh;
        }
        .editor5-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            background-color: #f7f7f7;
            border-bottom: 2px solid #ccc;
            padding: 10px;
            font-size: 18px;
            font-weight: bold;
            color: #00796b;
        }
        .copy-button5 {
            background-color: #00796b;
            color: white;
            border: none;
            padding: 8px 16px;
            cursor: pointer;
            border-radius: 4px;
            font-size: 14px;
            transition: background-color 0.3s, color 0.3s;
        }
        .copy-button5.copied {
            background-color: #4caf50;
            color: white;
        }
        .CodeMirror {
            height: 100%;
        }
    </style>
</head>
<body>
    <div class="editor5-container">
        <div class="editor5-header">
            <span>NesneYapabilme.js</span>
            <button class="copy-button5" id="copyButton5">Kopyala</button>
        </div>
        <textarea id="editor5"></textarea>
    </div>

    <script>
        function initializeCodeMirror(editorId5, code5) {
            const editor5 = CodeMirror.fromTextArea(document.getElementById(editorId5), {
                mode: { name: "javascript", jsx: true },
                theme: 'dracula',
                lineNumbers: true,
                autoCloseBrackets: true,
                matchBrackets: true,
                tabSize: 2,
                readOnly: true
            });
            editor5.setValue(code5.trim());

            const copyButton = document.getElementById('copyButton5');

            copyButton.addEventListener('click', async () => {
                try {
                    await navigator.clipboard.writeText(editor5.getValue());
                    copyButton.textContent = 'Kopyalandı!';
                    copyButton.classList.add('copied');
                    setTimeout(() => {
                        copyButton.textContent = 'Kopyala';
                        copyButton.classList.remove('copied');
                    }, 2000);
                } catch (err) {
                    console.error('Kod kopyalanırken bir hata oluştu: ', err);
                }
            });

            return editor5;
        }

        const code5 = `
// 1. Object Literal
// {} ile nesne oluşturma
const person = {
    name: "John",
    age: 30,
    greet: function() {
        console.log("Hello, " + this.name);
    }
};

// 2. Object Constructor
// Object anahtar kelimesiyle nesne oluşturma
const person2 = new Object();
person2.name = "Jane";
person2.age = 25;

// 3. Constructor Function
// Yapıcı fonksiyonla nesne oluşturma
function Person(name, age) {
    this.name = name;
    this.age = age;
}
const person3 = new Person("Mike", 40);

// 4. ES6 Class
// Modern sınıf yapısı ile nesne oluşturma
class Animal {
    constructor(type, sound) {
        this.type = type;
        this.sound = sound;
    }
}
const dog = new Animal("Dog", "Bark");

// 5. Object.create()
// Mevcut bir prototipten yeni nesne oluşturma
const prototype = {
    greet: function() {
        console.log("Hello, " + this.name);
    }
};
const person4 = Object.create(prototype);
person4.name = "Alice";

// 6. Factory Function
// Bir fonksiyon aracılığıyla nesne oluşturma
function createCar(brand, model) {
    return {
        brand,
        model,
        drive() {
            console.log("Driving " + this.brand + " " + this.model);
        }
    };
}
const car = createCar("Toyota", "Corolla");

// 7. JSON.parse()
// JSON formatından nesne oluşturma
const jsonString = '{"name": "John", "age": 30}';
const person5 = JSON.parse(jsonString);
        `;

        initializeCodeMirror('editor5', code5);
    </script>
</body>
</html>




<p></p>
<p><a href="https://1kodum.com/javascript-ile-nesne-olusturma-yontemleri-nelerdir/">JavaScript ile Nesne Oluşturma Yöntemleri Nelerdir?</a> yazısı ilk önce <a href="https://1kodum.com">1Kodum</a> üzerinde ortaya çıktı.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://1kodum.com/javascript-ile-nesne-olusturma-yontemleri-nelerdir/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
