Front-end dasturchi.
Shaxsiy rivojlanish, dasturlash, texnologiyalar kabi yo'nalishlarda yozaman.
Men's community: @sportly_chat
Murojaat: @i8_11
Live stream started
Channel Public Channel
IS Islombek.dev
@islombekdev
- Subscribers
- 435
- Photos
- 159
- Videos
- 21
- Links
- 162
Showing posts older than #85 · Back to latest
Older Posts 20 shown
Post #83
521
Sizga berishim mumkin bo'lgan eng yaxshi maslahatlarimdan biri - bu: "Ingliz tilini o'rganing".
@islom_aliy
@islom_aliy
- 👍 14
- 💯 2
Post #78
2.69K
№1 heyterim bilan podcast!
Ushbu podcastda mehmonimiz:
• Qanday qilib bu sohaga kirib qolgani;
• Sohadagi qiyinchiliklar;
• Amerika kompaniyasiga ishga kirish;
• Remote ishlash plus va minus taraflari;
• Qanday qilib hozirgi darajasiga yetgani haqida suhbatlashamiz.
Qolaversa, obunachilarimiz tomonidan berilgan savollarga ham javob berib o'tadilar.
Sizni qiziqtirgan har qanday savolni ushbu post kommentariyasida qoldiring.
🗓 Suhbat sanasi: 23 - fevral, 20:00.
@islom_aliy
Ushbu podcastda mehmonimiz:
• Qanday qilib bu sohaga kirib qolgani;
• Sohadagi qiyinchiliklar;
• Amerika kompaniyasiga ishga kirish;
• Remote ishlash plus va minus taraflari;
• Qanday qilib hozirgi darajasiga yetgani haqida suhbatlashamiz.
Qolaversa, obunachilarimiz tomonidan berilgan savollarga ham javob berib o'tadilar.
Sizni qiziqtirgan har qanday savolni ushbu post kommentariyasida qoldiring.
🗓 Suhbat sanasi: 23 - fevral, 20:00.
@islom_aliy
- ⚡ 8
- 😁 5
- 👍 2
- 🤣 2
Post #77
590
Reactni o'ldirmoqchi, cho'ktirmoqchi hullas yo'q qilmoqchi bo'lgan biradlarga ushbu videoni bir ko'rib yuborishini tavsiya qilaman.
❗️Warning: Ko'ngli bo'sh Angularchilar tomosha qilishi tavsiya qilinmaydi.
Birad juda ham zo'r tushintirib qo'yipti. No comment.
🎥 Videoga havola.
@islom_aliy
❗️Warning: Ko'ngli bo'sh Angularchilar tomosha qilishi tavsiya qilinmaydi.
Birad juda ham zo'r tushintirib qo'yipti. No comment.
🎥 Videoga havola.
@islom_aliy
- 😁 3
- 🔥 1
Post #76
852
- Dada singlimni ismi nimaga Atirgul?
- Chunki onang atirgullarni yaxshi ko'radi.
- Rahmat dada!
- Arzimaydi JavaScript.
#joke
@islom_aliy
- Chunki onang atirgullarni yaxshi ko'radi.
- Rahmat dada!
- Arzimaydi JavaScript.
#joke
@islom_aliy
- 🤣 13
- 😁 9
- 👍 1
Post #75
952
Senga ilm berayotgan insonni hurmat qil!
Gohida guruhlarda ko'rib qolamiz, kimdir savol beradi va u savoliga javob berilsa, "Buni man ham blama okya, mamini s6ravommanu" kabi qo'pol gaplar yozib qolishadi.
Birinchidan, u odam senga javob berishga majbur emas. Senga vaqtini ajratib yordam berishga harakat qilyaptimi hurmatini joyiga qo'yib qo'y!
Ikkinchidan, bilsang ham "rahmat aka tushunarli. Ammo men manabu narsani so'ragan edim." deb qo'ysang misqollab to'plagan yo'q obro'ing umuman yo'q bo'lib qolmaydi.
Hattoki sen mingdan bir ilmini ololmagan ba'zi ulamolar ham o'ta darajada tavozeli, kamtar bo'lishgan. Bunga misol:
Ato ibn Abu Raboh rohimahulloh deydi:
«Bir yigit menga bir rivoyat aytadi, o‘zimni avval eshitmagandek tutib diqqat bilan uni eshitaman, holbuki bu rivoyatni men uning tug‘ilishidan oldin eshitgan bo‘laman».
@islom_aliy
Gohida guruhlarda ko'rib qolamiz, kimdir savol beradi va u savoliga javob berilsa, "Buni man ham blama okya, mamini s6ravommanu" kabi qo'pol gaplar yozib qolishadi.
Birinchidan, u odam senga javob berishga majbur emas. Senga vaqtini ajratib yordam berishga harakat qilyaptimi hurmatini joyiga qo'yib qo'y!
Ikkinchidan, bilsang ham "rahmat aka tushunarli. Ammo men manabu narsani so'ragan edim." deb qo'ysang misqollab to'plagan yo'q obro'ing umuman yo'q bo'lib qolmaydi.
Hattoki sen mingdan bir ilmini ololmagan ba'zi ulamolar ham o'ta darajada tavozeli, kamtar bo'lishgan. Bunga misol:
Ato ibn Abu Raboh rohimahulloh deydi:
«Bir yigit menga bir rivoyat aytadi, o‘zimni avval eshitmagandek tutib diqqat bilan uni eshitaman, holbuki bu rivoyatni men uning tug‘ilishidan oldin eshitgan bo‘laman».
@islom_aliy
- 👍 16
Post #73
974
Agar Reactchilarga sal qattiqroq gapirishga imkon berishsa, "manabu videoni ko'rlaring" deb baqirar edim 🌚
🎥 Videoga havola
Chunki juda ham foydali-da 🙄
Mobodo yaxshi tushunmasdan "what a heck is going on man?" desangiz, yana 2-3 martta ko'rishni va undan oldin dokumentatsiyani yaxshilab o'qib olishni tavsiya qilaman. Shunda yorvoration bo'ladi 🔥🚒
@islom_aliy
🎥 Videoga havola
Chunki juda ham foydali-da 🙄
Mobodo yaxshi tushunmasdan "what a heck is going on man?" desangiz, yana 2-3 martta ko'rishni va undan oldin dokumentatsiyani yaxshilab o'qib olishni tavsiya qilaman. Shunda yorvoration bo'ladi 🔥🚒
@islom_aliy
- ⚡ 6
Post #71
1.18K
React dasturchilar tushunishi shart bo'lgan bir nechta advanced mavzular
- Reconciliation: State yoki props'da o'zgarish bo'lganda, React UI qismni yangilashi kerak. Reconciliation - bu nima o'zgarganini topib, DOM'ni yangilash jarayoni. Bu qanday ishlashini tushunishingiz sizga ajoyib imkoniyatlar beradi.
- Code splitting: Bu dasturingizni kichkina bo'laklarga bo'lib, faqat kerak bo'lgan holatda yuklash texnikasidir. Code splitting dasturingizni dastlabki yuklanish tezligini (initial load) oshirib, klient tomonidan yuklanishi kerak bo'lgan kod miqdorini kamaytiradi.
- Performance optimization: React dasturingizni tezligini oshirish uchun bir qancha imkoniyatlar taklif qiladi. Masalan lazy loading, memoization va boshqalar. Bunday narsalarni o'rganib qo'yishingiz sifatli dastur tuzishingizda katta yordam beradi.
- HOC (Higher order components): HOC'lar componentni olib, qo'shimcha funksiyalar bilan yangi komponent qaytaruvchi funksiyalardir. Bu narsani o'rganish orqali sifatli kod yozishingiz anchagina oshishi mumkin.
@islom_aliy
- Reconciliation: State yoki props'da o'zgarish bo'lganda, React UI qismni yangilashi kerak. Reconciliation - bu nima o'zgarganini topib, DOM'ni yangilash jarayoni. Bu qanday ishlashini tushunishingiz sizga ajoyib imkoniyatlar beradi.
- Code splitting: Bu dasturingizni kichkina bo'laklarga bo'lib, faqat kerak bo'lgan holatda yuklash texnikasidir. Code splitting dasturingizni dastlabki yuklanish tezligini (initial load) oshirib, klient tomonidan yuklanishi kerak bo'lgan kod miqdorini kamaytiradi.
- Performance optimization: React dasturingizni tezligini oshirish uchun bir qancha imkoniyatlar taklif qiladi. Masalan lazy loading, memoization va boshqalar. Bunday narsalarni o'rganib qo'yishingiz sifatli dastur tuzishingizda katta yordam beradi.
- HOC (Higher order components): HOC'lar componentni olib, qo'shimcha funksiyalar bilan yangi komponent qaytaruvchi funksiyalardir. Bu narsani o'rganish orqali sifatli kod yozishingiz anchagina oshishi mumkin.
@islom_aliy
- 🔥 7
- 👍 1
Post #70
604
Dasturchilar uchun ajoyib 5 ta VSCode extension'lar
1) GitLens. Jamoaviy ishlayotgan proyektingizda birorta $itcode ko'rib qolib, egasini tezda topib "so'kish" uchun juda ham qulay extension :)
2) Path intellisense. VS Code'dagi eng asosiy kamchilik ba'zida import qilayotganingizda path'ni avtomatik topib bera olmay qoladi. Path intellisense ushbu muammoingizni hal qiladi.
3) Import cost. Har bir import qilgan library'laringizni hajmi qancha ekanligidan xabardor bo'lishni istaysizmi? Unda bu extension siz uchun.
4) Turbo console log. Debug qilayotganimizda eng ko'p ishlatiladigan usul bu console.log, dasturlashda eng qiyin ishlardan biri - bu o'zgaruvchilarga nom berish. Ushbu ikki muammo Turbo console log bilan hal qiling. Log'ga chiqarmoqchi bo'lgan narsanigzni ustiga bosib, ctrl + alt + L tugmachalari yordamida avtomatik log chiqarib olasiz.
5) Auto rename tag. Elementni bir tomonini o'zgartirish bilan avtomatik ikkinchi tomonni ham o'zgartirib beruvchi extension.
Bundan oldingi postlarimizdan birida, top 5 VSCode temalar haqida ham yozgan edik: Maqolani o'qish uchun bosing.
@islom_aliy
1) GitLens. Jamoaviy ishlayotgan proyektingizda birorta $itcode ko'rib qolib, egasini tezda topib "so'kish" uchun juda ham qulay extension :)
2) Path intellisense. VS Code'dagi eng asosiy kamchilik ba'zida import qilayotganingizda path'ni avtomatik topib bera olmay qoladi. Path intellisense ushbu muammoingizni hal qiladi.
3) Import cost. Har bir import qilgan library'laringizni hajmi qancha ekanligidan xabardor bo'lishni istaysizmi? Unda bu extension siz uchun.
4) Turbo console log. Debug qilayotganimizda eng ko'p ishlatiladigan usul bu console.log, dasturlashda eng qiyin ishlardan biri - bu o'zgaruvchilarga nom berish. Ushbu ikki muammo Turbo console log bilan hal qiling. Log'ga chiqarmoqchi bo'lgan narsanigzni ustiga bosib, ctrl + alt + L tugmachalari yordamida avtomatik log chiqarib olasiz.
5) Auto rename tag. Elementni bir tomonini o'zgartirish bilan avtomatik ikkinchi tomonni ham o'zgartirib beruvchi extension.
Bundan oldingi postlarimizdan birida, top 5 VSCode temalar haqida ham yozgan edik: Maqolani o'qish uchun bosing.
@islom_aliy
- 👏 5
- 👍 4
Post #69
487
Post #68
370
Biroz oldin Facebookda yigitlar uchun mahsus post yozgan edim. Bu yerga yuborishlik unchalik to'g'ri kelmasligi sababli faqatgina facebookga joyladim :)
🔗 Maqolaga havola
P.S Facebooki yo'qlar uchun Teletype'ga ham joylab qo'ydim: Click here
@islom_aliy
🔗 Maqolaga havola
P.S Facebooki yo'qlar uchun Teletype'ga ham joylab qo'ydim: Click here
@islom_aliy
- 👍 5
- ❤ 1
- ⚡ 1
Post #67
365
Islombek.dev Intro nima deyapti? 🤔 Logo muallifi: @islom_aliy Animatsiya muallifi: @azamatcg @islom_aliy
Dislayk kim bosganini topganga sovg'a yo'q. Chunki kimligi aniq ))
- 👎 8
- 🍓 2
- 😁 1
Post #66
363
- 👍 7
- 👎 4
- 💔 1
Post #65
376
Juda marazda bu islomofob fransuzlar.
Fransiyadagi "Charlie Hebdo" jurnali Turkiyada sodir bo‘lgan zilzilalarni masxara qildi:" Turkiyada zilzila. Tank jo‘natishga xojat qolmadi", deb yozilgan.
@islom_aliy
Fransiyadagi "Charlie Hebdo" jurnali Turkiyada sodir bo‘lgan zilzilalarni masxara qildi:" Turkiyada zilzila. Tank jo‘natishga xojat qolmadi", deb yozilgan.
@islom_aliy
- 😢 4
Post #63
358
S.O.L.I.D prisipiga amal qilgan holda React kod yozish. Juda ham foydali.
👉 Video uchun link
@islom_aliy
YouTube This is the Only Right Way to Write React clean-code - SOLID You should follow these 5 SOLID React Principles to write readable, maintainable and testable code. In this tutorial, we'll explore these 5 Principles and how to apply them in your React code. The principles are inspired by clean-code books and architecture.… 👉 Video uchun link
@islom_aliy
- ⚡ 2
Post #62
319
Post #61
436
Youtube'dagi darslar sifatsizmi?
Hozirgi kunda Youtube'da IT blogler juda ham ko'payib ketgan. Ammo huddi shuningdek darslar sifat sezilarli darajda yomonlashgan. Shu sababli sizlar uchun bir nechta ishonchli va darslari juda ham yuqori sifatli Youtuber'larni tavsiya qilmoqchiman. (Bu insonlar faqat frontend bilan cheklanmagan ko'p sohalarda darsliklar chiqargan).
1️⃣ Dave Gray
2️⃣ Codevolution
3️⃣ The Net Ninja
4️⃣ CS50
5️⃣ NeetCode
Ushbu kanallardan haqiqiy foyda olishingizga qattiq ishonaman!
@islom_aliy
Hozirgi kunda Youtube'da IT blogler juda ham ko'payib ketgan. Ammo huddi shuningdek darslar sifat sezilarli darajda yomonlashgan. Shu sababli sizlar uchun bir nechta ishonchli va darslari juda ham yuqori sifatli Youtuber'larni tavsiya qilmoqchiman. (Bu insonlar faqat frontend bilan cheklanmagan ko'p sohalarda darsliklar chiqargan).
1️⃣ Dave Gray
2️⃣ Codevolution
3️⃣ The Net Ninja
4️⃣ CS50
5️⃣ NeetCode
Ushbu kanallardan haqiqiy foyda olishingizga qattiq ishonaman!
@islom_aliy
- 👍 3
Post #60
252
Agar vaqtingizni kapalaklar quvishga ketkizsangiz ular uchib ketadi. Ammo vaqtingizni bog' barpo etishga sarflasangiz kapalaklar o'zlari uchib keladilar.
© Smile2Jannah
@islom_aliy
© Smile2Jannah
@islom_aliy
- 👍 7
Post #59
287
Shu biradni Youtube kanaliga a'zo bo'lib olinglar. JavaScriptdagi ajoyib mavzularni juda ham qiziq tarzda tushuntirib beradi.
10 things Javascript developers should know but probably they don't darsini 1 minutlik va to'liq versiyasi mavjud.
Kanal manzili: https://youtube.com/@ColorCodeio
P.S Reklamaga bir tiyin ham olganim yo'q 🙄
@islom_aliy
10 things Javascript developers should know but probably they don't darsini 1 minutlik va to'liq versiyasi mavjud.
Kanal manzili: https://youtube.com/@ColorCodeio
P.S Reklamaga bir tiyin ham olganim yo'q 🙄
@islom_aliy
- 👍 7
Post #58
271
Islombek.dev ../../../utils/file.js kabi importlardan charchadingizmi? Unda ushbu babel plugin sizga yordam beradi. Pluginni o'rnatib olsangiz yuqoridagi kabi holatda emas shunchaki utils/file.js kabi usulda har qanday joyda import qilaverasiz. Plugin nomi: babel-plugin…
Aytgancha kamiga shu VS Code extensionni ham o'rnatib olsangiz, importni avtomatik topib berishga ancha yordam beradi.
Nomi:
Nomi:
Path Intellisense (click to copy)- 👍 5