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

Python ile Güncel Döviz Kuru Çekme

PYTHON
requests kütüphanesi kullanarak bir API üzerinden anlık döviz kurlarını çeken ve JSON verisini işleyerek ekrana yazdıran örnek.
import requests

url = "https://api.exchangerate-api.com/v4/latest/USD"
response = requests.get(url)
data = response.json()

usd_try = data['rates']['TRY']
print(f"1 Dolar şu an: {usd_try} TL")
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 →

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

Textbox'tan veritabanına veri ekleme

CSHARP
Textboxa girilen değeri SQL database'e aktarmaya yarayan örnek
//Öncelikle bunu en üstteki kütüphaneye ekleyin
System.Data.SqlClient;

//bu kod public alanda tanımlanacak
SqlConnection baglanti = new SqlConnection=("Data Source=SQLserverinAdı;Initial Catalog=VeriTabanının adı;Integrated Security=True"");

SqlCommand komut = new SqlCommand();

//bu kodlar ise button tıkalndığında yazılacak

baglanti.Open();
komut.Connection=baglanti();
komut.commandText="insert into urun (urun_no,urun_adi) values ("+textBox1.text+","textBox2.text");
komut.exeNonQuery();
baglanti.close();
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 →

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

Dosya oluşturma: touch()

PHP
Herhangi bir dosya oluşturmak için PHP'de kullanılacak komut touch()' tır. Bu fonksiyonu kullanırken oluşturulması istenilen dosyanın adının verilmesi gerekmektedir.
<?

$dizin = "/wwwroot/";
touch ("$dizin/yeni.txt");
echo ("yeni.txt dosyası oluşturuldu!");

?>
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ü - Gizli Menü - 2

JS
Sayfanın sol tarafında duran ve mouse üzerine geldiği zaman açılan bir gizli menü örneği..
// *****************************************************************
// ADIM 1 <HEAD> Bölümleri arasına eklenecek olan bölüm
// *****************************************************************

<script language="JavaScript1.2">

function move(x) {
if (document.all) {
object1.style.pixelLeft += x;
object1.style.visibility = "visible"}
else if (document.layers) {
document.object1.left += x;
document.object1.visibility = "show"}};

function makeStatic() {
if (document.all) {object1.style.pixelTop=document.body.scrollTop+20}
else {eval(document.object1.top=eval(window.pageYOffset+20));}
setTimeout("makeStatic()",0);}
</script>

<style>
<!--

.hl {
Background-Color : yellow;
Cursor:hand;
}
.n {
Cursor:hand;
}
-->
</style>


// *****************************************************************
// ADIM 2 <BODY> Bölümleri arasına eklenecek olan bölüm
// *****************************************************************

<LAYER visibility="hide" top="20" name="object1" bgcolor="black" left="0" onmouseover="move(132)" onmouseout="move(-132)">

<script language="JavaScript1.2">

function positionmenu(){
move(-132)
}

if (document.all) {document.write('<DIV ID="object1" style="visibility:hidden;cursor:hand; Position : Absolute ;Left : 0px ;Top : 20px ;Z-Index : 20" onmouseover="move(132)" onmouseout="move(-132)">')}
</script>

<table border="0" cellpadding="0" cellspacing="1" width="150" bgcolor="#000000">
<tr><td bgcolor="#0099FF"> <font size="4" face="Arial"><b>Menu</b></font></td>

<script language="JavaScript1.2">
document.write('<td align="center" rowspan="100" width="16" bgcolor="#FF6666"><span style="font-size:13px"><p align="center"><font face="Arial Black">G<br>İ<br>Z<br>L<br>İ<br>M<br>E<br>N<BR>U</font></p></span></TD>')
</script>

</tr>

<script language="JavaScript1.2">
<!--
if (document.all||document.layers) {
makeStatic();}

var text=new Array();
var thelink=new Array();

// Linklerinizi ve başlıklarınızı bu bölümde ayarlıyorsunuz.

text[0]="Yeni ipucu siteniz";
text[1]="ASP ipuçları";
text[2]="PHP ipuçları";
text[3]="Javascript ipuçları";
text[4]="Forumlar";

thelink[0]="http://www.ipucu.web.tr";
thelink[1]="http://www.ipucu.web.tr/aspipucu.php";
thelink[2]="http://www.ipucu.web.tr/phpipucu.php";
thelink[3]="http://www.ipucu.web.tr/jsipucu.php";
thelink[4]="http://www.ipucu.web.tr/forum/";


var linktarget=''

/// BU bölümde değişiklik yapmayınız.

function navigateie(which){
if (linktarget=='')
window.location=thelink[which]
else if (linktarget=='new')
window.open(thelink[which])
else{
temp_var=eval("window.parent."+linktarget)
temp_var.location=thelink[which]
}
}

for (i=0;i<=text.length-1;i++)
if (document.all) {
document.write('<TR><TD height=20 bgcolor=white onclick="navigateie('+i+')" onmouseover="className=\'hl\'" onmouseout="className=\'n\'"><FONT SIZE=2 FACE=ARIAL>&nbsp;'+text[i]+'</FONT></TD></TR>')}
else {
document.write('<TR><TD bgcolor="white"><ILAYER><LAYER HEIGHT="18" onmouseover="this.bgColor=\'yellow\'" onmouseout="this.bgColor=\'white\'" width=131><FONT SIZE=2 FACE=ARIAL>&nbsp;<A HREF="'+thelink[i]+'" target="'+linktarget+'" id="nounderline">'+text[i]+'</A></FONT></LAYER></ILAYER></TD></TR>')}

//-->
</script>
<tr>
<td bgcolor="#0099FF"><font size="1" face="Arial"> </font></td>
</TR>
</table>
<script language="JavaScript1.2">
if (document.all) {document.write('</DIV>')}
window.onload=positionmenu
</script>
</LAYER>
Kodu Aç →

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