💁🏻‍♂️ WakaTime - dasturchilar uchun qulay vaqt kuzatuvchisi

🧐 Ushbu xizmat dasturchilarga turli vazifalarni bajarish uchun qancha vaqt sarflaganini kuzatish imkonini beradi. WakaTime dasturchi qanday loyihalar va fayllar bilan ishlagani, qaysi tillardan foydalangani va bir kun yoki hafta davomida ishi qanchalik samarali bo'lganini ko'rsatadi.

📊 WakaTime foydalanuvchiga o'z ishining batafsil statistikasini taqdim etadi. Shunday qilib, siz o'z faoliyatingizdagi jarayonlarni kuzatishingiz va loyihani ishlab chiqishda foydali strategiyalarni ishlab chiqishingiz mumkin.

🫂 Xizmat qirqdan ortiq ishlab chiqish muhitlarini qo'llab-quvvatlaydi, jumladan Web Storm, Visual Studio, Android Studio, IntelliJ Idea, Unity, Eclipse, Xcode va boshqalar.

🚀 Siz WakaTime dan butunlay bepul foydalanishingiz mumkin. Bundan tashqari, premium, korporativ va jamoaviy hisoblari ham mavjud.

@doston_dev

#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