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
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
REST API nima ?

Cluent va Server o'rtasida turuvchi ma'lumot almashishi uchun ishlatiladigan inerface.

@abs_javascript
๐Ÿ‘5๐Ÿ”ฅ1
REST API nima ?

REST API - bu JSON , XML , HTML kabi formatlarda o'zaro ma'lumotlar almashadigan , HTTP protokoliga asoslangan , web ilovalar uchun ishlatiladigan interface dir. REST API orqali foydalanuvchi web ilovadan turli so'rovlar yuborish , malumotlarni o'zgartirish , o'chirish yoki qo'shish mumkin.

โ€”โ€”โ€”
Bir ko'rishda sevgiga ishonmaydiganlar uchun , qaytadan o'qib olinglar to'liqroq holda.๐Ÿ˜„

@abs_javascript
โค2๐Ÿ‘2
HTTP nima ?

HTTP ( Hyper Text trnsfer Protocol -> Gipermatnni uzatish protokoli ) => WEB sahifalarni yoki boshqa malumotlarni internet orqali uztish uchun ishlatiladigan protokoldir.

HTTP va HTTPS farqi nimada ๐ŸŽฏ
HTTPS - himoyalangan bo'ladi .

HTTP - da bunday himoya bo'lmaydi. HTTP da kelgan malumotlarni bazi (sniffer orqali qilsa bolardi , adashmasam๐Ÿคฆโ€โ™‚๏ธ) dasturlar orqali unda nima jonatilganini anqlash mumkin.

@abs_javascript
โค2๐Ÿ‘1
https:absdarslar.uz/bay/buyutma => bo'laklagan holda Tanishib chiqamiz.

https: => Protakol turi (http, https)
absdarslar.uz - domen nomi. ( nomni sotib olishizgiz kerak boladi )
bay/buyutma - buyurtmachi yoki foydalanuvchi haqida malumot olish yoki o'zgartirish uchun ishlatiladi.

@abs_javascript
๐Ÿ‘2๐Ÿ”ฅ1