#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
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
▶️ YouTube Clone version 🕸

▶️ 😎 youtube.realcoder.uz 😎

▶️ Shuni kodini tarqataymi unda bo`lsa
▶️ Ushbu Postga 🔥reaksiya yig`ishga yordam berib yuboring
▶️ Hammaga Rahmat 😄

▶️ Hurmat bilan : @Real_Coder
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4
youtube.realcoder.uz
YouTube Clone version
Kodi Tarqatildi

ReactJs da Yozilgan
Html Css Bootstrap yoki ReactJs yordamida bironta sayt kodini strim qilgan holda yozmaymizmi nima deysizlar ?
Anonymous Poll
85%
Ha yozaylik
15%
Yo`q kerak emas
👌1