Brogrammist
1.18K subscribers
95 photos
9 videos
1 file
86 links
Veb-dasturlash bo'yicha kamtarona bilim va tajribalarimni ulashaman.

Sayt: https://diyorbek.blog

YouTube: https://youtube.com/@brogrammistuz

Insta: https://instagram.com/brogrammistuz
Download Telegram
Forwarded from Jakhongir Rakhmonov - IT
Bu narsa ochiq oydin lekin ko‘pchilik noto‘g‘ri qiladi.

Dasturchi sifatida kuniga juda ko‘p qarorlar qabul qilamiz. Qanday qilib shu kodni yozish kerak, qanday qilib bu dokumentga o‘ztartirish kiritish kerak, qanday qilib bu loyihaning arxitekturasini yaratish kerak va hokazo.

Natijada bu qarorlar hamkasblarimiz bilan muhokamalarga olib keladi. Bu tabiiy holat. Siz o‘z fikringizni bildirasiz, ular esa o‘z fikrlarini bildiradi. Mana shu vaziyatda o‘zingizni fikringizni to‘g‘ri tarzda bildirish juda nozik masala.

O‘zingizni noto‘g‘ri ifodalasangiz yoki hamkasblaringiz sizning fikringizga qo‘shilmagani uchun jahlingiz chiqib ketsa, bu yaxshi bo‘lmagan natijalarga olib kelishi mumkin. 

Shuning uchun ham muhokama qilishning eng zo‘r usuli bu shaxsiy fikrdan ko‘ra ko‘proq “data” ga ya’ni aniq ma’lumotlarga asoslangan holda yuritish. Bildirayotgan fikringizni data orqali isbotlab bera olsangiz shundagina rostdan ham sizning argumentlaringiz kuchli bo‘ladi. Hech kim sizdan xafa bo‘lish huquqiga ham ega bo‘lmaydi. Chunki sizning fikrlaringizni isbotlab beradigan dalillar mavjud.

Data is king.

@jakhonrakhmonov
👍17
Brauzerni buzgan CSS funksiya

8 yildan beri frontendchiman. Ancha-muncha "bug"larni ko'rdim va hali ko'rmaganlarim qancha. Lekin ular orasida shu paytgacha ajralib turadiganlaridan biri bor. Har safar texnik suhbatlarda "siz duch kelgan eng qiziq bug haqida gapiring" deb so'rashsa, shunisini gapirib beraman.

To'liq: https://www.diyorbek.blog/blog/brauzerni-buzgan-css-funksiya

@brogrammist
👍22🔥7
Forwarded from 42⚡️
📢 Jonli dars: React.js’da holat saqlanishi va sinxronizatsiyasi

👨‍🏫Mentor:
Diyorbek Sadullaev - 7 yillik tajribaga ega, Pinterest kompaniyasida senior dasturchi.

🎯 Nimalarni o'rganamiz?

- URL parameterlari orqali holatni boshqarish
- Deep linking
- LocalStorage bilan holatni saqlash
- Brauzer tablari aro sinxronizatsiya
- Optimizatsiya va “best practices”

16-mart 15:00(online)
💰 65.535 so‘m
💻 Ro‘yxatdan o‘ting

‼️ Joylar soni chegaralangan: faqat 24 kishi qatnasha oladi!

@qirikki
👍6🔥1
Deno bilan oxirgi 2-3 oydan beri har xil dasturlar yasab, uning imkoniyatlarini o'rganayotgandim. Node.js dan doimiy foydalanib kelgan odam uchun Deno juda katta yengillik! Maza qiladim odam.

Chunki:
- package.json yo'q!
- node_modules yo'q!
- TypeScript "bez otkaz" ishlaydi.
- Server yozish oson.
- STD kutubxonasi va dokumentatsiyalar yaxshi
- WebAPI lar bilan deyarli bir xil.

Lekin bir narsadan hafsalam juda pir bo'ldi. Fayl yuklaydigan server yasadim. FormData formatida keluvchi faylni o'qish juda sekin ishlar ekan. To'grirog'i Deno ning FormData bilan ishlovchi standart kutubxonasi juda rasvo ekan.

20MB faylni ~100 sekund parse qilsaya!

Ishonmasdan, xuddi shunday serverni Node.js bilan Formidable kutubxonasini ishlatib yozib ko'ridim. Xuddi o'sha 20MB fayli bor FormDatani o'qish ~200ms vaqt olyapti xolos!

Exxx Deno... Hali ba'zi narsalar uchun yetilmagan ekansan. 🥲

@brogrammist
👍29👏2
Brogrammist
Deno bilan oxirgi 2-3 oydan beri har xil dasturlar yasab, uning imkoniyatlarini o'rganayotgandim. Node.js dan doimiy foydalanib kelgan odam uchun Deno juda katta yengillik! Maza qiladim odam. Chunki: - package.json yo'q! - node_modules yo'q! - TypeScript…
Stress testing qilib ko'rdim. Bir vaqtning o'zida 100 so'rovnoma jo'natdim. Node.js server uzog'i bilan ~20 sekund vaqtda javob beryapti. Xuddi shu ishni qiladigan Deno server esa ~90 sekund vaqt olyapti!

Deno 4 barobar sekinroq ishlayapti Node.js dan.

P.S. Server o'zi og'ir operatsiyani bajaryotgani uchun 20-30 sekund qoniqarli natija.
👍9
Forwarded from 42⚡️
📢 Jonli dars: ReactJS va JavaScript dizayn patternlari

👨‍🏫Mentor:
Diyorbek Sadullaev - 7 yillik tajribaga ega, Pinterest kompaniyasida senior dasturchi.

🎯 Nimalarni o'rganamiz?

- Enkapsulyatsiya va SOC
- Singleton va Modul patternlari
- Observer pattern va Context API

23-mart 15:00(online)
💰 65.535 so‘m
💻 Ro‘yxatdan o‘ting

‼️ Joylar soni chegaralangan: faqat 24 kishi qatnasha oladi!

@qirikki
👍11🤔3
Forwarded from Josh*Developer
Intervyuda yolg'on ishlatish

Ko'p intervyularda o'zim guvohi bo'ladiganim - kandidatlar yolg'on ishlatishi.

Bilasizmi nima? Intervyuverlarni katta qismi yolg'onni tez payqaydi, aynisa texnik tomondan yolg'on bo'lsa.

O'zingizni sharmanda qilgandan ko'ra, "Bu mavzuni chuqurroq o'rganib chiqishim kerak ekan", deganingiz ancha yaxshiroq.

Yaqindagina shunday kandidatni intervyu qildim. Texnik savollarni o'zida yolg'on ishlatyaptida 😅 "Falon narsa nima?" desam, tikkasiga "ijod" qilyapti. Shu kandidat esimda qolib ketdi. Keyingi safar topshirsa ham biroz ikkilansam kerak...

#tavsiya #interview

@JoshDeveloper
👍11🔥3🎉1
Josh*Developer
Intervyuda yolg'on ishlatish Ko'p intervyularda o'zim guvohi bo'ladiganim - kandidatlar yolg'on ishlatishi. Bilasizmi nima? Intervyuverlarni katta qismi yolg'onni tez payqaydi, aynisa texnik tomondan yolg'on bo'lsa. O'zingizni sharmanda qilgandan ko'ra…
Eng birinchi ish suhbatimni yaxshi eslayman. 7-8 oylik tajribam bilan middle frontend pozitsiyaga rezyume topshirgandim. Rezyumeni rosa bo'rttirib yozib tashlaganman:
- Tajriba 2 yil
- ES6+, Node.js
- CSS3, HTML5
- MySQL, PHP,...

😬

Intervyuga kirganimda 3 ta kishi meni savol-javob qilishgan.
- CSS variable'lar qanday ishlatishni tushuntirib berolmaganman.
- Import bilan require farqlarini sanab berolmaganman.
- Async/await qachon kerakligini bilmaganman.
- JSdagi data type'larni sanab berolmaganman.
- JS engine nimaligini, qanday engine'lar borligini bilmaganman. (Chunki barcha JS engine'larni bilaman deb yozib qo'ygandim rezyumeda 🥲)

Xullas rezyumedagi har bir punktni so'roq qilishgan. Oxirida darajang "novichok",
portfolio projectlaringni o'zing qilmagansan deb, xayrlashishgan.

Tashqariga chiqqandagi ahvolimni tasavvur qilavering. Hozir eslasam yuragim yomon bo'ladi. 🥲
👍34😁28🔥3🤯3🤔1
Brogrammist
Eng birinchi ish suhbatimni yaxshi eslayman. 7-8 oylik tajribam bilan middle frontend pozitsiyaga rezyume topshirgandim. Rezyumeni rosa bo'rttirib yozib tashlaganman: - Tajriba 2 yil - ES6+, Node.js - CSS3, HTML5 - MySQL, PHP,... 😬 Intervyuga kirganimda…
O'sha kuni suhbatdan chiqib, bekatda avtobus kutib o'tirar ekanman, qanchalik bilimsiz va tajribasiz ekanimni anglaganman. Chunki shu paytgacha o'rganganlarim ko'p, ko'p narsa qo'limdan keladi deb yurardim.

Lekin taslim bo'lishni xohlamadim. Chunki haqiqatga tik qarash kerakligini bilardim. O'sha kuniyoq menga berilgan har bir savolni javobini o'rganishga tushdim. Wikipedia, har xil maqolalar, video darsliklardan rezyumedagi yolg'onlarni chinga aylantirishga tushdim. Rezyumeyimni sal kamtarroq holatga ham keltirib oldim. Orada 5-6 marta boshqa suhbatlarda bo'ldim. Garchi suhbatlarda endi yaxshiroq javob berolsamda, tajribam hali ko'p emasligi uchun ishga olishmasdi.

Shu sabab qo'shimcha loyihalar, iloji boricha murakkabroq bo'lgan web dasturlar yaratishga bel bog'laganman. Ulardan biri MusicSpider, Chrome uchun musiqa pleyer dastur edi. 1 kunda, Garage48 hakatonida yasalgan va bizga 2-o'rinni olib bergan loyiha.

Birinchi suhbatimdan keyin tahminan 5-6 oy o'tgachgina eng birinchi ishimni topganman. Reactni u paytlari endi o'rganishni boshlagandim. Ishim esa React Native'da ishlash edi😬. 2 kun dokumentatsiya o'qib, ertasi mobil ilova qurishga tushib ketganman. Ana shunaqa🙂
👍41🔥9😁3🤔1
JavaScript o'zi "interpreted"mi?

Boya bir maqolaga ko'zim tushdi. Sarlavhasi shunday:

"JavaScript “interpreted language” emas.

Bu da'vo aksariyat hollarda to'g'ri. Ammo 100% haqiqat emas. Ushbu maqolada uning sabablarini keltirib o'tmoqchiman.

To'liq:
https://www.diyorbek.blog/blog/javascript-ozi-interpretedmi

@brogrammist
👍24
👍17🤣9🔥2
Kod yozganda shunqa "tozalash" ishlarini qilishni yoqtiraman.

React bilan ishlaganda iloji boricha mantiqiy ifodalarni JSXdan ajratish kerak. Shunda kod ancha "o'qishli" va toza chiqadi.

Bu ideal kod emas, ammo hech bo'lmasa shunday "best practice"larni doim ishlatish kerak.
👍30🔥3
Deno bilan native desktop dastur yasash

Yangi yil oldi bo'sh vaqtim ko'p bo'ldi. Shu sabab Deno v2 chiqqanidan beri o'ylab yurgan bir tajribani qilib ko'rdim.

Deno yozgan skriptingizni native binary (.exe) ga kompilyasiya qilib bera oladi. O'ylab qoldim, demak Denoda UI app qilsak, uni ham .exe faylga osongina kompilyatsiya qilib beridimi? Axir bu juda ajoyibku dedim. Lekin muammo shuki, Denoda UI library yo'q! 🤔

Ammo FFI imkoniyati bor!
(Foreign Function Interface)

Shu orqali C/C++, Rust, Go kabi tillarda yozilgan DLL kutubxonalarni ishlatish mumkin.💡

Soddaroq, lekin komponentlarga boy bo'lgan C++ kutubxona tanladim - TGUI.
SFML ustiga qurilgan, API juda yaxshi.
Unga ba'zi o'zgartirishlar kiritgan holda Windows va OSX ga DLL tayyorladim. Deno FFI bilan C++ funksiyalarni JS ga ulab chiqdim. Voilà! 🎉

Anchagina metaprogramming qilib, chidasa bo'ladigan API qildim. Mana natija:

https://github.com/diyorbek/tgui.js
🔥12👍6👏1
HTML/CSS ga qo'shilayotgan yangi imkoniyatlar haqida. Bu yangi xususiyatlar bilan ancha muncha JS va CSS kodlarni o'chirib tashlasak bo'ladi endi.
Qo'shimcha kutubxonalar ishlatishga ham hojat qolmaydi, chunki hammasi bruzerda bor!

https://youtu.be/VTCIStB6y8s?si=QPiPC2ZsAt1T73j_
👍16
Pinterest bilan xayrlashdik

It was a good ride. 🥲
🤯28🤔10🎉10🔥1👏1