JavaScript
JavaScript kodni qatorma qator o'qib boradi. Lekin bazi qatordagi ko'dlarni bajarishda biroz vaqt ketishi mumkin. Buni to'g'lash uchun asinxronlik yordam beradi. asinxronlik ishlaydi => SetTimeout va SetInterval , XMLHttpRequest , File Upload , Asinxronโฆ
JavaScript interyuning boshlanishi va tugashi ๐
1. let va var farqi ?
2. Primitive va Non-primitive farqi ?
.
.
.
.
.
.
.
33. Event Loop nima ?
@abs_javascript
1. let va var farqi ?
2. Primitive va Non-primitive farqi ?
.
.
.
.
.
.
.
33. Event Loop nima ?
@abs_javascript
๐8๐3โค1๐ณ1
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โฆ
Pixso ko'pchilik figmani url orqali joylay olmayabman deyabdi. Joylanmayotgan figmani qanday qilib joylab haqida hozir post qoyaman.
pixso.net
[OFFICIAL] Pixso - A Free Online UI/UX Design Tool
Pixso is the best UI/UX collaboration tool that enables you to make great products as a team. You can prototype, design, and deliver code with Pixso.
๐4
Figmani Pixso ga joylay olishlik uchun , figma hamma uchun ochiq bo'lishligi kerak.
Siz figmani Dublicate qilsangiz , siz figmaga admin bo'lib qolasiz va uni hamma uchun ochiq manbaga aylantira olasiz.
Dublicate qilishni rasmda ko'rsatdim , Dublicate qilingan figmani URL ini Pixso ga joylab , figmani Pixsoda ochishligiz mumkin bo'ladi.
@abs_javascript
Siz figmani Dublicate qilsangiz , siz figmaga admin bo'lib qolasiz va uni hamma uchun ochiq manbaga aylantira olasiz.
Dublicate qilishni rasmda ko'rsatdim , Dublicate qilingan figmani URL ini Pixso ga joylab , figmani Pixsoda ochishligiz mumkin bo'ladi.
@abs_javascript
๐6๐ฅ3
JSON.parse() vs JSON.stringify()
JSON.parse() - json formatidagi malumotni Obyektga almashtiradi.
JSON.stringify() - Obyektni JSON dagi malumotga almashtiradi.
Ko'p holatlarda obyektlardan klone olish uchun ham ishlatiladi. klon olayotganizda obyekt ichida funksiya bo'lmasligi kerak.
@abs_javascript
JSON.parse() - json formatidagi malumotni Obyektga almashtiradi.
JSON.stringify() - Obyektni JSON dagi malumotga almashtiradi.
Ko'p holatlarda obyektlardan klone olish uchun ham ishlatiladi. klon olayotganizda obyekt ichida funksiya bo'lmasligi kerak.
@abs_javascript
๐5โค1๐ฅ1
Optional chaining nima ?
Optional chaining - biror obyektning biror property va methodโlariga โxavfsizโ kirish usuli. Bu orqali kirilgan property yoki method agar yoโq boโlsa bizga error emas, balki undefined qaytaradi.
@abs_javascript
Optional chaining - biror obyektning biror property va methodโlariga โxavfsizโ kirish usuli. Bu orqali kirilgan property yoki method agar yoโq boโlsa bizga error emas, balki undefined qaytaradi.
@abs_javascript
๐8๐ฅ2๐ณ1
javascript-savollar.uz
javascript-savollar.uz saytini 1.4 versiyasi ishga tushdi. Endilikdan siz saytda faqat interyu savollar dan tashqari QUIZ TEST yechish imkonyati ham bor.
Sayt ko'rish uchun: https://javascript-savollar.uz/
@abs_javascript
javascript-savollar.uz saytini 1.4 versiyasi ishga tushdi. Endilikdan siz saytda faqat interyu savollar dan tashqari QUIZ TEST yechish imkonyati ham bor.
Sayt ko'rish uchun: https://javascript-savollar.uz/
@abs_javascript
๐6๐2
JavaScript
javascript-savollar.uz javascript-savollar.uz saytini 1.4 versiyasi ishga tushdi. Endilikdan siz saytda faqat interyu savollar dan tashqari QUIZ TEST yechish imkonyati ham bor. Sayt ko'rish uchun: https://javascript-savollar.uz/ @abs_javascript
Dostlaringizga ham ulashsangiz bo'ladi. ๐ฅ
๐9โค2
toUpperCase() va toLocaleUpperCase()
toUpperCase() va toLocaleUpperCase() ning vazifasi harflarni katta harfga o'tqazish uchun ishlatiladi.
Ikkisini farqi toLocaleUpperCase() metodi matnni katta harflarga oโtkazishda maxsus Unicode standart qoidalarini hisobga oladi.
Misol uchun: โiโ harfini katta harfga oโtkazishda, toUpperCase() metodi โIโ natijasini beradi, lekin Turk tili uchun toLocaleUpperCase() metodi โฤฐโ natijasini beradi
@abs_javascript
toUpperCase() va toLocaleUpperCase() ning vazifasi harflarni katta harfga o'tqazish uchun ishlatiladi.
Ikkisini farqi toLocaleUpperCase() metodi matnni katta harflarga oโtkazishda maxsus Unicode standart qoidalarini hisobga oladi.
Misol uchun: โiโ harfini katta harfga oโtkazishda, toUpperCase() metodi โIโ natijasini beradi, lekin Turk tili uchun toLocaleUpperCase() metodi โฤฐโ natijasini beradi
@abs_javascript
๐11โค2๐ฅ2
๐9โค1๐ฅ1
DOM
JS (DOM) - nimalar keladi qo'lidan.
1. Sahifadagi barcha HTML elmentlar va atributlarni o'zgartira oladi.
2. Sahifadagi barcha CSS stillarni o'zgartira oladi.
3. Sahifadagi mavjud bo'lgan HTML elmentva atributlarni o'zgartira oladi.
4. Sahifaga yangi HTML elmentlar va atributlar qo'sha oladi. Sahifada yuz beradigan barcha HTML xodisalar bilan ishlay oladi.
5. Sahifada yangi HTML hodisalar yarata oladi.
@abs_javascript
JS (DOM) - nimalar keladi qo'lidan.
1. Sahifadagi barcha HTML elmentlar va atributlarni o'zgartira oladi.
2. Sahifadagi barcha CSS stillarni o'zgartira oladi.
3. Sahifadagi mavjud bo'lgan HTML elmentva atributlarni o'zgartira oladi.
4. Sahifaga yangi HTML elmentlar va atributlar qo'sha oladi. Sahifada yuz beradigan barcha HTML xodisalar bilan ishlay oladi.
5. Sahifada yangi HTML hodisalar yarata oladi.
@abs_javascript
๐5โค1๐ฅ1
CURD nima ?
CRUD - Bu Create , Read , Update , Delete 4 asosiy finksiyani bajaradigan loyiha.
1. Create - yangi malumot yaratish
2. Read - Malumotlarni ko'ra ( o'qiy ) olish
3. Update - Mavjud malumotlarni o'zgartirish
4. Delete - Mavjud malumotni o'chirish
JS va React JS dan albatta CRUD yasagan bo'lishingiz kerak.
@abs_javascript
CRUD - Bu Create , Read , Update , Delete 4 asosiy finksiyani bajaradigan loyiha.
1. Create - yangi malumot yaratish
2. Read - Malumotlarni ko'ra ( o'qiy ) olish
3. Update - Mavjud malumotlarni o'zgartirish
4. Delete - Mavjud malumotni o'chirish
JS va React JS dan albatta CRUD yasagan bo'lishingiz kerak.
@abs_javascript
๐5๐2
DOM bilan ishlaganimizda 2 ta terminga tuch kelamiz
1. Hossa - Biron HTML elmentning qandaydur hossasi
2. Method - Osha elementning ustida bajarish mumkin bo'lgan faolyat.
@abs_javascript
1. Hossa - Biron HTML elmentning qandaydur hossasi
2. Method - Osha elementning ustida bajarish mumkin bo'lgan faolyat.
@abs_javascript
โค4๐ฅ1
append() , prepend() , after() , before() methodlari farqi nimada ?
Bu method larni barchasi html element yoki matn qo'shadi.
Ularning farqi qoshayotgan elmentning joylashuvida. ( rasm )
@abs_javascript
Bu method larni barchasi html element yoki matn qo'shadi.
Ularning farqi qoshayotgan elmentning joylashuvida. ( rasm )
@abs_javascript
โค5๐1๐1
Men kam uhlaganimda malum vaqtga kelib tanam uyqu talab qilishni boshlaydi. Agar shu uyqu vaqtini o'tqizib yuboradigan bo'lsam , ko'ngil ochar narsalar zavq bag'ishlamay qo'yadi va miyyam tanamni juda osan boshqaradi. Uzoqt vaqt biron narsa ustida ishlay olishim osonlashadi. Lekin bunday kunlarim ortib boradigan bo'lsa vazn kamayishi va gapimni yoqotishlikni (bir meyorda gapira olmaslik ) seza boshlayman.
#shaxsiy
@abs_javascript
#shaxsiy
@abs_javascript
๐ฅ4๐2๐2
CallBack function nima ?
Agar siz funksiya argumentiga funksiya beradigan bo'lsaiz shu funksiyaga CallBack funktion deyiladi.
@abs_javascript
Agar siz funksiya argumentiga funksiya beradigan bo'lsaiz shu funksiyaga CallBack funktion deyiladi.
@abs_javascript
๐4โค1๐ฅ1
callback hell ( callback jahannami ) nima ?
Agar sizda callback lar ko'payib ketadigan bo'lsa , ko'dni boshqarish qiyinlashadi va bu bolatni callback hell deb atashadi.
callback ni bir marotabadan ko'p ishlatish tafsiya qilinmaydi.
@abs_javascript
Agar sizda callback lar ko'payib ketadigan bo'lsa , ko'dni boshqarish qiyinlashadi va bu bolatni callback hell deb atashadi.
callback ni bir marotabadan ko'p ishlatish tafsiya qilinmaydi.
@abs_javascript
๐4โค2๐1
async/ await nima uchun kerak ?
Qisqa qilib aytganda , sinxron ishlaydigan funksiyani asinxon ishlaydigan qilib berish uchun kerak.
@abs_javascript
Qisqa qilib aytganda , sinxron ishlaydigan funksiyani asinxon ishlaydigan qilib berish uchun kerak.
@abs_javascript
๐4๐1
Event delegation nima ?
Event delegation - bu texnika. Biz hodisani boshqarishni ota elmentga beramiz. Biz alohida elmentlarga addEventListener bermaymiz va bu royxat lar bilan ishlaganda juda qulaylik beradi.
(rasm) Biz div elementiga click hodisasini qoโshamiz. Hodisa roโy berganda, biz event target orqali roโy berayotgan elementni aniqlab olamiz.
@abs_javascript
Event delegation - bu texnika. Biz hodisani boshqarishni ota elmentga beramiz. Biz alohida elmentlarga addEventListener bermaymiz va bu royxat lar bilan ishlaganda juda qulaylik beradi.
(rasm) Biz div elementiga click hodisasini qoโshamiz. Hodisa roโy berganda, biz event target orqali roโy berayotgan elementni aniqlab olamiz.
@abs_javascript
๐6