JavaScript
1.77K subscribers
497 photos
47 videos
9 files
187 links
About JavaScript 🌵
Interyu savollar va Test yechish uchun website imiz: javascript-savollar.uz

Men yozgan va aytganlarimga 100% ishonmang , chunki men ham siz kabi haliham o'rganyabman.

Blog: @abdulvahob_blog

Bog'lanish uchun: @A_Abdulvahob
Download Telegram
Bugun ishdan keyin chiqib 6:00 dan beri ovora bo'layotgan bir loyixamni yaqin daqiqalarda taqdim etaman 😁

Va nihoyat tugadi 🌟
👍1🍓1
Website larda ovozlar bilan ishlab ko'rmagan edim oldin bugun ancha narsa o'qib chiqdim va bir kichik loyiha qildim

1. So'zlarni o'qib beradi
2. Ovozni to'xtatish mumkin
3. Tezligini belgilay olasiz
4. Ovozni baland yoki pasaytirish mumkin

Link: https://abdulvahob-speak-english-word.netlify.app/
GitHub: https://github.com/Abdulvahobjon/js-project-30

@abs_javascript
👍13🔥2🍓1
JavaScript pinned a photo
Kecha qilishim kerak bo'lgan maketlar borligi uchun qoshimcha loyiha qila olmadim , kechagi kun hisobiga bugun ertalab yangi loyiha qildim. Menimcha ko'p chilikga qiziq bolsa kerak bu loyiha.
🔥1
Rasmlardan nusxa olish

Oldin textlardan nusha olish bo'yicha amalyot qilgan edim. Rasmlardan nusha olish textlardan nusxa olishga o'xshab ketadi lekin rasmlarda bazi qoshimchalar qoshiladi.

Link: https://timely-klepon-55492b.netlify.app/
GitHub:https://github.com/Abdulvahobjon/js-project-30

@abs_javascript
3👍1
width vs naturalWidth
height vs naturalHeight


 let uzunlik =  img.width 

JavaScriptda rasmni uzunligi va balandligini olmoqchi bo'lganizda sizga html va css dan bergan o'lchamlarizni qaytaradi.

 let uzunlik =  img.naturalWidth

naturalWidth esa rasmni o'zini default holatidagi olchamni qaytaradi ( rasmni o'lchamini o'zgartirilmagan holatdagi holati)

@abs_javascript
🔥5👍2
Webpack

Webpack - bu JavaScript , CSS va boshqa asosiy fayillarni o'z ichiga oladi. Ularni Web(www) uchun optimallashtirilgan tarzda birlashtiradi.

@abs_javascript
🔥41👍1🤔1🐳1
+ Webpack

Shuningdek Webpace - SASS yoki TypeScript kompilyatsiyalarini npn orqali o'zi amalga oshiradi. Yani codlarimizni Web brauzer tushunadigan tilga o'girib beradi.

@abs_javascript
👍4
NPM nima ?

NPM - Node Package Managerning (Node paket boshqaruvchisi) qisqartmasidir. Bu, Node.js platformasi uchun dasturlarni boshqarish va ulardan foydalanish uchun yaratilgan paket boshqaruvchisi (package manager)dir.

@abs_javascript
👍8
1. ReferenceError

let  myFunction= function() {
console.log('ABS JavaScript');
}

console.log(myArray[2]);
let myArray = [1, 2, 3];


Agar o'zgaruvchi yoki function nomiga , undan oldin murojat qilinsa ReferenceError paydo bo'ladi.

@abs_javascript
👍51
package.js

dependencies vs devDependencies farqi nima ?

dependencies - bu loyiha ishga tushirilganda kerak bo'ladigan modullarni(paketlarni) o'z ichiga oladi.
npm install orqalio'rnatiladi.
 "dependencies": {
"react": "^17.0.2",
"express": "^4.17.1"
}


devDependencies - qismi esa faqatgina loyiha tayyor bo'lguniga qadar kerak boladi. misol uchun.
"devDependencies": {
"babel": "^7.15.4",
"webpack": "^4.29.5"
}


@abs_javascript
6
package.json
6👍4
Counter

Bugun oddiyroq loyiha qildim , boshqa ishlarga vaqt ko'p ketib qoldi.

2 ta button va 2 ta select dan iborat ozgina noodatiyroq counter yasadim.

1. Son qo'shish
2. Son ayirish
3. Qo'shish va Ayirish darajasini belgilash
4. localStorage ga o'zgarishlarni saqlab qoladi.

Link: https://abdulvahob-count.netlify.app/
GitHub: https://github.com/Abdulvahobjon/js-project-30

@abs_javascript
🔥6👍3
remove() nima ?

HTML dan elementni tag tugi bilan olib tashlash uchun ishlatiladi.

SEVGI.remove()

@abs_javascript
💔13
0.1 + 0.2 === 0.3 // false
qarorlar === natijalar // false

@abs_javascript
👍63
focus() nima ?

Elementlarga focus tushurish uchun ishlatiladi. (TAP bosganda focus tushdi)
————
Meni focusim buzilib qolgan bolsa kerak!!!

@abs_javascript
3😁3
Buttonni bosganda inputga focus tushadi.

  <input type="text" id="username">

<button onclick="focusInput()">Input maydoniga fokus bering</button>

<script>
function focusInput() {
// Input maydoniga fokus berish
document.getElementById('username').focus();
}
</script>


@abs_javascript
6👍1
Bazi insonlarni hayotini Math.Random() qilib yuborging kelib ketadi yoki o'zingnikini.

console.error("O'zing bilan o'zing kelisha olmaganda😡") => console oynasiga error habarini chiqarish

@abs_javascript
🔥8👍1
#xazil
Barcha katta tarjibali, obro'li mutahasislar o'zlarini "backend developer" deb atashadi va mijozlar tomonidagi ishlarni bajarishdan bosh tortishadilar , shuning uchun mijoz tomonini tajribasiz , kichik va unchalik hurmatli bo'lmagan muhandislarga qoldiriladi😂😂

1 yoshga qariganliklaring bilan frontendchilar 🤣

@abs_javascript
👍5😁3