#javascript
#foydali_manba

💻 JavaScript bo'yicha vazifalar ombori

JS-da 155 ta qiziqarli topshiriqlarni to'plagan github-dagi foydali ombor.

Bilimingizni sinab ko'rish uchun juda yaxshi manba.

@doston_dev

#foydali_manba

💁🏻‍♂️ OverAPI - Bu barcha mashhur dasturlash tillarining sintaksisi, funktsiyalari va metodlari bo'yicha shpargalkalarning elektron to'plami.

@doston_dev

❓ JavaScript asoslari yoki biznes-tahlili bilan tanishmisiz? 🤔

🦾 Tajriba orttirish vaqti keldi!
IT Park rezidenti “Exadel” JavaScript va biznes-tahlili boʻyicha amaliyotchilarni jalb qilmoqda.

🔥 Muhim: amaliyotni muvaffaqiyatli tugatganingizdan soʻng, “Exadel” kompaniyasidan ish taklifini olishingiz mumkin.

❔ Qanday talablar bor?
Ingliz tilini kamida B1 darajasida bilish, hamda, quyidagi koʻnikmalarni bilish: https://bit.ly/3HbFwh8

▫️ Roʻyxatdan oʻtishning oxirgi muddati:
– biznes-tahlilchilar uchun: 2022-yil 4-fevralgacha;
– JavaScript dasturchilari uchun: 2022-yil 6-fevralgacha.

▫️ Amaliyot rus va ingliz tillarida onlayn tarzda oʻtkaziladi.

➡️ Roʻyxatdan oʻtish uchun havola: https://forms.gle/FkmwVT8zBNz8Q77v8

🌀 JavaScript darslari | Array methods (25-dars)

Assalom-u alaykum hurmatli obunachilar !!!

Bugungi video darsimizda eng ko'p ishlatiladigan Array methods lari bilan tanishib chiqamiz !!!

👉 Videoga o'tish


Ijtimoiy tarmoqlardagi sahifalarimizga obuna bo'ling:

👉 Telegram | YouTube | Instagram

⌨ JavaScriptda find() metodi

find() metodi - funksiyaga berilgan shartni qanoatlantiradigan massivda topilgan birinchi elementning qiymatini qaytaradi. Aks holda, undefined qiymati qaytariladi, masalan, massivda bunday element bo'lmasa.

🧐 Keling, uchta ob'ektni o'z ichiga olgan massiv yarataylik:

const arr = [
{ id: 1, name: "Abbos" },
{ id: 2, name: "Ozodbek" },
{ id: 3, name: "Asadbek" },
]

💁🏻‍♂️ Uchinchi elementni topish uchun find() metodidan foydalanamiz:

arr.find(element => element.id === 3)
// Natija: {id: 3, name: "Asadbek"}

💁🏻‍♂️ Endi esa 7-raqamli elementni qidiiramiz va hech narsa topilmaydi, chunki u mavjud emas:

arr.find(element => element.id === 7)
// Natija: undefined

@doston_dev

🌀 JavaScript darslari | Array sort (26-dars)

Assalom-u alaykum hurmatli obunachilar !!!

Bugungi video darsimizda JavaScriptda massivlarni saralash metodlari bilan tanishib chiqamiz !!!

Darsimiz foydali bo'ladi degan umiddaman...

👉 Videoga o'tish

Ijtimoiy tarmoqlardagi sahifalarimizga obuna bo'ling:

👉 Telegram | YouTube | Instagram

#foydali #js

undefined vs null

undefined - e'lon qilingan o'zgaruvchi uchun mavjud, lekin u uchun hech qanday qiymat o'rnatilmagan.

null - o'zgaruvchiga aniq tayinlangan bo'sh yoki mavjud bo'lmagan qiymatni bildiradi.

💁🏻‍♂️ "undefined" va "null" qat'iy taqqoslaganda teng emas.

✅ Ushbu ikki qiymat o'rtasidagi farq haqida ko'proq ma'lumotni ushbu maqoladan o'qishingiz mumkin.

@doston_dev

#foydali_kod #js

Satrlarni birlashtirishda "+" operatoridan foydalanishni unuting, shablon satrlari (literal) orqali buni oson hal qilish mumkin

📊 "+" operatori bilan satrlarni birlashtirish eski usullardan biri hisoblanadi. Bundan tashqari, ko'p sonli o'zgaruvchilarni (yoki ifodalarni) o'z ichiga olgan qatorlarni birlashtirishda bu usuldan foydalanish chalkashlik va xatolar xavfini oshiradi.

💁🏻‍♂️ Shablon satrlaridan foydalanish esa o'zgaruvchilarni bevosita matnga kiritish imkonini beradi. Ular o'ziga xos sintaksisga ega, bunda qator orqa tirnoqlarga (``) kiritilgan. Shablon qatori dinamik qiymatlarni almashtirish uchun joylarni o'z ichiga olishi mumkin. Bunday joylar dollar belgisi va jingalak qavslar bilan belgilanadi. Masalan, ${expression}.

@doston_dev

🌀 JavaScript darslari | Array methods (every, some, filter) (27-dars)

Assalom-u alaykum hurmatli obunachilar !!!

Bugungi video darsimizda eng ko'p ishlatiladigan every, some, filter kabi Array metodlari bilan tanishib chiqamiz !!!

👉 Videoga o'tish


Ijtimoiy tarmoqlardagi sahifalarimizga obuna bo'ling:

👉 Telegram | YouTube | Instagram

🚀 Assalom-u alaykum hurmatli obunachilar !!!

Yaqinda iSystem IT academy da mentor sifatida faoliyatimni boshladim. Agar siz ham dasturlashning Front-end sohasiga qiziqsangiz unaqada bu imkoniyat aynan siz uchun. iSystem IT academy tomonidan tashkil etilgan Front-end kursiga qabul boshlandi. Ushbu kurs davomida siz dasturlashning Front-end yo'nalishi bo'yicha yetarlicha bilim va malakaga ega bo'lishingiz mumkin.

Kurs bo'yicha ma'lumot

🗓 Kurs davomiyligi: 5 oy
🕒 Kurs vaqti: Haftada 3 marta (2 soat)

Juft kunlari: (19:00-21:00)
Toq kunlari: (09:00-11:00)

💁🏻‍♂️ Agar sizda ulkan maqsadlar va kuchli shijoat bo'lsa unda biz bilan harakatni boshlang!

☎️ +998998826060
+998998846060

🗒 Ro'yxatdan o'tish

📍 Manzil

@doston_dev

JavaScript reduce() metodi

reduce() metodi - massiv elementi uchun reduktor funksiyasini bajaradi va bitta qiymatni ya'ni funksiyaning hisoblagan natijasini qaytaradi. reduce() metodi massivning bo'sh elementlari uchun funksiyani bajarmaydi va asl elementlar qatorini uzgartirmaydi.

✍🏻 Sintaksis

array.reduce(function(total, currentValue, currentIndex, arr), initialValue)

function() - (majburiy) Massivdagi har bir element uchun bajariladigan funksiya.

✅ Reduktor funksiyasi parametrlari:

▫️total - (majburiy) Boshlang'ich qiymat yoki funktsiyaning avval qaytarilgan qiymati.
▫️currentValue - (majburiy) Joriy elementning qiymati.
▫️currentIndex - (ixtiyoriy) Joriy element indeksi.
▫️arr - (ixtiyoriy) Joriy element tegishli massiv.


💁🏻‍♂️ Misol: Massivdagi barcha raqamlarni ayirish

const numbers = [175, 50, 25];

function myFunc(total, num) {
return total - num;
}

let result = numbers.reduce(myFunc);
console.log(result);

// Dastur natijasi: 100

@doston_dev

🌀 JavaScript darslari | Array methods (reduce) (28-dars)

Assalom-u alaykum hurmatli obunachilar !!!

Bugungi video darsimizda eng ko'p ishlatiladigan reduce() Array metodi bilan tanishib chiqamiz !!!

Darsimiz foydali bo'ladi degan umiddaman...

👉 videoga o'tish

Ijtimoiy tarmoqlardagi sahifalarimizga obuna bo'ling:

👉 Telegram | YouTube | Instagram

🚀 Underscore.js — qulay JavaScript kutubxonasi

Underscore.js 100 dan ortiq funksiyalarga ega ajoyib dasturchi vositadir. Kutubxonadan to'plamlar bilan ishlash kabi standart vazifalarni bajarish, shuningdek, shablonlarni tuzish va ob'ektlarning tengligini tekshirish uchun foydalanish mumkin.

💁🏻‍♂️ Kutubxonada to'plamlar bilan ishlashning ko'plab metodlari mavjud, masalan: every(), map(), partition(), shuffle(), find(), reduce(), filter(), pluck().

💁🏻‍♂️ Underscore.js massivlar bilan ishlash uchun ham juda mos keladi, buning uchun u first() , flatten() , zip() , object() metodlariga ega.

✅ Underscore.js xuddi boshqa kutubxonalar kabi - <script> tegi yoki Node.js orqali o'rnatiladi: npm install underscore.

@doston_dev

🌐 Survey.js - so'rovnomalar va viktorinalar yaratish uchun JavaScript kutubxonasi

Kutubxona sizga ilovangizga osongina integratsiyalangan to'liq moslashtirilgan so'rovlar, shakllar va testlarni yaratishga imkon beradi. Survey.js yordamida siz soʻrovnomalarni brauzerda koʻrsatishingiz, ularning koʻrinishini oʻzgartirishingiz va hattoki oʻzingizning shaxsiy maʼlumotlar doʻkoningizni yaratishingiz mumkin.

💁🏻‍♂️ Survey.js qisqa vaqt ichida soʻrovnomalar uchun kod yozish, natijalarni hisoblash va olingan maʼlumotlarni saqlash imkonini beradi. Survey.js yordamida o'tkazilgan so'rovlarni istalgan ilovaga joylashtirish mumkin.

✅ Survey.js JSON-ga asoslangan va turli JavaScript frameworklari va React, Angular, jQuery va Vue kabi kutubxonalar bilan mos keladi.

@doston_dev

🗂 JavaScript Splice metodi

Ba'zan massivdan elementni olib tashlash kerak bo'ladi. Buning uchun delete metodidan foydalanishingiz mumkin.

⚠️ Biroq, bu erda muammo bor - massivdagi elementlar soni o'zgarmaydi va o'chirilgan element o'rnida to'ldirilmagan bo'sh joy qoladi:

let arr = ["Abbosbek", "Asadbek", "Ozodbek"];
delete arr[1];
alert( arr[1] ); // undefined
arr = ["Abbosbek", , "Ozodbek"];

💁🏻‍♂️ Ushbu muammoning oldini olish uchun biz splice() metodidan foydalanamiz.

let arr = ["Abbosbek", "Asadbek", "Ozodbek"];
arr.splice(1, 1); // 1-pozitsiyadan 1 ta elementni olib tashlaydi.
alert( arr ); // ikkita element qoldi

✅ Splice() metodi massivlardan elementlarni o'z o'rnida "bug" qoldirmasdan kesish imkonini beradi.

@doston_dev

🌀 JavaScript darslari | Spread operator (29-dars)

Assalom-u alaykum hurmatli obunachilar !!!

Bugungi video darsimizda massivlar va obyektlar bilan ishlashda eng ko'p ishlatiladigan SPREAD operatori bilan tanishib chiqamiz !!!

Darsimiz foydali bo'ladi degan umiddaman...

👉 Videoga o'tish

Ijtimoiy tarmoqlardagi sahifalarimizga obuna bo'ling:

👉 Telegram | YouTube | Instagram