Diyorbek.dev | 👨🏻‍💻
381 subscribers
299 photos
35 videos
9 files
119 links
Allohga taqvo qiling. Va Alloh sizga ilm beradi. [2:282]


Software engineer @ OctaneJS Core Team

Dasturchi, jiddiy, kamgap, oddiy inson


Òzim haqimda kòproq ma'lumot uchun: @Diyorbek_juraev_blog

Web sahifam: https://mrdiyorbek.uz/
Download Telegram
Abdulaziz ustoz aytganidek. Bularni saxiy va baxl deb tushinsak bo'ladi.

&& saxiy — bu holatda ikkinchi qismga o'tkazib yuboriladi.

|| baxl — bu holatda esa ikkinchi qismga o'tkazmaydi.

#JavaScript, #operators

@Diyorbekk_dev
Problem-1 🟢 Easy

Butun sonlar massivi va butun son ko'rinishida target berilgan. Berilgan arrayni istalgan ikkita elementi yig'indisi targetga teng bolgan holatdagi, o'sha ikki elementlarni index qaytarilsin!

Siz har bir kirishda aynan bitta yechim bo'ladi deb taxmin qilishingiz mumkin va siz bir xil elementni ikki marta ishlata olmaysiz.

Javobni istalgan tartibda qaytarishingiz mumkin.

Example: Input: [2, 7, 11, 15], target = 9
Output: [0, 1]
Explanation: Chunki nums[0] + nums[1] == 9, we return [0, 1].

#JavaScript #LeetCode #Problems

@Diyorbekk_dev
❤‍🔥2
Problem-2 🟢 Easy

Butun son berilgan x, agar x palindrome bo'lsa true, aks holda false qaytarilsin.

Palindrome number: O'ngdan chapga, chapdan o'nga bir xil o'qilishi kerak.


Input: x = 121
Output: true
Explanation: 121 reads as 121 from left to right and from right to left.

#JavaScript #LeetCode #Problems #HackerRank

@Diyorbekk_dev
❤1👍1
👨🏻‍💻Bugun sizlar bilan JavaScript dagi array metodlari haqida gaplashamiz.

Daftar ruchkalarni tayyorlab qo'ying!

#Array, #array_methods, #JavaScript

@Diyorbekk_dev
❤‍🔥2
JavaScriptda massivlarni (array) manipulyatsiya qilish uchun ishlatilishi mumkin bo'lgan bir nechta o'rnatilgan usullar yani metodlar mavjud.

Quyida ko’p ishlatiladigan metodlar keltirilgan:

1. push(): massiv oxiriga bir yoki bir nechta element qo‘shadi.
Returns: Element qo’shilganidan so’ng o’sha arrayning uzunligini qaytaradi.

2. pop(): massivdan oxirgi elementni olib tashlaydi va uni qaytaradi.
Returns: O’chirilgan element.

3. shift(): massivdan birinchi elementni olib tashlaydi va uni qaytaradi.
Returns: O’chirilgan element.

4. unshift(): massiv boshiga bir yoki bir nechta element qo‘shadi.
Returns: Element qo’shilganidan so’ng o’sha arrayning uzunligini qaytaradi.

#Array, #array_methods, #JavaScript

@Diyorbekk_dev
❤‍🔥2
5. concat(): Ikki yoki undan ortiq massivni birlashtiradi va yangi massivni qaytaradi.
Returns: Birlashgan elementlarni ichiga olgan yangi massive qaytaradi.

6. slice(): Asl massivning bir qismini o‘z ichiga olgan yangi massivni qaytaradi.
Returns: Tanlangan elementlarni o’z ichiga olgan yangi massive qaytaradi.

7. forEach(): Bu massivdagi har bir elementni takrorlash va har bir elementda funksiyani bajarish imkonini beradi.
Returns: undefined.

8. map(): Bu asl massivning har bir elementida taqdim etilgan funksiyani chaqirish orqali yangi massiv yaratadi.
Returns: A new array containing the results of applying the provided function to each element.

#Array, #array_methods, #JavaScript

@Diyorbekk_dev
❤‍🔥4
JavaScriptdan qo'shimcha qisqacha ma'lumot.

Objectdagi eng ohirgi property "," bilan tugashi mumkin. Bu "Trailling" or "Hanging" comma deyilar ekan.

#JavaScript #object

@Diyorbekk_dev
❤3🔥1
Asynchronous_JavaScript_promise,_callbacks_async_await_@Diyorbekk.pdf
587.3 KB
Yuqoridagi berilgan ovozlardan yana xulosa qilsa bo‘ladi. JavaScript-dagi ajralib turadigan, tushunish uchun murakkab bo‘lgan mavzular ekanligini. Aytmoqchimanki aynan bittasi sezilarli darajada ajralib turgani yo'q.

Sizlarga Promise bergandim, shu tanlangan topik bo‘yicha o‘zbek tilidan kontent tayyorlayman deb. Uni ustiga mavzu ham promise-lar haqida bo‘lib qoldi. 😅

Kontent esa tayyor. Siz shunchaki o‘qib olsangiz bo‘lgani. Iloji boricha soddaroq qilib tushuntirishga harakat qildim.

Qolgan mavzularni berilgan foiziga qarab kamayib borish tartibida barchasiga maqola yozib chiqmoqchiman.

Kamchiliklar xatolar bo‘lsa aytish esdan chiqmasin, bu sizni keyingi yoziladigan maqolaga qo‘shgan hissangiz bo‘ladi.

Sharing qilish esdan chiqmasin yana!😉

#article #JavaScript #Promise #async #await #callback

@Diyorbekk_dev
🔥2❤‍🔥1
#JavaScript

How do you decode or encode a URL in
JavaScript?

 encodeURI() 
function is used to encode an URL. This function requires a URL string as a parameter and return that encoded string.
 decodeURI() 
function is used to decode an URL. This function requires an encoded URL string as parameter and return that decoded string.

Note: If you want to encode characters such as / ? : @ & = + $ # then you need to use
 encodeURIComponent(). 


@Diyorbekk_dev
#JavaScript

What is memoization ?

Memoization
is a technique used in computer programming to optimize the performance of a function by caching its results based on its input parameters.

The goal is to avoid redundant computations for the same set of inputs.

on the picture, a simple example of adding function with memoization in JavaScript .

@Diyorbekk_dev
🆒2
#javascript
Modules refer to small units of independent, reusable code and also act as the foundation of many JavaScript design patterns. Most of the JavaScript modules export an object literal, a function, or a constructor.

Why do you need modules ?
Below are the list of benefits using modules in javascript ecosystem

1) Maintainability
2) Reusability
3) Namespacing

@Diyorbekk_dev
❤‍🔥1🔥1
Octane + Other Frameworks

Octane’ni shunchaki React’ga alternativ compiler deb qarash kamlik qiladi.

Hozir u bir nechta framework bilan native integration’larni taklif qilmoqda:
Astro - Octane components’ni Astro Islands sifatida ishlatish, SSR va client:* directives bilan.

Docusaurus - MDX, routes, plugins va content workflow’ni saqlagan holda Octane renderer’dan foydalanish.

TanStack Start - file-based routing, server functions, streaming SSR, hydration va Vite build workflow’lari bilan full-stack Octane application qurish.

Eng qiziq joyi mavjud React 19 project’ni ham birdaniga ko‘chirish shart emas. octane/react orqali Octane components’ni project’ga bosqichma-bosqich qo‘shish mumkin.

Doc: Octane Framework Integrations

For Next JS coming soon!

#OctaneJS #React #Astro #TanStack #JavaScript #WebDevelopment
🔥2❤1