Diyorbek.dev | 👨🏻‍💻

Absolute or Relative URLs?


Absolute URL manzillar va Relative URL manzillar internetdagi veb-sahifa, rasm yoki fayl kabi resurs manzilini belgilashning ikkala usulidir.


Absolute URL manbaga toʻliq manzil yoki yoʻlni, jumladan protokolni (masalan, http:// yoki https://), domen nomini yoki IP manzilini va resursga oʻziga xos yoʻlni taqdim etadi. Misol uchun, "https://www.example.com/images/image.jpg" - example.com domenidagi rasm faylining joylashuvini ko'rsatuvchi Absolute URL.


Boshqa tomondan, Relative URL resursning joriy joylashuv yoki kontekstga nisbatan joylashuvini bildiradi. U protokol yoki domen nomini o'z ichiga olmaydi. Buning o'rniga, u joriy sahifa yoki faylga nisbatan yo'lni taqdim etadi. Misol uchun, agar siz "https://www.example.com/products/" sahifasida bo'lsangiz, "../images/image.jpg" kabi Relative URL "rasmlar" katalogidagi rasm fayliga ishora qiladi. bu joriy katalogdan bir daraja yuqori.


Qisqasi akalar xulosa qilib aytganda:

- Absolute URL manzillar toʻliq manzil yoki manbaga yoʻl, jumladan protokol, domen va maxsus yoʻlni taqdim etadi.

- Relative URL manzillar protokol yoki domenni qo‘shmasdan, joriy joylashuv yoki kontekstga nisbatan resurs manzilini belgilaydi.


Ham mutlaq, ham Relative URL manzillar kontekstga qarab foydalanishga ega. Absolute URL-lar odatda boshqa domendagi ma'lum bir manbaga havola qilmoqchi bo'lganingizda yoki resursning aniq manzilini ko'rsatishingiz kerak bo'lganda foydalaniladi. Relative URL manzillar koʻpincha veb-sayt ichida bir domendagi resurslarga ulanish yoki sahifalar yoki kataloglar oʻrtasida harakatlanish uchun ishlatiladi.

@Diyorbekk_dev

absolute or relative URLs?

Kim bular haqida ma'lumot biladi?

Leave a comment down below!

@Diyorbekk_dev

Javascript (basic) certificate! HackerRank

Next turn for Intermediate!😉

@Diyorbekk_dev

Kodni bosqichma-bosqich ajratamiz:

1. Kod qs kutubxonasini import qiladi, u soʻrovlar qatorlarini tahlil qilish va stringifikatsiya qilish uchun ishlatiladi

2. queryBuilder funktsiyasi ikkita parametrni oladi: url (asosiy URL) va config (so'rov uchun kalit-qiymat juftlarini o'z ichiga olgan ob'ekt parametrlari). config parametri sukut boʻyicha boʻsh obyektga oʻrnatiladi.

3. Funksiya avval config ob'ektining bo'shligini Object.keys(config).length <= 0 yordamida tekshiradi. Agar u bo'sh bo'lsa, ya'ni hech qanday so'rov parametrlari berilmasa, funktsiya hech qanday o'zgartirishlarsiz asl url-ni qaytaradi.

4. Agar config obyekti boʻsh boʻlmasa, funksiya qs.stringify yordamida config obyektini soʻrovlar qatoriga oʻzgartiradi. qs.stringify funksiyasi config obyektini faqat qiymatlarni kodlash orqali, encodeValuesOnly: true opsiyasidan foydalangan holda seriyalashtiradi.

5. Olingan so'rovlar qatori URLSearchParams konstruktoriga uzatiladi va u yangi URLSearchParams ob'ektini yaratadi.

6. Nihoyat, funktsiya shablon literallari yordamida qo'shilgan so'rovlar qatori bilan asl urlni qaytaradi: ${url}?${decodeURIComponent(queryObj.toString())} . queryObj.toString() URLSearchParams ob'ektini satrga aylantiradi va decodeURIComponent so'rovlar qatoridagi har qanday maxsus belgilarni dekodlash uchun ishlatiladi.

Xulosa qilib aytganda, queryBuilder funksiyasi asosiy URL va konfiguratsiya obyektini oladi va konfiguratsiya obyekti asosida qo‘shilgan so‘rov parametrlari bilan yangi URL manzilini qaytaradi.

@Diyorbekk_dev

Explanation:
I have recorded the explanation of this topic

Language: ENGLISH

Author: Diyorbek

00:51- Basic syntax
01:38 - 1st Example
02:33 - 2nd Example
03:10 - 3rd Example

@Diyorbekk_dev

Intl.NumberFormat - is a JavaScript object that allows you to format numbers according to a specified locale and customize various aspects of the formatting.

@Diyorbekk_dev

O‘zingizga bo‘lgan ishonch!

Bir tanishimga o‘zi bajarishi qiyin bo‘lgan ish berilgandi. Shu vaqt, uning atrofidagi insonlar gapirishni boshladi. "Buni qilolmaysan, vaqtingni sarflama, qilayotgan ishingdan bezib qolasan va hokazolar..."

Yuqoridagi vaziyat menga "Kar qurbaqa" voqeasini eslatib yubordi. Aynan kar qurbaqa ham qiyin bo‘lgan bellashuvda go‘lib bo‘lgan edi, atrofdagi gaplarga e’tibor bermasda.

Atrofdagi, sizga nisbatan aytilgan gaplarga e’tibor bermang, ovozi baland chiqqanlarni kallasi bo‘sh bo‘ladi.

Endi tushundim cholg‘u asboblarini ichi nega bo‘sh bo‘lishini!

Diyorbek Juraev

@Diyorbek_Juraev_Blog

Malum sabablarga kòra, ozgina ortga surilib qoldi! Bugun birinchi darsni tugatdik!

Topics

: Execution Context! Call Stack

Yangi malumotlar oldim!

@Diyorbekk_dev

Assalomu alaykum !

Shaxsiy brendni rivojlantirish, video darslar yozish va yana ba'zi proyektlar uchun video olishni va uni montaj qilishni biladigan mutaxasis kerak.

Talablar:

1. Masuliyatli, tartibli va xushmuomalali bo'lishi;
2. Kreativ bo'lishi;

Qilinadigan ishga qarab oylik kelishiladi.

Ijtimoiy tarmoqlarim:

Instagram
1. https://instagram.com/abdulazizleader
2. https://instagram.com/abdulazizprogrammer

Telegram
1. https://t.me/abdulazizleader
2. https://t.me/abdulazizprogrammer

Youtube
1. https://youtube.com/@abdulazizleader
2. https://youtube.com/@abdulazizprogrammer

Bog'lanish: @abdulaziz_leader

Mana Yana example!

@Diyorbekk_dev

JavaScript-da generator funktsiyalari Python bilan bir xil ishlaydi. Ular oddiy funktsiya sintaksisi o'rniga funktsiya sintaksisi yordamida aniqlanadi. Generator funksiyasi ichida siz “yield” kalit so‘zidan foydalanish o‘rniga “yield” kalit so‘zidan keyin yulduzcha () qo‘yiladi.


Generator funksiyasi chaqirilganda, u iterator obyektini qaytaradi. Keyin funksiya tomonidan yaratilgan qiymatlar ketma-ketligini takrorlash uchun ushbu iterator ob'ektidan foydalanishingiz mumkin. Har safar "yield" kalit so'ziga duch kelganda, funktsiyaning holati saqlanadi va olingan qiymat qaytariladi. Keyingi safar iteratorning "next()" usuli chaqirilganda, funktsiya to'xtagan joydan keyingi "yield" bayonotiga duch kelmaguncha davom etadi.


Yuqorida, JavaScript-dagi generator funksiyasiga misol:

Yuqoridagi misolda myGenerator funksiyasi generator funksiyasi boʻlib, uchta qiymatni beradi: 1, 2 va 3. Biz iterator obyektini myGenerator() va keyin ketma-ketlikdagi keyingi qiymatni olish uchun iteratorning next() usulidan foydalanishimiz mumkin.


JavaScript-dagi generator funksiyalari next() usulini chaqirganda ham kirish qiymatlarini qabul qilishi mumkin. Ushbu kirish qiymatlari generator funktsiyasi ichida ishlatilishi mumkin. Kirish qiymatini generatorga o‘tkazish uchun uni next() usuliga argument sifatida yuborish kifoya.


Umuman olganda, JavaScript-dagi generator funktsiyalari vaqt o'tishi bilan qiymatlar ketma-ketligini yaratish usulini ta'minlaydi, bu ularni asinxron operatsiyalarni boshqarish, katta ma'lumotlar to'plamlari ustida takrorlash yoki cheksiz ketma-ketliklarni yaratish uchun foydali qiladi.

@Diyorbekk_dev

You teach and it's gonna pay off!

(Siz o'rgatasiz, namuna bo'lasiz va bu sizga qaytadi!)

@Diyorbekk_dev

Dasturchi deganda shaxsan meni hayolimga biron masalani (business case) yechish yo'lida (finding a solution) ketma-ket (sequential) qaror/tanlov (decision) qiladigan odamni tushunaman.

Bu qarorlarni odatda o'z bilimi (knowledge) va tajribasi (experience) asosida qiladi, bular o'z navbatida boshqalarning (community) shu kabi masalalarni yechishdagi bilim va tajribalariga (best practices) tayanadi.

Shu joyda bir narsani unutmaslik kerak, odatda masalaga yechim potencial jihatdan juda ko'p bo'ladi (bizning ko'zimizga bir yoki bir nechta yechim charaqlab koringani bilan) va ham bir yechimning yaxshi va yomon tomonlari bo'ladi.

Dasturchining vazifasi bu yaxshi va yomon yomonlarni taroziga tortib masalaga togriroq yechimni topish. Mana shu taroziga tortish jarayonida dasturchi obyektiv va ochiq fikrda (open-mind) bo'la olishi juda muhim.

Insonning bazi narsalarga (bizning holatda yechimlarga) ong osti hissiyotlari bo'ladi (bias), inson bu narsani nazorat qila olmasligi mumkin lekin uning shuurida (awareness) bolishi kerak va bu uning tanlovlarda obyektiv bo'la olishiga halaqit qilmasligi kerak.

Shu joyda yana bir nuqtani takidlab otishimiz kerak, eng yaxshi tajribalar (best practices) doimiy bolmaydi, ularning tabiati o'zgaruvchan, shuning uchun ularni o'rganganda nima sababdan ular eng yaxshi tajriba (best practice) ekanligini ham organing, chunki bu sabablar ertaga eskirganda bu tajribalar "eng yaxshi" maqomini yo'qotishi mumkin.


Ravshan Samandarov

@Diyorbekk_dev

Daily.dev introsi yoqadida!😅

Chrome, FireFox, Edge browserlar uchun extensionlari bor.

@Diyorbekk_dev

https://dev.to/lydiahallie/javascript-visualized-hoisting-478h

Ajoyib article.

▪️Functions and variables are stored in memory for an execution context before we execute our code. This is called hoisting.

▪️Functions are stored with a reference to the entire functions, variables with the var keyword with the value of undefined, and variables with the let and const keyword are stored uninitialized.

@Diyorbekk_dev

Do‘stim Shuxratbek bilan yangi chellange boshlayapmiz. Birinchi qadam JavaScript bilan. Advanced darajada qo‘ldan kelganicha ko‘rib chiqishni rejaqildik.

Keyingi qadamlarga alohida o‘tamiz.

Challengega qatnashuvchilar manashu mavzular bo‘yicha tayyorlanilari. Savol-javob muhokama qilamiz.

Har bir mavzu bo‘yicha maqola yozasizlar (istalgan tilda), va menga yuborasizlar. Maqolasi kelganlar bilan discuss bo‘ladi mavzular.

JavaScript-ni yana ham chuqurroq tushunish vaqti keldi.

@Diyorbekk_dev