#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
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
#KingsOfJs | JS forever
Html Css Bootstrap yoki ReactJs yordamida bironta sayt kodini strim qilgan holda yozmaymizmi nima deysizlar ?
Kichik Web-Sahifa yozamiz

Oʻzimcha rejam boʻyicha hozircha bugun qilmoqchi boʻp turibman telegramdagi jonli efirni albatta kechqurun boʻladi

Oddiyroq Web Sahifani takliflarga binoan Bootstrap templatelarni ishlatgan holda kichik Portfoliocha desayam boʻladi shunaqa yozamizmi yoki ReactJs da qilamizmi nimada qilgan yaxshiroq siz uchun comment da yozing va albatta vaqtini ham

Tahminiy oʻzimcha qilmoqchi vaqt va rejam vaqti 21:00 - 23:00 shu soatlar orasida Html Css Botstrap yordamida qilish edi ...

Agar fikringiz qatʼiy va joni efirda anniq qatnashmoqchi boʻlsangiz @KingsOfJs kanaliga tashlangan ushbu soʻnggi post commentiga oʻz fikrlaringizni qoldiring 😄
👍3👏1
Tarovexdan soʻng qiladigan boʻldik
Tarovex 22:44 larda tugaydi 23:00 gacha odam yigilishini kutamiz

Rasman soat 23:00 larga yaqin boshlaymiz


Kimlar anniq qatnashadi comment da qoldiring
🔥2👍1
Soat 23:00 da telegram video chatda Kichik Web-Sahifa yozamiz


Qoʻshilish uchun :
https://news.1rj.ru/str/KingsOfJs?livestream=59c4bfb4f5f4c6bb86
🔥1
Live stream scheduled for