Getter - Objectni hossalarini chaqirib olishlik uchun
Setter - Object hossalarini o'zgartirishlik uchun ishlatiladi.

@abs_javascript

IIFE nima ?

IIFE - Immediately Invoked Function Expression yani e'lon qilinishi bilan ishga tushadigan funksiya. Ko'proq global scopedan qochish uchun ishlatiladi.

@abs_javascript

Setter yordamida objectni hossasini o'zgartirish.

@abs_javascript

Bugun
1. IIFE nima ?
2. Getters
3. Setters
mavzulari haqida qisqacha tohtalib o'tdik.

@abs_javascript

asinxron - biron amal bajarilishini kutib turmaydi va keyingi amal ishga tushib ketaveradi.
@abs_javascript

Promise

Promise - bu keyinchalik biron qiymat qaytarib berishi mumkin bo'lgan obyektga aytiladi.

Promise asinxron operatsiyalar bilan ishlaydi yani settimeOut, setInterval, Http Request . Bu operatsiyalar natijani darhol bermaydi lekin malum vaqtdan keyin natija qaytarishi mumkin. Agar rostdan natija qaytsa resolve funksiyasi ishga tushadi agar qaytmasa reject funksiyasi chaqiriladi.

@abs_javascript

Promise 3 ta holatda bo'ladi

1. PENDING - Natija hali malum emas
2. FULFILLED - Amal bajarildi
3. REJECTED - Amal bajarilmadi

@abs_javascript

Promise obyectini bilan ishlashda then va catch methodlari kerak bo'ladi.

then - metodi promise muvaffaqiyatli bajarilganda yani fulfilled bo'lganda ishlatiladi. then orqali Promise ni yangi abyektini olasiz
catch - metodi promise da xatolik yuz berganda yani rejected holda chaqiriladi.

@abs_javascript

O'qituvchi: Promis mavzusini ko'pchilik tushunishga qiynaladi lekin men sizlarga oson usul bilan tushuntirib beraman. 🤓

———— dars tugadi ———

O'quvchi: O'lay agar hech narsani tushunmadim 🤦‍♂️

@abs_javascript

HTMLCollection va NodeList

- Ikkisiham DOM elementlarining ro'yxati.

Farqi nimada ?
1. HTMLCollection tartibga solinmagan bo'lishi mumkin lekin NodeList tartinga solingan elementlarning rayxati.
2. HTMLCollection bu document element’lardan tashkil topgan.
3. NodeList esa document nodes (element nodes, attribute nodes, va text
nodes)lardan tashkil topgan.

@abs_javascript

Screen

Foydalanuvchi ekrani haqida ma’lumotlarni olsak bo’ladi.

1.screen.width
2.screen.height
3.screen.availWidth
4.screen.availHeight
5.screen.colorDepth
6.screen.pixelDepth

@abs_javascript

Figmada dev mode pullik bo'ldi, betadan chiqdi.

Qanday tekin yechim qilishimiz mumkin ?

Pixso

Pixso dan foydalanishingiz mumkin. Figmadan ancha qulay va tekin ( hozirgacha pul tolaganim yoq )

Figmadagi loyihalarni Pixso ga ko'chirib olib o'tsangiz bo'ladi 👍

@abs_javascript

Frontend chi dostlaringizga ulashsangiz bo'ladi 👌

Figmani qanday qilib Pixso olib o'tsa bo'ladi ?

1. Royxardan O'tish

@abs_javascript

2. Import File - bosish kerak
@abs_javascript

3. Figma logosi ustiga bosamiz
@abs_javascript

4. Agar figma File ko'rinishida bo'lsa , shunchaki yuklayverasiz

Agar URL manzildagi figmani joylamoqchi bo'lsangiz URL Import ni ustiga bosasiz.

@abs_javascript

5. Figmani linkini tashlab , importni bosasiz va malum vaqt kutub turasiz , figmani yuklab olishligi uchun.

@abs_javascript