Kod Örnekleri & Teknik Rehberler

Python, C#, PHP ve modern web teknolojileri üzerine profesyonel örnekler.
Tüm Örnekler Kod Ekle Makaleler
AI Entegrasyonu
Web Güvenliği
SQL Optimizasyon
Tailwind CSS

Python & Veri Bilimi

Popüler

Öğrenmesi kolay ve son derece güçlü. Yapay Zeka, Veri Analizi ve Otomasyon dünyasının lider dili Python ile ilgili en güncel snippetları keşfedin.

Tüm Python Örnekleri →

Flask Framework ile Hızlı API Oluşturma

PYTHON
Python'un popüler web çatısı Flask kullanarak, dış dünyaya JSON veri dönen basit bir REST API uç noktası (endpoint) hazırlama örneği.
from flask import Flask, jsonify

app = Flask(__name__)

@app.route('/api/selamla', methods=['GET'])
def selamla():
return jsonify({"mesaj": "Merhaba, Kod Örnekleri API servisine hoş geldiniz!", "durum": "aktif"})

if __name__ == '__main__':
app.run(debug=True)
Kodu Aç →

Pillow ile Otomatik Resim Boyutlandırma

PYTHON
Web siteleri için görselleri optimize etmek amacıyla kullanılan, belirtilen bir görseli en-boy oranını koruyarak yeniden boyutlandıran kod örneği.
from PIL import Image

def resim_boyutlandir(dosya, genislik):
img = Image.open(dosya)
oran = (genislik / float(img.size[0]))
yukseklik = int((float(img.size[1]) * float(oran)))
yeni_img = img.resize((genislik, yukseklik), Image.Resampling.LANCZOS)
yeni_img.save('boyutlandirilmis_resim.jpg')

resim_boyutlandir('manzara.jpg', 800)
Kodu Aç →

C# (CSharp) & .NET Core

Kurumsal

Modern, nesne yönelimli ve yüksek performanslı. ASP.NET Core ve Entity Framework ile profesyonel web ve masaüstü projeleri geliştirin.

Tüm C# Örnekleri →

String Replace İşlemi

CSHARP
String içindeki ifadelerin değiştirilmesi için String.Replace ifadesi kullanılmaktadır.
string mystr = "www.kodornekleri.com";
string newstr = mystr.Replace("com", "COM");
MessageBox.Show(newstr, "C# String Replace", MessageBoxButtons.OK, MessageBoxIcon.Information);
Kodu Aç →

String'i Büyük Küçük Harfe Çevirme

CSHARP
String.ToUpper() ve String.ToLower() ifadeleri kelimeleri büyük ve küçük harfe çevirme işlemi için kullanılmaktadır.
// Buyuk harfe cevirme
string site = "Kodornekleri.com";
MessageBox.Show(site.ToUpper());

// Kucuk harfe cevirme
string isim = "Kodornekleri.COM";
MessageBox.Show(isim.ToLower());
Kodu Aç →

PHP & Web Programlama

Dinamik

Web dünyasının emektar ve güçlü dili. PDO veritabanı yönetimi, API işlemleri ve modern PHP 8.x tekniklerini inceleyin.

Tüm PHP Örnekleri →

For döngüsü

PHP
For döngüsü, belirtilen bir numaraya kadar, devam eden ifadeleri tekrarlamaktadır. For döngüsünde bir sayaç değişkeni kullanılır ve belirtilen değere kadar sayaç arttırılır ve azaltılır.
<?

for ($sayac = 1; $sayac <= 7 ; $sayac++ )
{
echo ("<font size= $sayac >");
echo ("<b><p>www.ME.com.tr</b></p>");
echo ("</font>");
}

?>
Kodu Aç →

Sayfa Yönlerdirme (redirect)

PHP
Kullanıcının başka bir URL adresine yönlendirilmesini sağlar.
<?
header("Location: http://www.google.com");
?>
Kodu Aç →

JavaScript (ES6+)

Frontend

İnteraktif web sayfalarının kalbi. Modern JS, Async/Await ve DOM manipülasyonu üzerine en pratik kod parçacıkları burada.

Tüm JS Örnekleri →

Javascript Menü -- Alt Tarafa Açılan Menü

JS
Javascript ile yapılmış güzel bir menü örneği. Bir çok sitede örneklerini görebilirsiniz.
//// ADIM 1 <HEAD> Bölümleri Arasına Eklenecek Olan Bölüm

<style>
BODY { font-family:verdana, arial, helvetica; font-size:70%; }
H1 { font-size:120%; font-style:italic; }

DIV#divMenuBar { background-color:#999999; }
TABLE#tblMenuBar TD { font-size:70%; color:white; padding:0px 5px 0px 5px; cursor:default; }
TABLE#tblMenuBar TD.MenuMadde { font-weight:bold; cursor:hand; }

DIV.clsMenu {
font-size:100%; background-color:#999999;
position:absolute; visibility:hidden; width:130px;
padding:5px 5px 5px 8px; border-top:1 white solid;
}
DIV.clsMenu A { text-decoration:none; color:white; font-weight:bold; }
DIV.clsMenu A:hover { color:moccasin; }

BUTTON { font-family:tahoma; font-size:100%; }
</style>

<SCRIPT LANGUAGE="Javascript">
var eOpenMenu = null;

function OpenMenu(eSrc,eMenu)
{
eMenu.style.left = eSrc.offsetLeft + divMenuBar.offsetLeft;
eMenu.style.top = divMenuBar.offsetHeight + divMenuBar.offsetTop;
eMenu.style.visibility = "visible";
eOpenMenu = eMenu;
}

function CloseMenu(eMenu)
{
eMenu.style.visibility = "hidden";
eOpenMenu = null;
}

function document.onmouseover()
{
var eSrc = window.event.srcElement;
if ("MenuMadde" == eSrc.className)
{
eSrc.style.color = "moccasin";
var eMenu = document.all[eSrc.id.replace("tdMenuBarItem","divMenu")];
if (eOpenMenu && eOpenMenu != eMenu)
{
CloseMenu(eOpenMenu);
}
if (eMenu)
{
OpenMenu(eSrc,eMenu);
}
}
else if (eOpenMenu && !eOpenMenu.contains(eSrc) && !divMenuBar.contains(eSrc))
{
CloseMenu(eOpenMenu);
}
}

function document.onmouseout()
{
var eSrc = window.event.srcElement;
if ("MenuMadde" == eSrc.className)
{
eSrc.style.color = "";
}
}

</SCRIPT>


// ADIM 2... BODY Bölümüne eklenecek olan bölüm

<!-- ANA BAŞLIKLAR YAZDIRILIYOR... -->
<DIV ID="divMenuBar">
<TABLE ID="tblMenuBar" BORDER="0">
<TR>
<TD CLASS="MenuMadde" ID="tdMenuBarItem01">ANA BAŞLIK 1</TD>
<TD>|</TD>
<TD CLASS="MenuMadde" ID="tdMenuBarItem02">ANA BAŞLIK 2</TD>
<TD>|</TD>
<TD CLASS="MenuMadde" ID="tdMenuBarItem03">ANA BAŞLIK 3</TD>
<TD>|</TD>
<TD CLASS="MenuMadde" ID="tdMenuBarItem04">ANA BAŞLIK 4</TD>
<TD>|</TD>
<TD CLASS="MenuMadde" ID="tdMenuBarItem05">ANA BAŞLIK 5</TD>
</TR>
</TABLE>
</DIV>

<!-- 1. ANA BAŞLIĞIN ALT BAŞLIKLARI YAZDIRILIYOR... -->
<DIV CLASS="clsMenu" ID="divMenu01">
<DIV CLASS="clsMenuAra"></DIV>
<DIV><A TARGET="_new" HREF="link_1.asp">Alt Başlık 1</A></DIV>
<DIV><A TARGET="_new" HREF="link_2.asp">Alt Başlık 2</A></DIV>
<DIV><A TARGET="_new" HREF="link_3.asp">Alt Başlık 3</A></DIV>
<DIV><A TARGET="_new" HREF="link_4.asp">Alt Başlık 4</A></DIV>
<DIV><A TARGET="_new" HREF="link_5.asp">Alt Başlık 5</A></DIV>
</DIV>

<!-- 2. ANA BAŞLIĞIN ALT BAŞLIKLARI YAZDIRILIYOR... -->
<DIV CLASS="clsMenu" ID="divMenu02">
<DIV CLASS="clsMenuAra"></DIV>
<DIV><A TARGET="_new" HREF="link_6.asp">Alt Başlık 01</A></DIV>
<DIV><A TARGET="_new" HREF="link_7.asp">Alt Başlık 02</A></DIV>
<DIV><A TARGET="_new" HREF="link_8.asp">Alt Başlık 03</A></DIV>
<DIV><A TARGET="_new" HREF="link_9.asp">Alt Başlık 04</A></DIV>
</DIV>

<!-- 3. ANA BAŞLIĞIN ALT BAŞLIKLARI YAZDIRILIYOR... -->
<DIV CLASS="clsMenu" ID="divMenu03">
<DIV CLASS="clsMenuAra"></DIV>
<DIV><A TARGET="_new" HREF="link_10.asp">Alt Başlık 01</A></DIV>
<DIV><A TARGET="_new" HREF="link_11.asp">Alt Başlık 02</A></DIV>
</DIV>

<!-- 4. ANA BAŞLIĞIN ALT BAŞLIKLARI YAZDIRILIYOR... -->
<DIV CLASS="clsMenu" ID="divMenu04">
<DIV CLASS="clsMenuAra"></DIV>
<DIV><A TARGET="_new" HREF="link_12.asp">Alt Başlık 01</A></DIV>
<DIV><A TARGET="_new" HREF="link_13.asp">Alt Başlık 02</A></DIV>
<DIV><A TARGET="_new" HREF="link_14.asp">Alt Başlık 02</A></DIV>
</DIV>

<!-- 5. ANA BAŞLIĞIN ALT BAŞLIKLARI YAZDIRILIYOR... -->
<DIV CLASS="clsMenu" ID="divMenu05">
<DIV CLASS="clsMenuAra"></DIV>
<DIV><A TARGET="_new" HREF="link_15.asp">Alt Başlık 01</A></DIV>
<DIV><A TARGET="_new" HREF="link_16.asp">Alt Başlık 02</A></DIV>
<DIV><A TARGET="_new" HREF="link_17.asp">Alt Başlık 02</A></DIV>
</DIV>
Kodu Aç →

Basit Takvim Oluşturma

JS
Sitenizde Yıl, Ay, Gün takvim görüntülemek için. (Tablo Şeklinde)
<!--ADIM 1 : Aşağıdaki scripti takvim.js olarak kaydedin -->


<!-- Başlangıç
// Dizi Oluştur
var day_of_week = new Array('Paz','Pzt','Salı','Çar','Per','Cu','Cts');
var month_of_year = new Array('Ocak','Şubat','Mart','Nisan','Mayıs','Haziran','Temmuz','Ağustos','Eylül','Ekim','Kasım','Aralık');

// Değişkenleri Tanımlama
var Calendar = new Date();

var year = Calendar.getYear();
var month = Calendar.getMonth();
var today = Calendar.getDate();
var weekday = Calendar.getDay();

var DAYS_OF_WEEK = 7;
var DAYS_OF_MONTH = 31;
var cal;

Calendar.setDate(1);
Calendar.setMonth(month);


/* Format değişkenleri
NOT: Görünümü değiştirmek için 'BORDER', 'BGCOLOR', 'CELLPADDING', 'BORDERCOLOR'
taglarını değiştirebilirsiniz. */

var TR_start = '<TR>';
var TR_end = '</TR>';
var highlight_start = '<TD WIDTH="30"><TABLE CELLSPACING=0 BORDER=1 BGCOLOR=DEDEFF BORDERCOLOR=CCCCCC><TR><TD WIDTH=20><B><CENTER>';
var highlight_end = '</CENTER></TD></TR></TABLE></B>';
var TD_start = '<TD WIDTH="30"><CENTER>';
var TD_end = '</CENTER></TD>';



cal = '<TABLE BORDER=1 CELLSPACING=0 CELLPADDING=0 BORDERCOLOR=BBBBBB><TR><TD>';
cal += '<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=2>' + TR_start;
cal += '<TD COLSPAN="' + DAYS_OF_WEEK + '" BGCOLOR="#EFEFEF"><CENTER><B>';
cal += month_of_year[month] + ' ' + year + '</B>' + TD_end + TR_end;
cal += TR_start;

// BURADAN AŞAĞIYI DEĞİŞTİRMEYİNİZ //


for(index=0; index < DAYS_OF_WEEK; index++)
{


if(weekday == index)
cal += TD_start + '<B>' + day_of_week[index] + '</B>' + TD_end;


else
cal += TD_start + day_of_week[index] + TD_end;
}

cal += TD_end + TR_end;
cal += TR_start;


for(index=0; index < Calendar.getDay(); index++)
cal += TD_start + ' ' + TD_end;


for(index=0; index < DAYS_OF_MONTH; index++)
{
if( Calendar.getDate() > index )
{

week_day =Calendar.getDay();


if(week_day == 0)
cal += TR_start;

if(week_day != DAYS_OF_WEEK)
{

var day = Calendar.getDate();

if( today==Calendar.getDate() )
cal += highlight_start + day + highlight_end + TD_end;

else
cal += TD_start + day + TD_end;
}

if(week_day == DAYS_OF_WEEK)
cal += TR_end;
}

Calendar.setDate(Calendar.getDate()+1);

}// end for loop

cal += '</TD></TR></TABLE></TABLE>';

// TAKVIMI YAZDIR
document.write(cal);

// Son -->



<!-- ADIM 2: Aşağıdaki kodu sayfanızda takvimin görüntülenmesini istediğiniz yere kopyalayın -->

<BODY>

<SCRIPT SRC="takvim.js"></SCRIPT>
Kodu Aç →