Category Archives: Yazılım

async await +++

 async function sav(){ 
   const hamVeri = await fetch("besmele.json");
   const jsonSonuc = await hamVeri.json(); 
   console.log(jsonSonuc);
 }

async function sav(){

const hamVeri = await fetch("besmele.json");

const jsonSonuc = await hamVeri.json();

console.log(jsonSonuc);

}

 async function sav(){ 
   const hamVeri = await fetch("besmele.json");
   const jsonSonuc =  hamVeri.json(); 
   console.log(jsonSonuc.soz);
   console.log("Hamdolsun");
 }

async function sav(){

const hamVeri = await fetch("besmele.json");

const jsonSonuc = hamVeri.json();

console.log(jsonSonuc.soz);

console.log("Hamdolsun");

}

undefined
Hamdolsun

2.de await olmayınca sonuç bu şekilde oldu.

undefined

Hamdolsun

2.de await olmayınca sonuç bu şekilde oldu.

fetch kullanımı

fetch("https://jsonplaceholder.typicode.com/users")
.then((response)=>response.json())
.then((json)=>console.log(json))
.catch((err)=>console.log(err));

fetch("https://jsonplaceholder.typicode.com/users")

.then((response)=>response.json())

.then((json)=>console.log(json))

.catch((err)=>console.log(err));

Argon Tema Editleme

SQL join işlemleri

https://teknikakil.com/veritabani/sql-server/sql-server-tablo-birlestirme-join-islemleri/

REACTNATIVE MOBİL APK OLUŞTURMA

windows PowerShell
Set-ExecutionPolicy Bypass -Scope Process -Force; [System.Net.ServicePointManager]::SecurityProtocol = [System.Net.ServicePointManager]::SecurityProtocol -bor 3072; iex ((New-Object System.Net.WebClient).DownloadString('https://community.chocolatey.org/install.ps1'))
C:\Windows\system32> choco install -y nodejs.install openjdk8
------
npm install --global expo-cli
expo init my-project
Cd my-project  
run android
expo start
expo init Kuran Hikmet

windows PowerShell

Set-ExecutionPolicy Bypass -Scope Process -Force; [System.Net.ServicePointManager]::SecurityProtocol = [System.Net.ServicePointManager]::SecurityProtocol -bor 3072; iex ((New-Object System.Net.WebClient).DownloadString('https://community.chocolatey.org/install.ps1'))

C:\Windows\system32> choco install -y nodejs.install openjdk8

------

npm install --global expo-cli

expo init my-project

Cd my-project

run android

expo start

expo init Kuran Hikmet

Mark Sarı renkli

Mark işaretleme sarı renkli

<!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>Document</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <script src="https://cdn.jsdelivr.net/mark.js/8.6.0/jquery.mark.min.js" ></script>
    
<style>
mark {
  padding: 0;
  background-color:yellow;
}
mark.secondary {
  padding: 0;
  background-color: orange;
}
</style>
</head>
<body>

    <input type="text" name="keyword">
    <div class="context">
        Korkma, sönmez bu şafaklarda yüzen al sancak; <br>
        Sönmeden yurdumun üstünde tüten en son ocak. <br>
        O  benim  milletimin yıldızıdır, parlayacak; <br>
        O benimdir, o benim milletimindir ancak. <br> <br>
        Çatma, kurban olayım çehreni ey nazlı hilâl! <br>
        Kahraman ırkıma bir gül… ne bu şiddet bu celâl? <br>
        Sana olmaz dökülen kanlarımız sonra helâl,  <br>
    </div>



<script> 
 $(function() {
  var mark = function() {
    // Read the keyword
    var keyword = $("input[name='keyword']").val();
    // Remove previous marked elements and mark
    // the new keyword inside the context
    $(".context, .context2").unmark({
      done: function() {
        $(".context, .context2").mark(keyword);
      }
    });
  };
  $("input[name='keyword']").on("input", mark);
});
 
</script>

</body>
</html>

<!DOCTYPE html>

<head>

<title>Document</title>

<style>

mark {

padding: 0;

background-color:yellow;

}

mark.secondary {

padding: 0;

background-color: orange;

}

</style>

</head>

<body>

Korkma, sönmez bu şafaklarda yüzen al sancak; <br>

Sönmeden yurdumun üstünde tüten en son ocak. <br>

O benim milletimin yıldızıdır, parlayacak; <br>

O benimdir, o benim milletimindir ancak. <br> <br>

Çatma, kurban olayım çehreni ey nazlı hilâl! <br>

Kahraman ırkıma bir gül… ne bu şiddet bu celâl? <br>

Sana olmaz dökülen kanlarımız sonra helâl, <br>

</div>

$(function() {

var mark = function() {

// Read the keyword

var keyword = $("input[name='keyword']").val();

// Remove previous marked elements and mark

// the new keyword inside the context

$(".context, .context2").unmark({

done: function() {

$(".context, .context2").mark(keyword);

}

});

};

$("input[name='keyword']").on("input", mark);

});

</script>

</body>

</html>

Mark Javascript

<!--- coding by codegyan - codegyan.in -->
<!DOCTYPE html>
<html lang="tr">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Highlight Searched Text</title>
    <!--Google Font-->
    <link href="https://fonts.googleapis.com/css2?family=Rubik&display=swap" rel="stylesheet">
    <!--Stylesheet-->
   <style>
     *{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: "Rubik",sans-serif;
}
body{
    height: 100%;
    background: linear-gradient(
        to right,
        #201d2e 50%,
        #f6f6f6 50%
    ) fixed;
}
.container{
    width: 90vmin;
    background-color: #ffffff;
    padding: 50px 40px;
    position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
    border-radius: 5px;
    box-shadow: 0 20px 35px rgba(60,60,60,0.2);
}
.wrapper{
    display: flex;
    justify-content: space-between;
}
.wrapper input{
    width: 60%;
    padding: 10px 5px;
    border-radius: 3px;
    border: 1px solid #201d2e;
}
.wrapper button{
    width: 30%;
    background-color: #201d2e;
    border: none;
    outline: none;
    cursor: pointer;
    color: #ffffff;
    border-radius: 3px;
}
.container p{
    line-height: 35px;
    text-align: justify;
    margin-top: 30px;
}
mark{
    background-color: #ffdd4b;
}
   </style>

</head>
<body>
    <div class="container">
        <div class="wrapper">
            <input type="text" id="text-to-search" placeholder="Enter text to search..">
            <button onclick="search()">Search</button>
        </div>
        <p id="paragraph">
            He ordered his regular breakfast. Two eggs sunnyside up, hash browns, and two strips of bacon. He continued to look at the menu wondering if this would be the day he added something new. This was also part of the routine. A few seconds of hesitation to see if something else would be added to the order before demuring and saying that would be all. It was the same exact meal that he had ordered every day for the past two years.
        </p>
    </div>


 
    <script>
// Characters to be escaped [.*+?^${}()|[\]\\] 

function search(){
    let textToSearch = document.getElementById("text-to-search").value;
    let paragraph = document.getElementById("paragraph");
    textToSearch = textToSearch.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"); 
    let pattern = new RegExp(`${textToSearch}`,"gi"); 
    paragraph.innerHTML = paragraph.textContent.replace(pattern, match => `<mark>${match}</mark>`)
}

    </script>
</body>
</html>

<!DOCTYPE html>

<head>

<title>Highlight Searched Text</title>

<style>

padding: 0;

margin: 0;

box-sizing: border-box;

font-family: "Rubik",sans-serif;

}

body{

height: 100%;

background: linear-gradient(

to right,

#201d2e 50%,

#f6f6f6 50%

) fixed;

}

.container{

width: 90vmin;

background-color: #ffffff;

padding: 50px 40px;

position: absolute;

transform: translate(-50%,-50%);

top: 50%;

left: 50%;

border-radius: 5px;

box-shadow: 0 20px 35px rgba(60,60,60,0.2);

}

.wrapper{

display: flex;

justify-content: space-between;

}

.wrapper input{

width: 60%;

padding: 10px 5px;

border-radius: 3px;

border: 1px solid #201d2e;

}

.wrapper button{

width: 30%;

background-color: #201d2e;

border: none;

outline: none;

cursor: pointer;

color: #ffffff;

border-radius: 3px;

}

.container p{

line-height: 35px;

text-align: justify;

margin-top: 30px;

}

mark{

background-color: #ffdd4b;

}

</style>

</head>

<body>

<button onclick="search()">Search</button>

</div>

He ordered his regular breakfast. Two eggs sunnyside up, hash browns, and two strips of bacon. He continued to look at the menu wondering if this would be the day he added something new. This was also part of the routine. A few seconds of hesitation to see if something else would be added to the order before demuring and saying that would be all. It was the same exact meal that he had ordered every day for the past two years.

</p>

</div>

// Characters to be escaped [.*+?^${}()|[\]\\]

function search(){

let textToSearch = document.getElementById("text-to-search").value;

let paragraph = document.getElementById("paragraph");

textToSearch = textToSearch.replace(/[.*+?^${}()|[\]\\]/g,"\\$&");

let pattern = new RegExp(`${textToSearch}`,"gi");

paragraph.innerHTML = paragraph.textContent.replace(pattern, match => `<mark>${match}</mark>`)

}

</script>

</body>

</html>

CallBack + Promise + Async Await – BAŞARILI

3 Asenkron olayı

$(document).ready(function () { 

// BAŞARILI
function basla(albesmele){
    fetch(yollar + "/tamKuranYukle")
    .then(data => data.json()) 
    .then(veriler => { tam = veriler;
        console.log(tam)
        albesmele()
     }) 
} 

function besmele(){ 
console.log("BİSMİLLAH") 
}

 basla(besmele); 

})

$(document).ready(function () {

// BAŞARILI

function basla(albesmele){

fetch(yollar + "/tamKuranYukle")

.then(data => data.json())

.then(veriler => { tam = veriler;

console.log(tam)

albesmele()

})

}

function besmele(){

console.log("BİSMİLLAH")

}

basla(besmele);

})

$(document).ready(function () { 
    
//BAŞARILI    
async function basla(){
    
     await fetch(yollar + "/tamKuranYukle")
            .then(data => data.json()) 
            .then(veriler => { tam = veriler;
                console.log(tam) 
             }) 
             
     console.log("BİSMİLLAH İLE") 
    //besmele();   
} 

function besmele(){ 
     console.log("BİSMİLLAH") 
}

 basla(); 

})

$(document).ready(function () {

//BAŞARILI

async function basla(){

await fetch(yollar + "/tamKuranYukle")

.then(data => data.json())

.then(veriler => { tam = veriler;

console.log(tam)

})

console.log("BİSMİLLAH İLE")

//besmele();

}

function besmele(){

console.log("BİSMİLLAH")

}

basla();

})

Bu iyi – async await Promise

const test = async () => {
    await new Promise((resolve)=>setTimeout(() => {

        console.log("timeout");
        
        resolve();
    }, 2000)); 

    console.log(1);
    console.log(2);
}

test();

const test = async () => {

await new Promise((resolve)=>setTimeout(() => {

console.log("timeout");

resolve();

}, 2000));

console.log(1);

console.log(2);

}

test();

Javascript Callback, promise- VİDEO