This media is not supported in your browser
VIEW IN TELEGRAM
๐2โคโ๐ฅ1๐1๐ฅ1
๐2โคโ๐ฅ1๐1๐ฅ1๐1
#challenge #HTML #CSS #JS
Nima chiqdi? Comment gooโฆ
โ HTML:
โ CSS:
โ JS:
๐ซ Hoziroq obuna bo'ling va do'stlarga ham ulashib qo'ying
โ https://t.me/absJavaScript
Nima chiqdi? Comment gooโฆ
โ HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="./style.css">
</head>
<body>
<div id="orange" class="box"></div>
<div id="green" class="box"></div>
<div id="blue" class="box"></div>
<div id="red" class="box"></div>
<div id="yellow" class="box"></div>
<script src="./app.js"></script>
</body>
</html>
โ CSS:
body {
display: flex;
gap: 50px;
}
.box {
width: 100px;
height: 100px;
cursor: pointer;
}
.box:nth-child(1) {
background-color: orange;
border-radius: 100%;
}
.box:nth-child(2) {
background-color: green;
border-radius: 100%;
}
.box:nth-child(3) {
background-color: blue;
border-radius: 100%;
}
.box:nth-child(4) {
background-color: red;
border-radius: 100%;
}
.box:nth-child(5) {
background-color: yellow;
border-radius: 100%;
} โ JS:
let box = document.querySelectorAll('.box')
let body = document.querySelector('body')
for (let i = 0; i < box.length; i++) {
box[i].addEventListener('click', function () {
body.style.background = box[i].id
})
}โก๏ธJavaScript
๐ซ Hoziroq obuna bo'ling va do'stlarga ham ulashib qo'ying
โ https://t.me/absJavaScript
๐2๐2โคโ๐ฅ1โก1
const arr = [1, 2, 3];
arr.constructor === Array โ ?
arr.constructor === Array โ ?
Anonymous Quiz
75%
true โ๏ธ
25%
false โ ๏ธ
๐ฅ2๐2โคโ๐ฅ1๐1
๐2โ1โก1โคโ๐ฅ1๐ฅ1
๐2๐2โคโ๐ฅ1๐ฅ1
โก2๐2โคโ๐ฅ1๐1๐ฅ1
๐2๐2โคโ๐ฅ1๐ฅ1
๐2๐2โก1โคโ๐ฅ1๐ฅ1
๐2๐2โก1โคโ๐ฅ1๐ฅ1
๐ฅ2๐2โคโ๐ฅ1โก1
๐ฅ2๐2โคโ๐ฅ1โก1
#challenge #quiz #JavaScript #HTML #CSS #JS
9 ta savoldan nechtasi toสปgสปri ?๐ค
๐ซ Hoziroq obuna bo'ling va do'stlarga ham ulashib qo'ying
โ https://t.me/absJavaScript
9 ta savoldan nechtasi toสปgสปri ?๐ค
โก๏ธJavaScript
๐ซ Hoziroq obuna bo'ling va do'stlarga ham ulashib qo'ying
โ https://t.me/absJavaScript
๐2๐2โคโ๐ฅ1โก1๐1
#Foydali #Sayt
๐ก Siz bilmagan 100 ta foydali Web-sayt
7. Myurls โ Bu sayt orqali barcha ijtimoiy tarmoq sahifalaringiz linklarini bitta joyga jamlashingiz mumkin.
8. Cvmaker โ Saytdagi ko'plab shablonlardan oson va tezkor CV tayyorlay olasiz.
๐ซ Hoziroq obuna bo'ling va do'stlarga ham ulashib qo'ying
โ https://t.me/absJavaScript
๐ก Siz bilmagan 100 ta foydali Web-sayt
7. Myurls โ Bu sayt orqali barcha ijtimoiy tarmoq sahifalaringiz linklarini bitta joyga jamlashingiz mumkin.
8. Cvmaker โ Saytdagi ko'plab shablonlardan oson va tezkor CV tayyorlay olasiz.
โก๏ธJavaScript
๐ซ Hoziroq obuna bo'ling va do'stlarga ham ulashib qo'ying
โ https://t.me/absJavaScript
๐2๐ฅ2๐2โคโ๐ฅ1โก1
#JS #JavaScript #BilishimKerak
JavaScript da nimalarni bilishim kerak โ๏ธ ( 1- qism )
๐ Birinchi asosiy bilimlar.
โ Variables: let, const, va var.
โ Data Types : String, Number, Boolean, Array, Object.
โ Functions: Funksiya yaratish va chaqirish.
โ DOM: HTML elementlari bilan ishlash.
โ Events: addEventListener bilan hodisalarni boshqarish.
๐ซ Hoziroq obuna bo'ling va do'stlarga ham ulashib qo'ying
โ https://t.me/absJavaScript
JavaScript da nimalarni bilishim kerak โ๏ธ ( 1- qism )
๐ Birinchi asosiy bilimlar.
โ Variables: let, const, va var.
โ Data Types : String, Number, Boolean, Array, Object.
โ Functions: Funksiya yaratish va chaqirish.
โ DOM: HTML elementlari bilan ishlash.
โ Events: addEventListener bilan hodisalarni boshqarish.
โก๏ธJavaScript
๐ซ Hoziroq obuna bo'ling va do'stlarga ham ulashib qo'ying
โ https://t.me/absJavaScript
๐3๐ฅ2โคโ๐ฅ1โก1
JavaScript da nimalarni bilishim kerak โ๏ธ ( 2- qism )
โ Constructor functions va Classes.
โ Prototypes va inheritance
โ Pure functions, higher-order functions va closures closures.
๐ซ Hoziroq obuna bo'ling va do'stlarga ham ulashib qo'ying
โ https://t.me/absJavaScript
โ Constructor functions va Classes.
โ Prototypes va inheritance
โ Pure functions, higher-order functions va closures closures.
โก๏ธJavaScript
๐ซ Hoziroq obuna bo'ling va do'stlarga ham ulashib qo'ying
โ https://t.me/absJavaScript
๐3๐ฅ2โคโ๐ฅ1โก1
#TailWind
Tasavvur qiling "CSS" fayliga quyidagi kabilarni yozdingiz.
Keyin HTML da
dedingiz va "class"ga "CSS" dagi nomni berdingiz. Albatta soสปz oสปrtaga keladi. Qisqa qilib aytganda class ichiga "CSS" ichiga beriladigan "style"larni "HTML"da maxsus nomlar bilan ishlatyapsiz. Bunda "TAILWIND" ulasangiz u sizga "CSS" fayli boสปladi. Va ๐
Maสผlumot foydali boสปlsa reaksiya goo ๐โฆ
๐ซ Hoziroq obuna bo'ling va do'stlarga ham ulashib qo'ying
โ https://t.me/absJavaScript
Tasavvur qiling "CSS" fayliga quyidagi kabilarni yozdingiz.
.ml-auto{
margin-left: auto;
}
.mr-auto{
margin-right: auto;
} Keyin HTML da
<p>
Salom dunyo
</p>
dedingiz va "class"ga "CSS" dagi nomni berdingiz. Albatta soสปz oสปrtaga keladi. Qisqa qilib aytganda class ichiga "CSS" ichiga beriladigan "style"larni "HTML"da maxsus nomlar bilan ishlatyapsiz. Bunda "TAILWIND" ulasangiz u sizga "CSS" fayli boสปladi. Va ๐
<p class="mr-auto ml-auto" >
Salom dunyo
</p>
โก๏ธJavaScript
๐ซ Hoziroq obuna bo'ling va do'stlarga ham ulashib qo'ying
โ https://t.me/absJavaScript
๐2๐ฅ2๐2โคโ๐ฅ1โก1