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

Javascript Callback, promise and await

Javascript Callback, promise and await örnekleri

//Dummy data
const data = [
    { title: "Title 1", description: "Title Content 1" },
    { title: "Title 2", description: "Title Content 2" }
]
//Example Callback
function getData() {
    setTimeout(() => {
        data.map((item, index) => {
            console.log('getData', item, index)
        })
    }, 1000);
}

function createData(newData, callback) {
    setTimeout(() => {
        data.push(newData);
        callback()
    }, 2000);
}

createData({ title: "Title 3", description: "Title Content 3" }, getData);

//Example Promise
function createData(post) {
    return new Promise((resolve, reject) => {
        data.push(post)
        const error = false;
        if (!error) {
            resolve()
        } else {
            reject("Bir hata var!")
        }
    })
}

createData({ title: "Title 3", description: "Title Content 3" })
    .then(getData)
    .catch(err => console.log("createData Error ->", err))

//Example async
async function init(){
    await createData({ title: "Title 3", description: "Title Content 3" }),
    getData()
} 
init ()

//Dummy data

const data = [

{ title: "Title 1", description: "Title Content 1" },

{ title: "Title 2", description: "Title Content 2" }

]

//Example Callback

function getData() {

setTimeout(() => {

data.map((item, index) => {

console.log('getData', item, index)

})

}, 1000);

}

function createData(newData, callback) {

setTimeout(() => {

data.push(newData);

callback()

}, 2000);

}

createData({ title: "Title 3", description: "Title Content 3" }, getData);

//Example Promise

function createData(post) {

return new Promise((resolve, reject) => {

data.push(post)

const error = false;

if (!error) {

resolve()

} else {

reject("Bir hata var!")

}

})

}

createData({ title: "Title 3", description: "Title Content 3" })

.then(getData)

.catch(err => console.log("createData Error ->", err))

//Example async

async function init(){

await createData({ title: "Title 3", description: "Title Content 3" }),

getData()

}

init ()

Async/Await

async Bu şekilde çalıştı elhamdülillah

async function bir(){
                await fetch('deney.json')
                    .then(response => response.json())
                    .then(data => {
                    isim =data.kimlik[0].ad; 
                    console.log("1. "+isim);
                    }); 
                    
console.log("2. SELAM VE DUA ");
}

bir()

async function bir(){

await fetch('deney.json')

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

.then(data => {

isim =data.kimlik[0].ad;

console.log("1. "+isim);

});

console.log("2. SELAM VE DUA ");

}

bir()

Category Archives: Yazılım

Argon Tema Editleme

SQL join işlemleri

REACTNATIVE MOBİL APK OLUŞTURMA

Mark Sarı renkli

Mark Javascript

CallBack + Promise + Async Await – BAŞARILI

Bu iyi – async await Promise

Javascript Callback, promise- VİDEO

Javascript Callback, promise and await

Async/Await