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
JavaScript
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โ€ฆ
Bu yerda ishlatilgan codlar haqida ertaga alohida post qilaman.

Bugun 3 soat vaqt sariflabman , menimcha bugunga yetadi.

Agar loyiha yoqsa like ๐Ÿ‘ bosib qo'yinglar ๐Ÿ˜

@abs_javascript
๐Ÿ‘13๐Ÿ“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
๐Ÿ”ฅ4โค1๐Ÿ‘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
๐Ÿ‘5โค1
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
๐Ÿ‘6โค3
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
JavaScript da APIdan qanday foydalanish.
31-dekabr ๐Ÿงข
๐Ÿ‘10๐ŸŒš3
E ukam Lorem dan kamroq qil , Hozir miyyanga Return dan berib , butun tanangni Filter qilib yuboraman, ikki hafta localStorage da qolib ketasan , iltimos aka Clear qilib yuboring desangham foydasi yo'q oma.

@abs_javascript
๐Ÿคฃ15๐Ÿ‘Œ2โค1