Nurmukhamedoff

Hozirgi vaqtda kerakli kadr bo’lib qolish uchun murakkab narsalarni tezda o’rganish mahoratiga ega bo’lishimiz kerak. Bu esa teran va astoydil mehnat talab qiladi. Agar bu qobiliyatni rivojlantirmasak yoki saqlab qolmasak ko’p narsadan ortda qolib ketamiz.

Kel Nyuportning “Diqqat” kitobidan.

@nurmukhamedoff_dev

Emojilar bilan ishlash

Rasmda ko’rib turgan emojilarni HTML/CSS da qilish kerak edi. HTML o’zida rasmdagi emojilarni ishlatsangiz default holatda “🙂” shunaqa sariq rangda chiqadi. Buni CSS da color yordamida o’zgartirish iloji yo’q.
Bir qancha yo’llarini qidirib ko’rdim, CSS filter bilan qilishga urindim lekin ba’zi emojilar uchun har hil ishladi.

Eng alternativ variant font-family ekan. Google fontsda “Noto Emoji” bor ekan shundan foydalanadim. Shunchali fontni loyihaga ulaysiz va kerakli class ga fontni berasiz tamom.

Kerak bo’lib qolishi mumkin saqlab qo’ying.
Tavsiya uchun Khumoyun aka ga rahmat.

@nurmukhamedoff_dev

Shu kunlarda o'zimni kamchiliklarim ustida ishlayapman. Shu sabab imkon topishim bilan qisqa-qisqa note lar qilib boraman.

CI/CD haqida qisqacha.

🔹 CI (Continuous Integration) → Kodni avtomatik test qilish va asosiy branchga qo'shish ✅
CI bundling jarayonini ham o'z ichiga oladi, lekin asosan kodni avtomatik test qilish va asosiy loyihaga qo'shishni o'z ichiga oladi.

🔹 CD (Continuous Delivery) → Testdan o'tgan kodni qo'lda deploy qilishga tayyor qilish ✅
CI dan keyingi bosqich, ya'ni kod testlardan o'tgandan keyin deploy qilishga tayyor bo'ladi, lekin uni qo'lda deploy qilishingiz kerak.

🔹 CD (Continuous Deployment) → Testdan o'tgan kodni avtomatik serverga yuklash ✅
Continuous Deployment esa Continuous Delivery dan farqli ravishda, kod avtomatik tarzda production serveriga deploy qilinadi.

@nurmukhamedoff_dev

You tube kanalim bor. Avvalgi nomi Web Development School edi. Eski videolarni o'chirdim sifati yaxshimas va eski edi. Hozir biroz ishlov berdim 2 ta video qoldi holos endi sifatli videolar bilan to'ldiriladi, nasib qilsa.

https://www.youtube.com/@nurmukhamedoff_dev

@nurmukhamedoff_dev

Kanal anchadan beri active emas. Sabablari har hil, dangasalik, yozgani biror mavzu yo'qligi, ba'zida vaqt masalasi.

In Sha Alloh you tube ga content o'ylab qo'ydim. Asosan shu web development mavzusida. Bir qancha texnologiyalar bo'yicha qo'ldan kelgancha darslik chiqarish. Frontend basics, React.

Bundan tashqari Shopify bo'yicha ham darslik chiqarish rejamda bor. O'zbek you tube segmentida bu bo'yicha darslik uchratmadim. Ushbu texnologiyada ham deyarli 3 yillik tajriba yig'ilib qoldi.

Stay tuned..

@nurmukhamedoff_dev

Ramazon hayit muborak, birodarlar🎉🥳

CSS is magic

Maqsad: agar straight-cash-discount bo'lsa, compare-price degan classni ko'rsatmaslik kerak edi (compare-price straight cashda avval keladi).
Avval buni Js da tezdagina bitirib qo'ygim keldi lekin CSS da buni iloji bo'lishi kerak deb biroz izlandim va topdim.

CSS :has() funksiyasi
Bu funksiya bizga JavaScript-siz dinamik stillarni qo'llash imkonini beradi!
:has() nima?
Bu CSS pseudo-sinfi bo'lib, elementlarni ularning ichidagi yoki keyingi elementlarga qarab tanlash imkonini beradi.

element:has(selector) {}

Shunda menda quyidagi kod ishladi,

.compare_price:has(~ .straight-discount-price:not(:empty)) {
display: none;
}

🤔 Nima uchun JavaScript emas, CSS?

Tezlik: CSS brauzerda tezroq ishlaydi shu sabab shunga o'xshash UI ga aloqador muammolarga yechimni iloji boricha CSS da berishda harakat qilaman.

Xullas, CSS is magic :).

@nurmukhamedoff_dev

🔥 GDG Tashkent-dan uzoq tanaffusdan keyingi birinchi kuzgi Web Dev Meetup #3 ni kutib oling!

Kelayotgan shanba kuni yurtimiz va dunyoning top kompaniyalarida faoliyat yuritadigan web-dasturchilar bilan Web Dev Meetup o’tkazamiz.

💥 Spikerlar ichida:
- Ravshan Samandarov, Oxagile;
- Diyorbek Sadullaev, Pinterest;
- Doniyor Yusupov, Uzum Market;
- Umar Sadullaev, Unicon Soft;

Tadbir to’liq o’zbek tilida bo’ladi!

👀 Sana: 7-Sentabr, 2024
🕙 Vaqt: 14:00
📍 Joy: IT Park, Muminov 7/1

Ishtirok etish narxi: BEPUL.

🎟 Ro'yxatdan o'tish uchun havola:
https://gdg.community.dev/events/details/google-gdg-tashkent-presents-web-dev-meetup-3/

* Joylar soni chegaralanganligi tufayli "First come first serve" qoidalari amal qiladi. Joy sig’imi 180 kishi. Tadbir online translatsiya qilinadi.

@gdgtashkent

#daily #react
React Hooks: +Custom Hooks

Qiziqarli mavzuda kichik maqola tayyorlashga harakat qildim. Siz uchun foydali bo'lishiga umid qilaman. Marhamat!

https://telegra.ph/React-Hooks-Custom-Hooks-08-29

👉 @kamrondev

Intervyuni yaqin orada boshlaymiz, kandidatimiz Muhammadamin aka ancha tajribali dasturchi), qiziq bo'ladi.

https://youtube.com/live/zpB0DvOe5DI?feature=share

@nurmukhamedoff_dev

Ertaga 20:00 da intervyu o’tkazmoqchimiz. Bizga yaxshi kandidat kerak.

Kim qatnashmoqchi bo’lsa, ushbu post tagida + qoldirsin.

Intervyuni 2 ta odam “Uzum” Team Lead va “Epam” Senior dasturchisi o’tkazadi.

👉 @kamrondev

O’zim tanigan yaxshi dasturlashga oid o’zbekcha blog kanallar.

https://t.me/addlist/cexglSntyiIzNWY6

@nurmukhamedoff_dev

Bugundan boshlab EPAMer man.

EPAM kompaniyasida Senior Software Engineer sifatida ish boshladim.

Yangilik shu edi bundan roppa rosa 3 yil avval juda niyat qilgan edim ushbu joyda ishlashni bugunga nasib qilgan ekan.
Alhamdulillah.

@nurmukhamedoff_dev

Coming sooon!

Karyeramda katta burilish arafasidaman)

In Sha Allah tez orada buni sizlarga e'lon qilaman.

Tahmin qilib ko'ringchi?

@nurmukhamedoff_dev

Hayit bayrami barchamizga muborak bo'lsin 😊

@nurmukhamedoff_dev