#KingsOfJs | JS forever ♾ – Telegram
#KingsOfJs | JS forever
40 subscribers
31 photos
2 videos
6 files
21 links
JavaScript forever

@SaidqodirxonRahimov ning ijodi

💬 : @ShahsiyGuruhim

#tirikchilik : t.me/alCODERSUZ/4

Murojaat uchun : @Kibrjoniy
Download Telegram
#KingsOfJs | JS forever
Assalomu alaykum yaxshimisizlar men sizlarga yangi narsa oʻrgatmoqchiman. Yaʼni saytlarda bogʻlanish degan joyida saytdan yuborilgan xabarni e-mailga yoʻnaltiradigan joyini oʻrgatmoqchiman . Batafsil rasmini tashlayman . Qayerda albatta Telegram video chatida…
Formani joʻnatish qiyin deb oʻylaysizlarmi men ham qiyin deb oʻylagan edim keyin bir kutubxona yoki yordamchi saytdan bogʻlashni oʻrganib olgan edim kechqurun vaqtimga qarab tahminan soat 21:00 larda video chat qilaman .
Batafsil kanalni kuzatib boring
👍2🎉1
Saidqodirxon.uz saytining kodi tarqaldi
Manzil
@WebSiteCodes
👍1
Live stream started
Odam qo`shilishlari mumkin 21:00 gacha kutaman
Agar chatda savolingiz bo`lsa Mikrofonni yoqilishini so`rab aytishingiz yoki @ShahsiyGuruhim da yozib qoldirishilar mumkin .
Men chatda gapirmayman Lekin aytganimni o`rgataman .
21:00 da boshlaymiz .

Hurmat bilan :
@Real_Coder
21:00 da boshlaymiz ungacha kirib oling
Tushunmagan joyilani chatda aytinglar yoki shu post
#Comment ida yozib qoldiring
Video chiqarman shu bo`yicha video chatga sharoit to`g`ri kelmadi ya`ni tashqi manbalarning ovozi .
Tog`ri tushunasiz degan umiddaman .
Hurmat bilan :
@Real_Coder
🔥3
Live stream started
Savollar va Takliflar Formani 0 dan yasaymi yoki tayyor maketdan foydalangan yaxshimi hozir video qilmoqchi edim
#SorashganEkan
#Comment

<link rel="icon" href="https://saidqodirxon.uz/srx.png" />

href="BuYergaRasmManzili Yoziladi "
Buni head tagi ichida yozishingiz kerak
Web-Sahifa noscript ya`ni nomi yoniga rasm yoki logotip qo`yish
.
Natija Rasmda Ko`rsatilgan
#SorashganEkan
#Comment

Huddi yozgandek ko`rinadigan animatsiya

@KingsOfJs
#KingsOfJs | JS forever
#SorashganEkan #Comment Huddi yozgandek ko`rinadigan animatsiya @KingsOfJs
#SorashganEkan
#Comment

Rasmga qarab yozishga erinadiganlar uchun
Kod :

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=`, initial-scale=1.0" />
<link rel="icon" href="https://saidqodirxon.uz/srx.png" />
<style>
body {
padding-top: 5em;
display: flex;
justify-content: center;
}

.typewriter h1 {
color: #000;
font-family: monospace;
overflow: hidden; /* Ensures the content is not revealed until the animation */
border-right: 0.15em solid orange; /* The typwriter cursor */
white-space: nowrap; /* Keeps the content on a single line */
margin: 0 auto; /* Gives that scrolling effect as the typing happens */
letter-spacing: 0.15em; /* Adjust as needed */
animation: typing 3.5s steps(30, end),
blink-caret 0.5s step-end infinite;
}

@keyframes typing {
from {
width: 0;
}
to {
width: 100%;
}
}

/* The typewriter cursor effect */
@keyframes blink-caret {
from,
to {
border-color: transparent;
}
50% {
border-color: orange;
}
}
</style>
<noscript>WebSiteCodes</noscript>
</head>
<body>
<div class="typewriter">
<h1>Welcome to WebSiteCodes</h1>
</div>
</body>
</html>
😁4
Yuqorida faqat yozadigan animatsiya bu yerda yozib o`chirib yana qayta yozib cheksiz yozib o`chiraveradi

@KingsofJs
#KingsOfJs | JS forever
Yuqorida faqat yozadigan animatsiya bu yerda yozib o`chirib yana qayta yozib cheksiz yozib o`chiraveradi @KingsofJs
#SorashganEkan
#Comment

O`sha gap Rasmga qarab yozishga erinadiganlar uchun 😆

Kod Start

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=`, initial-scale=1.0" />
<link rel="icon" href="https://saidqodirxon.uz/srx.png" />

<noscript>WebSiteCodes</noscript>

<!-- Style Start -->
<style>
html,
body {
font-family: "Roboto", sans-serif;
padding: 3em 2em;
font-size: 20px;
background: #222;
color: #aaa;
}
h1 {
border-right: 0.15em solid orange;
animation: blink 0.75s step-end infinite;
width: max-content;
}
@keyframes blink {
from,
to {
border-color: transparent;
}
50% {
border-color: orange;
}
}
</style>
<!-- Style End -->
</head>
<body>
<h1 id="text"></h1>

<noscript>
const txtFull = "Welcome to KingsOfJS "; //Yozib o`chiriladigan text
const txtArr = txtFull.split("");

function getRandomTime() {
return Math.random() * 0.5;
}
function getEle(id) {
return document.getElementById("text");
}
function ModifyTxt(el, txt) {
return (el.innerHTML = txt);
}
function writeOut(txtArr, curChar = 0) {
const randomTime = getRandomTime();
setTimeout(
() => {
const el = getEle("text");
let elTxt = el.innerHTML;
elTxt += txtArr[curChar];
ModifyTxt(el, elTxt);
if (curChar + 1 == txtArr.length) {
return deleteOut(txtArr, txtArr.length);
}
return writeOut(txtArr, curChar + 1);
},

randomTime * 1000
);
}
function deleteOut(txtArr, curChar = 0) {
const randomTime = getRandomTime();
setTimeout(
() => {
const el = getEle("text");
let elTxt = el.innerHTML;
//o`chirish
const elTxtArr = elTxt.split("");
const elTxtArrLen = elTxtArr.length;
console.log(elTxtArr.length - 1);
const newElTxt = elTxtArr.splice(0, curChar - 1).join("");
ModifyTxt(el, newElTxt);
if (elTxtArrLen == 0) {
return writeOut(txtArr, 0);
}
return deleteOut(txtArr, elTxtArrLen - 1);
},

randomTime * 1000
);
return;
}
writeOut(txtArr);
</noscript>
</body>
</html>


Kod End

@KingsOfJs
#KingsOfJs | JS forever
Savollar va Takliflar Formani 0 dan yasaymi yoki tayyor maketdan foydalangan yaxshimi hozir video qilmoqchi edim
Bu aytgan va`dam ham esimda Xudo hohlasa Maqola bilan tushuntiraman
Nega video emas deyishingiz mumkin ?

Linux operatsion Tizimiga o`tgan edim .
Va Bu Operatsion Sistemaga endi moslashmoqdaman

Va linux uchun Ekran yozuvchi dastur topa olmayabman agar siz bilsangiz
#Comment da yozib qoldiring

Bugun Maqolaa orqali tushuntirib o`taman va kodini ham tashlayman


Hurmat bilan :
@Real_Coder
KingsOfJs.zip
2.8 KB
#SorashganEkan
#Comment

Qor yog`dirgich Animatsion Sayt

Kodi :
@SaidqodirxonUz

@WebSiteCodes
👍3
MahsusForm.zip
1.2 KB
🔥3👍2🤩1🕊1
HTML formadagi Malumotni EMAIL ga yonaltirish hech qanday qiyin kodlarsiz Osson usulda

Bu videoda Saytdan yuborgan Xabarlarni EMAIL ga yonaltirish haqida .
Yonaltirish juda osson qiyin kodlarsiz Mahsus Yordamchi Sayt yordamida qilindi .

Videoga Like va Comment bildirib qollab yuborasiz degan umiddaman
Menimcha foydali boldi .
👍2
Assalomu alaykum hammaga yaxshimisizlar

Ushbu kanal
@SaidqodirxonRahimov ga tegishli boʻlib ushbu kanalda siz Front End ga oid Bo`lgan bilimlarni olishingiz mumkin
Agar qolsangiz Maksimal darajada Front End bo`yicha yetarlicha bilimga ega bo`lasiz .
Qoʻllab quvvatlaysiz degan umiddaman .
😝

Hurmat bilan
@Real_Coder😉.


@KingsOfJs
Please open Telegram to view this post
VIEW IN TELEGRAM
Assalomu alaykum hammaga yaxshimisizlar

Sizni nima qiziqtirmoqda
#comment da yozib qoldiring qo`limdan kelsa video chiqaraman 🫡


@KingsOfJs
Please open Telegram to view this post
VIEW IN TELEGRAM