Nurmukhamedoff
DevFest Tashkent ’25 IS COMING
🔥
📌
Last year, DevFest brought together thousands of participants, top speakers, global experts, and vibrant community energy.
📍
This year will be even bigger — meet Googlers, GDEs, experts from Yandex, TikTok, Bank of America, and leading tech professionals sharing fresh ideas and best practices.
🎟
Get your FREE ticket now:
link
Whether you're a pro or just starting your tech journey, DevFest is the place to learn, connect, and grow.
Subscribe to our channels to stay informed about all the latest information regarding one of the biggest events in Central Asia!
Telegram
|
Instagram
|
LinkedIn
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