@tayfunerbilen - Cevaplar | 𝗣𝗥𝗢𝗧𝗢𝗧𝗨𝗥𝗞

tayfunerbilen

İstanbul

565

Takipçi

Takip edilen

Takip et

1635 gün önce PHP markdown sorusunu cevapladı.

bir sürü markdown parser var aslında, örneğin
https://github.com/michelf/php-markdown

composer olmadan ifadesi çok anlamsız, çünkü kolayca kurmak varken neden uğraşmak isteyesin? çok istiyorsan kaynak kodlarını indirip uğraşarak projene dahil edebilirsin ama dediğim gibi, bir anlamı yok bunun :)

#005598

1637 gün önce Regex belirli iki ifade arasındaki metni alma sorusunu cevapladı.

python'ın re modülündeki sub() metodunu kullanarak bunu bir html tagı içine alabilirsin, örneğin;

import re

txt = "Güzel film blabla [--spoiler--]Bilmem ne ölüyor[--spoiler--] spoilersız yazı devam ediyor.. [--spoiler--]tekrar bir spoiler[--spoiler--] ve son :)"
replaced_txt = re.sub('\[--spoiler--\](.*?)\[--spoiler--\]', r'<span class="spoiler">\1</span>', txt)
print(replaced_txt)
# Güzel film blabla <span class="spoiler">Bilmem ne ölüyor</span> spoilersız yazı devam ediyor.. <span class="spoiler">tekrar bir spoiler</span> ve son :)

#005529

1637 gün önce Beyin fırtınası sorusunu cevapladı.

hangisini kolay yazıyorsan onunla kolay olur, bu tarz sorular biraz anlamsız kalıyor yapacağın şeyin özel bir yanı yok çünkü.
ayrıca lütfen sitedeki kategori seçimlerini soruyla ilişkili olarak kullanalım.

#005523

1637 gün önce FOREACH sorusunu cevapladı.

burada aldığın hata post değerinin array olmamasıyla alakalı dolayısı ile foreach'e sokmadan önce şu şekilde kontrol etmen daha doğru olacaktır;

if (isset($_POST['siparistamam'])) {
   $isimsy=$_POST['isimsoyisim'];
   $sirket=$_POST['sirket'];
   $adres=$_POST['adres'];
   $sehir=$_POST['sehir'];
   if (isset($_POST['alan']) && is_array($_POST['alan'])){
       foreach ($_POST['alan'] as $key => $value) {
        $db->query("insert into siparis(alan_kadi) values ('$value')");
       }
   }
   if (isset($_POST['veren']) && is_array($_POST['veren'])){
       foreach ($_POST['veren'] as $key => $value) {
        $db->query("insert into siparis(veren_kadi) values ('$value')");
       }
   }
   if (isset($_POST['fiyat']) && is_array($_POST['fiyat'])){
       foreach ($_POST['fiyat'] as $key => $value) {
        $db->query("insert into siparis(toplam_tutar) values ('$value')");
       }
   }
   if (isset($_POST['urunid']) && is_array($_POST['urunid'])){
       foreach ($_POST['urunid'] as $key => $value) {
        $db->query("insert into siparis(urun_id) values ('$value')");
       }
   }
   $db->query("insert into siparis(isimsoyisim,adres,sirket,sehir) values('.$isimsy.','.$adres.','.$sirket.','.$sehir.')");
}

ayrıca print_r() ile dump ederek gelen değerlerini kontrol etmen gerek, sen eminsin ama öyle geliyor mu bir kontrolün yok gibi, en basit olarak şöyle bakıp karar ver doğruluğuna;

print_r($_POST);

#005520

1637 gün önce WP kısa kod içinde tekrar eden değişken sorusunu cevapladı.

eğer include ya da require ile dosya açmak istiyorsan bunu tamponda tutup geriye döndürmen gerekir. Örneğin;

function kisakod_html(){
    ob_start();
    require 'dosyaadi.php';
    $file = ob_get_clean();
    
    return $file; // dosyanın içeriğini geriye döndürüyoruz, ob_ fonksiyonları ile ekrana basmayı engelliyor doğrudan
}
add_shortcode("kisakod","kisakod_html");

tabi sorunu yanlış anlamış olabilirim, o yüzden tam emin olamadım :)

#005513

1637 gün önce Javascript mobil tarayıcı hatalarını görme sorusunu cevapladı.

tam olarak nasıl debug yaparsın bilmiyorum ancak javascript kodlarının tarayıcı uyumluluğuna bakarak safarinin desteklemediği kodları tespit ederek bunları düzenleme yoluna gidebilirsin belki

#005512

1637 gün önce Php template engine mantığı nedir? sorusunu cevapladı.

mantığı aslında belli bir standartta yazmak ve mümkün olduğunca içinde saf php yazmak yerine direktifleri kullanarak ya da özel yapı oluşturarak kullanmak.
yani html kodlarını phpden ayırıyoruz. ayrıca tabi bazı avantajlarıda var örneğin blade engine'de layout sistemi oluşturmak çok kolay ve bunu extend ederek tek bir yerden kontrolünü sağlamak çok rahat.

yapılışı ise aslında tamamen kodları regex ile ayrıştırıp işlemekten ibaret, elbette çok kolay değil, her ihtimali düşünmek gerekiyor.

mesela birlikte bir örnek yapalım, yapacağımız template engine'de sadece değişkenleri ve foreach işlemlerini dönüştürelim.

dolayısı ile php dosyasında değişkeni yazdırırken <?php echo $degisken; ?> yerine {{ degisken }} şeklinde bir kullanım olsun ve foreach için şunun yerine;

<?php foreach($todos as $key => $todo): ?>
    <li>
        <?=$todo?>
    </li>
<?php endforeach; ?>

şöyle bir kullanımımız olsun

@foreach(todos as todo)
    <li>{{ todo }}</li>
@endforeach

bu mantıkta ilk olarak temel bir sınıfa ihtiyacımız var. kabaca oluşturduğum ve test ettiğim sınıfı yazayım;

<?php

// template.php

class TemplatEngine {

    public $view;

    public function view($view, $data = [])
    {
        extract($data);
        $viewName = $view . '.ptemplate.php';
        $viewPath = __DIR__ . '/views/' . $viewName;
        ob_start();
        require $viewPath;
        $this->view = ob_get_clean();
        $this->parse();
        
        $viewCachePath = __DIR__ . '/cache/' . md5($viewName) . '.cache.php';

        // cache yoksa oluştur
        if (!file_exists($viewCachePath)) {
            file_put_contents($viewCachePath, $this->view);
        }

        if (filemtime($viewCachePath) < filemtime($viewPath)) {
            file_put_contents($viewCachePath, $this->view);
        }

        require $viewCachePath;
        
    }

    public function parse()
    {
        $this->parseVariables();
        $this->parseForeach();
    }

    public function parseVariables()
    {
        $this->view = preg_replace_callback('/{{(.*?)}}/', function($variable) {
            return '<?=$' . trim($variable[1]) . '?>';
        }, $this->view);
    }

    public function parseForeach()
    {
        $this->view = preg_replace_callback('/@foreach\((.*?) as (.*?)\)/', function($variable) {
            if (strstr($variable[2], '=>')) {
                [$key, $value] = explode('=>', $variable[2]);
                return '<?php foreach($' . trim($variable[1]) . ' as $' . trim($key) . ' => $' . trim($value) . '): ?>';
            }
            return '<?php foreach($' . trim($variable[1]) . ' as $' . $variable[2] . '): ?>';
        }, $this->view);
        $this->view = preg_replace_callback('/@endforeach/', function($a){
            return '<?php endforeach; ?>';
        }, $this->view);
    }

}

ve klasör yapın şöyle olsun

cache/
views/
template.php
index.php

index.php de dosyalarımız;

<?php

require __DIR__ . '/template.php';

$template = new PrototurkTemplateEngine();

$template->view('index', [
    'title' => 'Prototürk',
    'name' => 'Tayfun Erbilen',
    'todos' => [
        'todo 1',
        'todo 2',
        'todo 3'
    ]
]);

views altında index.ptemplate.php adında bir dosyamız olacak ve içinde şunlar yazacak;

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{{ title }}</title>
</head>
<body>
    
    <h1>Hoşgeldin, {{ name }}</h1>

    <ul>
        @foreach(todos as todo)
            <li>
                {{ todo }}
            </li>
        @endforeach
    </ul>

    <ul>
        @foreach(todos as key => todo)
            <li>
                {{ todo }}
            </li>
        @endforeach
    </ul>

</body>
</html>

sonuç olarak cache/ klasöründe şöyle bir çıktı göreceksin;

// c9309029e1762f7da2afa048543c13b2.cache.php

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><?=$title?></title>
</head>
<body>
    
    <h1>Hoşgeldin, <?=$name?></h1>

    <ul>
        <?php foreach($todos as $todo): ?>
            <li>
                <?=$todo?>
            </li>
        <?php endforeach; ?>
    </ul>

    <ul>
        <?php foreach($todos as $key => $todo): ?>
            <li>
                <?=$todo?>
            </li>
        <?php endforeach; ?>
    </ul>

</body>
</html>

tabi temelde bu çok basit bir örneğiydi, blade engine'deki gibi extend section push gibi direktiflerle çok daha kullanışlı hale getirilebilir.

#005511

1640 gün önce Sohbet baloncuğu sorusunu cevapladı.

eğer mesajları gruplamadan böyle bir şey yapmak istersen html yapını şöyle düşünelim;

<div class="chat">
	<div class="message me">
		test message
		<img src="https://gravatar.com/avatar/be2da7976e64ff4211a4ff7b22b10b58?d=https%3A%2F%2Fassets.codepen.io%2Finternal%2Favatars%2Fusers%2Fdefault.png&fit=crop&format=auto&height=80&version=0&width=80" alt="">
	</div>
	<div class="message me">
		test message
		<img src="https://gravatar.com/avatar/be2da7976e64ff4211a4ff7b22b10b58?d=https%3A%2F%2Fassets.codepen.io%2Finternal%2Favatars%2Fusers%2Fdefault.png&fit=crop&format=auto&height=80&version=0&width=80" alt="">
	</div>
	<div class="message me">
		test message
		<img src="https://gravatar.com/avatar/be2da7976e64ff4211a4ff7b22b10b58?d=https%3A%2F%2Fassets.codepen.io%2Finternal%2Favatars%2Fusers%2Fdefault.png&fit=crop&format=auto&height=80&version=0&width=80" alt="">
	</div>
	<div class="message">
		test message
		<img src="https://gravatar.com/avatar/be2da7976e64ff4211a4ff7b22b10b58?d=https%3A%2F%2Fassets.codepen.io%2Finternal%2Favatars%2Fusers%2Fdefault.png&fit=crop&format=auto&height=80&version=0&width=80" alt="">
	</div>
	<div class="message">
		test message
		<img src="https://gravatar.com/avatar/be2da7976e64ff4211a4ff7b22b10b58?d=https%3A%2F%2Fassets.codepen.io%2Finternal%2Favatars%2Fusers%2Fdefault.png&fit=crop&format=auto&height=80&version=0&width=80" alt="">
	</div>
	<div class="message me">
		test message
		<img src="https://gravatar.com/avatar/be2da7976e64ff4211a4ff7b22b10b58?d=https%3A%2F%2Fassets.codepen.io%2Finternal%2Favatars%2Fusers%2Fdefault.png&fit=crop&format=auto&height=80&version=0&width=80" alt="">
	</div>
	<div class="message">
		test message
		<img src="https://gravatar.com/avatar/be2da7976e64ff4211a4ff7b22b10b58?d=https%3A%2F%2Fassets.codepen.io%2Finternal%2Favatars%2Fusers%2Fdefault.png&fit=crop&format=auto&height=80&version=0&width=80" alt="">
	</div>
	<div class="message">
		test message
		<img src="https://gravatar.com/avatar/be2da7976e64ff4211a4ff7b22b10b58?d=https%3A%2F%2Fassets.codepen.io%2Finternal%2Favatars%2Fusers%2Fdefault.png&fit=crop&format=auto&height=80&version=0&width=80" alt="">
	</div>
</div>
<div class="add-chat">
	<input type="text" placeholder="Yeni mesaj ekle">
	<label>
		<input type="checkbox" value="1" name="me">
		kendin olarak gönder
	</label>
</div>

ufak bir css

.chat {
	border: 1px solid #ddd;
	padding: 15px;
}
.message {
	padding: 10px;
	background: #eee;
	border-radius: 10px;
	margin-bottom: 5px;
}
.message img {
	display: none;
}
.message.me {
	background: lime;
}

ve jquery tarafın şöyle olabilir

function setImages() {
	$('.message img').hide();
	$('.message.me + .message:not(.me)').prev('.message.me').find('img').show();
	$('.message:not(.me) + .message.me').prev('.message:not(.me)').find('img').show();
	$('.message:last').find('img').show();
}
setImages();

$('.add-chat input').on('keyup', function(e) {
	if (e.key === 'Enter') {
		$('.chat').append(`<div class="message${$(this).closest('.add-chat').find('input[type="checkbox"]').is(':checked') ? ' me' : ''}">
			${$(this).val()}
			<img src="https://gravatar.com/avatar/be2da7976e64ff4211a4ff7b22b10b58?d=https%3A%2F%2Fassets.codepen.io%2Finternal%2Favatars%2Fusers%2Fdefault.png&fit=crop&format=auto&height=80&version=0&width=80" alt="">
		</div>`);
		$(this).val('');
		setImages();
	}
});

demoyu görmek istersen: https://codepen.io/tayfunerbilen/pen/BaWGodP

#005435

1641 gün önce Dikey açılır menü sorusunu cevapladı.

sadece css ile yapmak istersen;

<ul>
    <li tabindex="0">
        Ders 1
        <ul>
            <li tabindex="0">
                Ünite 1
                <ul>
                    <li tabindex="0">
                        Konu 1
                        <ul>
                            <li tabindex="0">Kazanım 1</li>
                            <li tabindex="0">Kazanım 2</li>
                            <li tabindex="0">Kazanım 3</li>
                            <li tabindex="0">Kazanım 4</li>
                        </ul>
                    </li>
                    <li tabindex="0">Konu 2</li>
                    <li tabindex="0">Konu 3</li>
                </ul>
            </li>
            <li tabindex="0">Ünite 2</li>
            <li tabindex="0">Ünite 3</li>
        </ul>
    </li>
    <li tabindex="0">Ders 2</li>
    <li tabindex="0">Ders 3</li>
</ul>
<style>
    li ul {
    	display: none;
    }
    li:focus-within > ul {
    	display: block;
    }
</style>

#005427

1641 gün önce Ard Arda İstek Gönderilen Ajax'ta Problem sorusunu cevapladı.

bu yaklaşım bana çok doğru gelmiyor. her işlem için ajax çalıştırmak yerine bu kontrolleri client-side kontrol etmek çok daha mantıklı.

nasıl yapabilirim dersen zamanında çektiğim 2 video var, bunlardan birisi mutlaka bu işini çözecektir, incelemeni öneririm:

https://www.youtube.com/watch?v=Q4BS0vzU13g
https://www.youtube.com/watch?v=q9cV7Rfrlqc

#005414

Önceki Sonraki

Adı-soyadı

Tayfun Erbilen
Yaşadığı yer

İstanbul
Back-end bilgisi

İyi olduğumu düşünüyorum
Front-end bilgisi

Uzun süredir bu işi yapıyorum
Tasarım bilgisi

Onun beni bildiği kadar
Meslek

Back-end Developer