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 →

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ç →

Flask ile Hızlı Web API Oluşturma

PYTHON
Saniyeler içinde bir HTTP sunucusu kurup JSON yanıtı dönen API örneği.
from flask import Flask, jsonify

app = Flask(__name__)

@app.route("/")
def home():
return jsonify(message="Merhaba Dünyadan API!")

if __name__ == "__main__":
app.run()
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ç →

DataGrid Formatlı Tarih yazdırmak

CSHARP
Veritabanında tarih alanından gelen değerin kullanıcının belirlediği tarih formatında gösterilmesini sağlar.
<asp:DataGrid id="dataGrid" runat="server">
<Columns>

<asp:BoundColumn DataField="gelis_tarihi" HeaderText="Geliş <br> Tarihi" dataformatstring="{0:dd/MM/yyyy}">
<HeaderStyle HorizontalAlign="Center"></HeaderStyle>
<ItemStyle HorizontalAlign="Center"></ItemStyle>
</asp:BoundColumn>

</Columns>
</asp:DataGrid>
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 →

Dosya açma: fopen()

PHP
Bir dosyanın içeriğini açmak veya bir değiştirmek için önce dosyanın açılması gerekmektedir. PHP'de dosya açmak için kullanılacak komut fopen()' dır.
<?
$dosya_adi = fopen( "deneme.txt" , 'w' ) or die ("Dosya açılamıyor!") ;

$dosya_adi = fopen( "deneme.txt" , 'a' ) or die ("Dosya açılamıyor!") ;

$dosya_adi = fopen( "deneme.txt" , 'r' ) or die ("Dosya açılamıyor!") ;
?>
Kodu Aç →

MySQL veritabanından çekilen verilerin açılır menü (combobox) halinde yazdırılması.

PHP
Veritabanından çekilen verileri comboboxta yazdıran güzel bir kod. Herhangi bir formun içerisinde &lt;SELECT&gt;&lt;/SELECT&gt; blokları arasına yerleştirilmesi gerekiyor.
<SELECT NAME='kategori_id'>
<?
$dbh=mysql_connect ("localhost", "", "") or die (' Veritabanına bağlantı sağlanamıyor. Nedeni: ' . mysql_error());
mysql_select_db ("veritabanı_adı");

$sql = "SELECT * FROM tablo";
$sonuc = mysql_query($sql);
while ($satir = mysql_fetch_row($sonuc))
{
?>
<OPTION Value="<?=$satir[0]?>"><?=$satir[1]?></OPTION>
<?
}
?>
</select>
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ç →

Kullanıcıların burçlarını belirleme

JS
Sayfayı ziyaret eden kişilerin burçlarını öğrenmelerini sağlamak için hazırlanmış güzel bir script.
<TABLE cellSpacing=0 cellPadding=0 width=600 align=center border=0>
<TBODY bgColor=#FF66FF>
<TR>
<TD vAlign=bottom align=left width=600 height=30>
<SCRIPT>
function astro()
{
var month,day;
var b = false;
var i=0;
var j=0;
while (b == false)
{
document.formsign.month[i].checked?b=true:i++
}
month = i+1;
while (b == true)
{
document.formsign.month[j].checked?b=false:j++
}
day = j+1;
if (month < 01 || month > 12)
{document.write("<h1>Invalid Month : " + month + "</h1><br>");}
if (day < 01 || day > 31)
{document.write("<h1>Invalid Day : " + day + "</h1><br>");}
if ((month == 01 && day < 19) || (month == 12 && day >= 23))
{ document.write("<br><br><br><br><br><br><br><br><center><h1>Siz OĞLAK Burcundansınız.</h1></center>");
}
if ((month == 02 && day < 19) || (month == 1 && day >= 20))
{ document.write("<br><br><br><br><br><br><br><br><center><h1>Siz KOVA burcundansınız.</h1></center>");
}
if ((month == 03 && day < 21) || (month == 2 && day >= 20))
{ document.write("<br><br><br><br><br><br><br><br><center><h1>Siz BALIK burcundansınız.</h1></center>");
}
if ((month == 04 && day < 21) || (month == 3 && day >= 22))
{ document.write("<br><br><br><br><br><br><br><br><center><h1>Siz KOÇ burcundansınız.</h1></center>");
}
if ((month == 05 && day < 21) || (month == 4 && day >= 21))
{ document.write("<br><br><br><br><br><br><br><br><center><h1>Siz BOĞA burcundansınız.</h1></center>");
}
if ((month == 06 && day < 22) || (month == 5 && day >= 22))
{ document.write("<br><br><br><br><br><br><br><br><center><h1>Siz İKİZLER burcundansınız.</h1></center>");
}
if ((month == 07 && day < 23) || (month == 6 && day >= 23))
{ document.write("<br><br><br><br><br><br><br><br><center><h1>Siz YENGEÇ burcundansınız.</h1></center>");
}
if ((month == 08 && day < 23) || (month == 7 && day >= 24))
{ document.write("<br><br><br><br><br><br><br><br><center><h1>Siz ASLAN burcundansınız.</h1></center>");
}
if ((month == 09 && day < 23) || (month == 8 && day >= 24))
{ document.write("<br><br><br><br><br><br><br><br><center><h1>Siz BAŞAK burcundansınız.</h1></center>");
}
if ((month == 10 && day < 23) || (month == 9 && day >= 24))
{ document.write("<br><br><br><br><br><br><br><br><center><h1>Siz TERAZİ burcundansınız.</h1></center>");
}
if ((month == 11 && day < 22) || (month == 10 && day >= 24))
{ document.write("<br><br><br><br><br><br><br><br><center><h1>Siz AKREP burcundansınız.</h1></center>");
}
if ((month == 12 && day < 22) || (month == 11 && day >= 23))
{ document.write("<br><br><br><br><br><br><br><br><center><h1>Siz YAY burcundansınız.</h1></center>");}

}

</SCRIPT>

<CENTER>
<FORM name=formsign>
<H3>Doğduğunuz ayı seçiniz.</H3><INPUT type=radio value=01
name=month>Ocak <INPUT type=radio value=02 name=month>Şubat <INPUT
type=radio value=03 name=month>Mart <INPUT type=radio value=04
name=month>Nisan <INPUT type=radio value=05 name=month>Mayıs <INPUT
type=radio value=06 name=month>Haziran <INPUT type=radio value=07
name=month>Temmuz <INPUT type=radio value=08 name=month>Ağustos <INPUT
type=radio value=09 name=month>Eylül <INPUT type=radio value=10
name=month>Ekim <INPUT type=radio value=11 name=month>Kasım <INPUT
type=radio value=12 name=month>Aralık </SELECT><BR>
<H3>Doğduğunuz günü seçiniz.</H3><INPUT type=radio value=01
name=day>01 <INPUT type=radio value=02 name=day>02 <INPUT type=radio
value=03 name=day>03 <INPUT type=radio value=04 name=day>04 <INPUT
type=radio value=05 name=day>05 <INPUT type=radio value=06 name=day>06
<INPUT type=radio value=07 name=day>07 <INPUT type=radio value=08
name=day>08 <INPUT type=radio value=09 name=day>09 <INPUT type=radio
value=10 name=day>10 <INPUT type=radio value=11 name=day>11 <INPUT
type=radio value=12 name=day>12 <INPUT type=radio value=13 name=day>13
<INPUT type=radio value=14 name=day>14 <INPUT type=radio value=15
name=day>15 <INPUT type=radio value=16 name=day>16 <INPUT type=radio
value=17 name=day>17 <INPUT type=radio value=18 name=day>18 <INPUT
type=radio value=19 name=day>19 <INPUT type=radio value=20 name=day>20
<INPUT type=radio value=21 name=day>21 <INPUT type=radio value=22
name=day>22 <INPUT type=radio value=23 name=day>23 <INPUT type=radio
value=24 name=day>24 <INPUT type=radio value=25 name=day>25 <INPUT
type=radio value=26 name=day>26 <INPUT type=radio value=27 name=day>27
<INPUT type=radio value=28 name=day>28 <INPUT type=radio value=29
name=day>29 <INPUT type=radio value=30 name=day>30 <INPUT type=radio
value=31 name=day>31
<HR>
<BR><INPUT onclick=astro() type=button value="Burcumu göster">
</FORM></CENTER>
<P></P></TD></TR></TBODY></TABLE>
Kodu Aç →