#foydali_kod
#css
#animation

Text fill on hover - hover holatida matnni boshqa rang bilan to'ldirish uchun sof CSS effekti.

👉 Kod linki

@doston_dev

#foydali_manba

💁🏻‍♂️ LeetCode - bu veb-sayt bo'lib, unda siz kodlash muammolarini mashq qilishingiz va texnik intervyularga tayyorgarlik ko'rishingiz mumkin.

🫂 LeetCode turli xil dasturlash tushunchalarini qamrab oluvchi 2000 dan ortiq amaliy savollarni taklif etadi. Har bir kodlash muammosi tasnifiga ega: oson, o'rta yoki qiyin. LeetCode savollari mashhur dasturlash tillarini qo'llab-quvvatlaydi.

@doston_dev

#foydali_kod
#animation
#css

Snow - yog'ayotgan qor animatsyasini sof CSS animatsiyasi orqali amalga oshirish.

👉 Kod linki

@doston_dev

💁🏻‍♂️ Maktabdan Google gacha... - O'zbek dasturchisining hikoyasi

👉 Maqola

@doston_dev

🚀 JavaScript dialog oynalari: alert, prompt, confirm metodlari.

JavaScript da kiritish va chiqarishning 3 standart usuli mavjud:

⚠️ Alert (Ogohlantirish) - matnli dialog oynasini chaqiradi va OK tugmasiga ega.

Misol: alert("Doston Dev kanaliga obuna bo'ling!");

🖊 Prompt (So'rov) - kiritish maydonini o'z ichiga olgan dialog oynasini chaqiradi. Siz satrlar va qiymatlarni kiritishingiz mumkin.

Misol: var userName = prompt("Iltimos, foydalanuvchi nomingizni kiriting:");

✅ Confirm (Tasdiqlash) - matn va ikkita tugmachali dialog oynasini chaqiradi: Bekor qilish va OK.

Misol: var result = confirm("Siz Doston Dev kanaliga obuna bo'ldingizmi?");

@doston_dev

⌨ Qanday qilib element chegarasini tasvirga aylantirish mumkin❓

💁🏻‍♂️ CSS da siz istalgan tasvirni istalgan elementning chegarasi sifatida qo'yishingiz mumkin. Oddiy qilib aytganda, siz rasmdan ramka yasashingiz mumkin! Buning uchun border-image xususiyatidan foydalaniladi.

✅ Bu xususiyat tasvirni butun uzunligi bo'ylab takrorlanishi yoki cho'zilishi kerakligini belgilash imkonini beradi.

🧐 Ushbu misolda tasvir dumaloq qiymat tufayli butun perimetr bo'ylab takrorlanadi.

.border_image {
border: 15px solid transparent;
padding: 20px;
border-image: url(image.png) 40 round;
}

Stretch xususiyati dumaloq xususiyatga qarama-qarshidir, chunki u tasvirni kengaytiradi:

.border_image {
border: 15px solid transparent;
padding: 20px;
border-image: url(image.png) 40 stretch;
}

🚀 Rasm URL chaqiruvi yordamida kodga qo'shiladi.

@doston_dev

#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