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…
Frontend chi dostlaringizga ulashsangiz bo'ladi 👌
👍4
👍3
JavaScript
Figmani qanday qilib Pixso olib o'tsa bo'ladi ? 1. Royxardan O'tish @abs_javascript
2. Import File - bosish kerak
@abs_javascript
@abs_javascript
JavaScript
2. Import File - bosish kerak @abs_javascript
3. Figma logosi ustiga bosamiz
@abs_javascript
@abs_javascript
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
Agar URL manzildagi figmani joylamoqchi bo'lsangiz URL Import ni ustiga bosasiz.
@abs_javascript
👍1
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
@abs_javascript
👍2
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 funksiyalar va Promiselar.
Bu yerda hozir Event Loop ham ishlayabdi. Qanday ?
Agar siz Asinxron ishlaydigan code bo'lmasa JavaScript Runtime ( CALL STACK ) hech narsani bezovta qilmasdan ishlayveradi yani WEB API , CALLBACK QUEUE lar ishlamaydi.
Agar sizda Asinxron kod bo'ladigan bo'lsa , JavaScript Runtime dagi Asinxron kodlar WEB API bo'limiga o'tqizadi va WEB API da javayon bajariladi ( ishga tushishga tayyor bo'lib oladi ) va bajarilib bolingan kod CALLBACK QUEUE (chiqish navbatini kutish joyi ) ga uzatadi. EVENT LOOP , CALL STACK bo'sh bo'lganda CALLBACK QUEUE funksiya bor bo'lsa , CALLBACK QUEUE dagi birinchi funksiyani CALL STACK ga uzatadi. Va funksiya ishga tushadi.
@abs_javascript
asinxronlik ishlaydi => SetTimeout va SetInterval , XMLHttpRequest , File Upload , Asinxron funksiyalar va Promiselar.
Bu yerda hozir Event Loop ham ishlayabdi. Qanday ?
Agar siz Asinxron ishlaydigan code bo'lmasa JavaScript Runtime ( CALL STACK ) hech narsani bezovta qilmasdan ishlayveradi yani WEB API , CALLBACK QUEUE lar ishlamaydi.
Agar sizda Asinxron kod bo'ladigan bo'lsa , JavaScript Runtime dagi Asinxron kodlar WEB API bo'limiga o'tqizadi va WEB API da javayon bajariladi ( ishga tushishga tayyor bo'lib oladi ) va bajarilib bolingan kod CALLBACK QUEUE (chiqish navbatini kutish joyi ) ga uzatadi. EVENT LOOP , CALL STACK bo'sh bo'lganda CALLBACK QUEUE funksiya bor bo'lsa , CALLBACK QUEUE dagi birinchi funksiyani CALL STACK ga uzatadi. Va funksiya ishga tushadi.
@abs_javascript
❤2👍2
Qaysi javascript metodi Promiseni muvaffaqiyatli yakunlaganida (fulfilled) ishga tushiriladi?
Anonymous Quiz
59%
then()
15%
catch()
18%
success()
8%
try()
👍2
console.log(1);
setTimeout(()=>{ console.log(2); }, 0); console.log(3);
setTimeout(()=>{ console.log(2); }, 0); console.log(3);
Anonymous Quiz
35%
1,2,3
51%
1,3,2
7%
2,3,1
7%
3,2,1
👍7
setTimeout(()=>{
console.log(1);
}, 0) console.log(2); console.log(3); console.log(4);
console.log(1);
}, 0) console.log(2); console.log(3); console.log(4);
Anonymous Quiz
80%
2,3,4,1
15%
1,2,3,4
3%
2,3,1,4
2%
4,3,2,1
👍4
Qaysi javascript metodi Promiseni xato (rejected) holatda ishga tushiriladi?
Anonymous Quiz
0%
then()
2%
success()
33%
error()
65%
catch()
👍4❤1
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