ben bu şekil yapmayı düşünüyordum ama yinede bilen birine sorayım dedim sonra iş işten geçince düzeltmesi zor oluyor saol yorum için :)
Çok saol yardımların için ben şöyle çözdüm ayrı bir login.php yapmak yerine index.php'ye dropdown şeklinde login yaptım girişe tıklayınca çat login açlışıyor
sonrada sessionları yaptım yönlendirmeleri index.php ye yaptım dediğin gibi logout.php yapıp session_destroy yaptım çok güzel oldu :)
yorum'a tıklayınca logine göndermede sorun yok sorun şu eğer login olursa index.php ye atıyor ya logout olunca da index.php ye atmasını istiyorum ben
yoksa siteme üye olmayan biri inde.php yi göremeyecek her siteye girdiğinde login formu karşısına gelcek halbuki üye olmayan biri gezinebilsin sitemde
ben bunu istiyorum
Merhaba bana kalırsa php öğren derim ama eskimiş bir dil gözüyle bakılıyor ben de
1.5 yıldır web yazılımla uğraşıyorum html -> css -> php -> mysql -> javascrpt şeklinde ilerledim ama nekadar eski denilirse denilsin
phpyi çok seviyorum. Bugün olsa gene aynı yolu izlerdim. nedenlerini yazayım ona göre belki fikir verir sana.
Front-end ve Back-end farkını bildiğini farzediyorum.
Back-end yazılımcı olmak için
1- Önce bi kere php çok kolay bir dil bir şey yapıyorsun ve sonucunu direk görüyorsun ve zaten doğal olarak mysql ile çalışıyorsun onuda anlıyorsun.
2- ben de ilk Javascript öğreneyim demiştim ama öğrenirken addClass() şudur getElementById() budur fln filan ezberliyorsun ama sonuç gene bi halta yaramıyor
3- Lakin Php ye bodoslama dalıp bir sitenin yapılış videolarını taklit edersen ve sende bir site yaparsan blog sitesi çok uygun buna işte o anda
php yi bilmesen bile o tekrarlar kafanda yer ediniyor bir zaman sonra (if) bu işe yarar (else) bu işe yarar gibi ezber şeylerden kurtulmuş oluyorsun ve
doğal yollardan vura çarpıp kırıp döküp öğreniyorsun.
4- PHP ve javascript yazarken sürekli hata alacaksın sürekli hata sürekli hata .... işte php'de hataları görmek daha basit ama bu yüzden javascript öğrenilmezmi
hayır öyle bişey demiyorum yanlış anlama.
5- (kafanı karıştırabilir bunu anlamasan da olur) PHP ile çalışırken bazen jquery yani javascriptin daha derlenip toparlatılmış kolaylaştırılmış hali
(sakın javascript'ten önce jquery'i öğrenme eğer gerçekten öğreneceksen ilk javascript yani jquerynin atası javascripti öğren
vue.js, react.js fln sakın girme bu işlere önce javascript herşey zamanı gelince) ile çalışacaksın orda daha iyi anlamaya başlarsın javascriptin ne olduğunu.
6- Bir e Express.js Node.js & MongoDB üçlüsü var ama onun hakkında bilgim yok eğer ben php istemiyorum uzak durcam dersen
Node.js - php alternatifi
mongoDb - mysql alternatifi olması lazım bu alandan yürüyeceksin
Eğer ki ben Front-end'ci olcam Back-end değil ne php si node.js'i dersen ozaman bol bol Psd to html videoları izleyeceksin baştan söyliyim
Front-end çok güzeldir ama farkını koymak için çok çalışman lazım çünkü herkes Front-end olmaya çalışıyor çünkü daha
anlaşılır ve kolay gibi geliyor insanlara.(Front-end'i küçümsemiyorum yanlış anlaşılmasın) örnek olarak forumlarda iş ilanlarına bakıyorum
adam "Bir website çizimi var bunu html'e dökecek kişi aranıyor" diyor 5 sayfa insan ben yaparım ben yaparım demiş lakin bir adam demişki
"Ben bi üyelik sistemi yaptırcam şöyle korunaklı böyle güzel olsun" 2-3 kişi teklif atıyor.
1.5 yıllık bilgim bu kadar sen benim yazımla kalma uzman kişilere sor ama vakit kaybetme bi yerden başla devam et durma.
Uzman arkadaşlar daha iyi bilgi verebilirler ama kendi düşüncemi söylersem bootstraptan önce @media (max-width) ve (min-width) olayını çözmeye çalışmalısın
burda kafana yatınca bootstrap daki col-md col-xs col-lg bunların farkını anlayacaksın zaten bunun için de youtube dan video izleyerek çözebilirsin Tayfun Erbilen,
Arin yazılım, Fehmi Uyar kanallarında kesin bulursun ama 2 kelimeyle ben anlatayım kafanda yer edinsin
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
/* Örnek olarak min-with dediğinde genişliği 1500px ve üstüne etki etsin demiş olursun */
@media (min-width: 1500px) {
body{
background-color: purple;
}
}
/* max-with dediğinde ise genişliği 500px ve altına etki etsin demiş olursun */
@media (max-width: 500px) {
body{
background-color: yellow;
}
}
/* Burda ise genişliği 1200px'den aşağı ve 800px'den yüksek kısımları alır */
@media (max-width: 1200px) and (min-width: 800px) {
body{
background-color: orange;
}
}
Sonundayaptım çok şükür :)
$(document).ready(function(){
$("#btn1").click(function(){
$("#bg").css({"clip-path":"polygon(0 78%, 91% 0, 47% 100%, 0 100%)","transition-duration":"1s"});
setTimeout(function(){
$("#bg").css({"clip-path":"polygon(0 0, 100% 0, 100% 100%, 0 100%)","transition-duration":"2s"});
},1000);
});
});
2.ye ne koyarsam koyayım çalışmıyor sanki aynı div olduğu için ard arda birşey yaptıramıyorum örnek #bg1 #bg2 diye iki divim olsaydı olacaktı w3schools da
hep farklı divler üzerinden butür şeyler yapılmış ama aynı divi ard arda farklı css kodlarıyla çalıştırma olayını görmedim aslında benim yapmak istediğim
bir slayt efekti sol alt köşeden üçgen olarak sağa doğru çıkıyor sonra tüm ekranı kaplayarak yeni slayta geçiyor clip path mantığı arkdan gelen slayt
önce üçgen içinde gözükecek sonra tamamı gözükecek
Sorunu kendim çözdüm aslında çok uzatmışım css'in root: özelliğini bilmiyordum birde css'te değişken tanımlayabiliyormuşuz(--keyfine-göre-isimlendir) yani ben değişken gibi düşündüm
ben bu sebeple olayı şöyle çözdüm
:root {
--header-color:#086972;
--main-color: #eeeeee;
--footer-color: #363636;
}
/*:root ile ana renkleri belirleyebiliyoruz veya diğer css özellikleri de olabilir sadece renk değil boyut çerçeve....ama root sitenin ilk halini gösteriyor*/
/*sonra da koyu halininin nasıl olmasını istiyorsak onu yazıyoruz örnek olarak dark class'ına atayalım*/
.dark {
--header-color:#414141;
--main-color: #525252;
--footer-color: #313131;
}
/*ve artık bunu istediğim class'ta var(--keyfine-göre-isimlendir) olarak kullanabiliyorum*/
header .navbar{
bacground-color: var(--header-color);
}
.content {
bacground-color: var(--main-color);
}
footer {
bacground-color: var(--footer-color);
}
Bundan sonrası aynı Tayfun Erbilenin videoda yaptığı gibi
function setCookie(c_name, value, exdays) {
var exdate = new Date();
exdate.setDate(exdate.getDate() + exdays);
var c_value = escape(value) + ((exdays == null) ? "" : "; expires=" + exdate.toUTCString());
document.cookie = c_name + "=" + c_value;
}
document.getElementById('modeBtn').addEventListener('click', () => {
document.body.classList.toggle('dark');
setCookie('mode', document.body.classList, 99999);
});
<?php
function cookie($name){
if(isset($_COOKIE[$name]) && !empty($_COOKIE[$name]))
return $_COOKIE[$name];
}
?>
<!doctype html>
<html>
.
.
.
<body class="<?=cookie('mode') == 'dark' ? 'dark' : null ?>">
<div id="kapsul">
<header class="blog-header py-3">
<div class="row flex-nowrap justify-content-between align-items-center">
<div class="col-md-4 left-nav pt-1">
<a style="background-color: #fff; color: var(--home-button)!important; border-radius: 100%;padding: 6px 10px 6px 10px;" class="btn homeButton" href="index.php"><i class="fa fa-home"></i></a>
<label <?=cookie('mode') == 'dark' ? 'checked' : null ?> class="mode-control">
<input id="modeBtn" type="checkbox">
<span class="fa fa-moon-o"></span>
<span class="fa fa-moon-o"></span>
</label>
</div>
kısaca birden çok css özelliğini renk olsun boyut olsun akla ne geliyorsa (.dark) benzeri class'a atayabiliyoruz var() ile onu istediğimiz classa çekebiliyoruz
$sql = $conn->prepare("INSERT INTO ililce(ililce_adi) VALUES (?)");
$sql->execute([$ililcedizi]);
böyle bir dene bakalım olacakmı