Bu safar Vue ning defineAsyncComponents() funksiyasini yoritib berishga harakat qildim.
Ma'lumot ko'p bo'lgani sababli teletype.in da yozishga qaror qildim.
Hammasi sizni o'qishingizga oson bo'lishi uchun qilindi.
Bu teletype.in dagi birinchi postim, shuning uchun kamchiliklari bo'lishi
Qattiq pushkaga olmangiz iltimos
https://t.me/peaceofcode #vue #asyncComponents
Please open Telegram to view this post
VIEW IN TELEGRAM
Teletype
Async Components in Vue
Katta web ilovalarni dasturlashda, ularning tez yuklanishi va interaktiv elementlarining javob berish tezligi UX ga katta ta\'sir...
🔥9
InstaFix
@egor_wexler
Когда разработчик перепил
#айти #разработка #веб #вебразработка #программистышутят #программирование #пайтон #питон #типизация #си #айтиюмор #айтимемы #озвучка #ai #ии...
#айти #разработка #веб #вебразработка #программистышутят #программирование #пайтон #питон #типизация #си #айтиюмор #айтимемы #озвучка #ai #ии...
Kanalga ozroq Humor (Hazil) qo’shmasak zerikib qolyapmiz.😏
P.s. 🐍 chi do’stlaringizga jo’natib qo’ying)
P.s.s. Python o’rniga Javascriptni qoysangiz ham bo’ladi😅
https://www.ddinstagram.com/reel/C78rekyt--I/?igsh=cHJ5Nm15NnB2bDNy
P.s. 🐍 chi do’stlaringizga jo’natib qo’ying)
P.s.s. Python o’rniga Javascriptni qoysangiz ham bo’ladi😅
https://www.ddinstagram.com/reel/C78rekyt--I/?igsh=cHJ5Nm15NnB2bDNy
Please open Telegram to view this post
VIEW IN TELEGRAM
😁8
O’tgan postlarimizni birida bir do’stimiz global loading haqida so’radilar:
vue da global loader qilish qanchalik to'g'ri bir page dan boshqa page ga o'yganda loadiing ni true qilib axios interceptors request kelsa loading ni false qilib qo'yish ?
Men: Loading ni page levelda boshqarganiz yaxshi dedim, ammo qanday qilib to’g’ri boshqarish mumkinligini alohida post qilib yozishga ahd qildim.
Bu postimiz ham uzunroq bo’ladi, shuning uchun quyidagi havolaga o’tib mazza qilib o’qishingiz mumkin.
Please open Telegram to view this post
VIEW IN TELEGRAM
Teletype
Vue Suspense component ⏳
Kontent yuklanishini kutish (Content loading) - bu web UX ning ajralmas qismidir. Internet tezligini o\'ynashi hatto eng tezkor...
🔥8👍4
Forwarded from Kamron Fozilov
Youtube kanalimizda Frontend bo'yicha Mock Interview boshlanyapti. Marhamat, efirga qo'shiling.
Chatga qo'llab-quvvatlab yozish esdan chiqmasin 🙂
👉 https://www.youtube.com/live/LSf-MB_vf6Y?si=3rdbUAS8iuaOruYJ
Chatga qo'llab-quvvatlab yozish esdan chiqmasin 🙂
👉 https://www.youtube.com/live/LSf-MB_vf6Y?si=3rdbUAS8iuaOruYJ
YouTube
FRONTEND | MOCK INTERVIEW | UZUM TEAM LEAD BILAN BIRGA | 1-SON
Assalomu alaykum. Frontend bo'yicha Mock Interviewga xush kelibsiz. Ushbu interviewda nomzodimiz Xudoyorov Shahriyordan Uzum kompaniyasida Team Lead lavozimida ishlovchi Shahzod Tursunov interview oladi. O'ylaymanki, suhbat siz uchun foydali bo'ladi.
Shahzod…
Shahzod…
🔥3❤2👍1
Current Market rate for React developer 😅
Bu albatta hazil. Vakansiya notog’ri post qilingan deb umid qilamiz😅
Upd. Balki har bir qator code uchun shunchadan to’lar🤔
#shit_vacancy #react
Bu albatta hazil. Vakansiya notog’ri post qilingan deb umid qilamiz😅
Upd. Balki har bir qator code uchun shunchadan to’lar🤔
#shit_vacancy #react
🔥6🤣4
Static code analysis bu code ni ishga tushirmasdan analiz qilish protsessi hidoblanadi. Analiz maxsus Tool lar orqali source code ni scan qilib potensial xatolar, code smells, zaifliklar va coding standart dan chetga chiqilgan holatlarni aniqlash uchun mo’ljallangan. Maqsad code sifatini, texnikaviy ta’minotini (maintainability) va havfsizligini code ni ishga tushirishdan oldin ta’minlashdan iborat.
1. Early Error Detection: Statik analiz sintaksis xatolar, typelarning mos kelmasligi va boshqa muammolarni early development (vaqtliroq) paytida aniqlashga yordam beradi, bu esa productionga borib tushadigan xatolar sonini kamaytiradi.
2. Code Quality: Code standartlari va best practice ni ishlatish orqali statik tahlil vositalari kod bazasining izchilligini (maintainability) saqlashga yordam beradi, bu esa jamoalar bir-birining kodini tushunishda va hamkorlik qilishini osonlashtiradi.
3. Security: Frontend kod Cross-Site Scripting (XSS) yoki xavfsiz bo'lmagan API requestlari kabi muammolarga duch kelishi mumkin. Statik analiz bu xatarlarini haqiqiy tahdidlarga aylanishidan oldin aniqlashga yordam beradi.
4. Performance Optimization: Ba'zi statik analiz tool lari web-ilovalarning ishlashiga salbiy ta'sir qilishi mumkin bo'lgan samarasiz kod patternlarini aniqlay oladi.
5. Maintainability: Code smells (Juda murakkab funksiyalar yoki takrorlanadigan (duplicate) kodlar) larni aniqlash orqali statik analiz toza, texnikaviy ta'minotni (maintainability) osonroq qiladigan kodni rag'batlantiradi, bu esa kodni refaktor qilish va kengaytirishni osonlashtiradi.
Frontend dasturchilari uchun ESLint, Stylelint va Prettier kabi vositalar statik kod tahlili uchun keng qo'llaniladi. Bu vositalar JavaScript, CSS va boshqa frontend kodlarida best practice ni qo'llashga yordam beradi, bu esa developmentni silliq va samaraliroq qiladi.
Sonarlint degan juda ham powerful analyzer ham bor, ammo u haqida batafsil keyingi postlarimizda gaplashamiz. Stay tuned...
https://t.me/peaceofcode #tooling #static_code_analysis
Please open Telegram to view this post
VIEW IN TELEGRAM
Telegram
Peace of Code
Sharing good stuff related Angular, Vue, Nuxt, nx and everything related to frontend
👍4🔥2
InstaFix
@paddyjobsman
True joy #workmeme #memes #funny #worklife #relatable #workmemes
Hamkasb: Man sani birinchi marta ishda kulayotganingni ko’ryapman, nima boldi?
Men: Men ishdan ketayapman
https://shorturl.at/N5yUw
#burn_out
Peace of Code
Men: Men ishdan ketayapman
https://shorturl.at/N5yUw
#burn_out
Peace of Code
😁7👍2🌚1
🚀 JavaScript-dan TypeScript-ga o'tish: Tips and tricks
JavaScript kodingizni TypeScript-ga o'tkazishga tayyormisiz? Mana sizga o'tishni osonlashtirish uchun amaliy maslahatlar:
1. Asta-sekin boshlang 🐢
◦ .js fayllarini .ts ga qayta nomlashdan boshlang
◦ JS va TS-ni aralashtirish uchun "allowJs" kompilyator parametridan foydalaning
2. strict mode ni yoqing 🔒
◦ tsconfig.json faylida "strict": true ni o'rnating
◦ Xatolarni bittadan hal qiling
3. Type annotation lar sizning do'stingiz 🤝
◦ Funksiya parametrlari va return qiymatlariga type larni qo'shing
◦ Ob'ekt shakllari uchun interfeyslardan foydalaning
4. Type inference dan foydalaning 🧠
◦ Iloji boricha TypeScript-ga type larni o’zi aniqlashiga ruxsat bering
◦ Faqat zarur bo'lganda aniq type larni ko'rsating
5. Moslashuvchanlik uchun union type lardan foydalaning 🔀
◦ Masalan,
6. Vaqtincha "any" dan foydalaning 🏗️
◦ Dastlabki o'zgartirishda xatolarni chetlab o'tish uchun "any" dan foydalaning
◦ Asta-sekin "any" ni to'g'ri type lar bilan almashtiring
7. TypeScript-specific feature lardan foydalaning 💡
◦ Nomlangan konstantalar to'plami uchun enumlardan foydalaning
◦ Qayta ishlatiladigan komponentlar uchun genericlardan foydalaning
8. Deklaratsiya fayllarini unutmang 📄
◦ Type lari bo'lmagan third party kutubxonalar uchun .d.ts fayllarini yarating
◦ Mashhur kutubxonalar uchun DefinitelyTyped (@types) dan foydalaning
9. TypeScript Playground dan foydalaning 🎮
◦ TypeScript feature larni onlayn sinab ko'ring
◦ O'rganish va tezkor testlar uchun ayni kerakli narsa
10. Migratsiya vositalari bilan avtomatlashtiring 🔧
◦ ts-migrate yoki boshqa avtomatlashtirilgan konvertatsiya vositalarini sinab ko'ring
◦ AI tool lar orqali tez natijalarga erishing, ammo javoblarni albatta tekshiring. AI har doim ham typelarni to’g’ri yozib bermaydi
◦ Doimo natijani ko'rib chiqing va takomillashtiring
Esda tutingki, TypeScript-ga o'tish - bu marafon, sprint emas. Qadam-baqadam harakat qiling va tez orada statik tiplash va yaxshilangan developer experience dan bahramand bo'lasiz!
Happy coding! 💻✨
#TypeScript #JavaScript #WebDevelopment
Ushbu nuqtalardan birortasini kengroq tushuntirishimni xohlarmidingiz?
Peace of Code
JavaScript kodingizni TypeScript-ga o'tkazishga tayyormisiz? Mana sizga o'tishni osonlashtirish uchun amaliy maslahatlar:
1. Asta-sekin boshlang 🐢
◦ .js fayllarini .ts ga qayta nomlashdan boshlang
◦ JS va TS-ni aralashtirish uchun "allowJs" kompilyator parametridan foydalaning
2. strict mode ni yoqing 🔒
◦ tsconfig.json faylida "strict": true ni o'rnating
◦ Xatolarni bittadan hal qiling
3. Type annotation lar sizning do'stingiz 🤝
◦ Funksiya parametrlari va return qiymatlariga type larni qo'shing
◦ Ob'ekt shakllari uchun interfeyslardan foydalaning
4. Type inference dan foydalaning 🧠
◦ Iloji boricha TypeScript-ga type larni o’zi aniqlashiga ruxsat bering
◦ Faqat zarur bo'lganda aniq type larni ko'rsating
5. Moslashuvchanlik uchun union type lardan foydalaning 🔀
◦ Masalan,
function printId(id: number | string) { ... }6. Vaqtincha "any" dan foydalaning 🏗️
◦ Dastlabki o'zgartirishda xatolarni chetlab o'tish uchun "any" dan foydalaning
◦ Asta-sekin "any" ni to'g'ri type lar bilan almashtiring
7. TypeScript-specific feature lardan foydalaning 💡
◦ Nomlangan konstantalar to'plami uchun enumlardan foydalaning
◦ Qayta ishlatiladigan komponentlar uchun genericlardan foydalaning
8. Deklaratsiya fayllarini unutmang 📄
◦ Type lari bo'lmagan third party kutubxonalar uchun .d.ts fayllarini yarating
◦ Mashhur kutubxonalar uchun DefinitelyTyped (@types) dan foydalaning
9. TypeScript Playground dan foydalaning 🎮
◦ TypeScript feature larni onlayn sinab ko'ring
◦ O'rganish va tezkor testlar uchun ayni kerakli narsa
10. Migratsiya vositalari bilan avtomatlashtiring 🔧
◦ ts-migrate yoki boshqa avtomatlashtirilgan konvertatsiya vositalarini sinab ko'ring
◦ AI tool lar orqali tez natijalarga erishing, ammo javoblarni albatta tekshiring. AI har doim ham typelarni to’g’ri yozib bermaydi
◦ Doimo natijani ko'rib chiqing va takomillashtiring
Esda tutingki, TypeScript-ga o'tish - bu marafon, sprint emas. Qadam-baqadam harakat qiling va tez orada statik tiplash va yaxshilangan developer experience dan bahramand bo'lasiz!
Happy coding! 💻✨
#TypeScript #JavaScript #WebDevelopment
Ushbu nuqtalardan birortasini kengroq tushuntirishimni xohlarmidingiz?
Peace of Code
Telegram
Peace of Code
Sharing good stuff related Angular, Vue, Nuxt, nx and everything related to frontend
👍8
This media is not supported in your browser
VIEW IN TELEGRAM
O'ziga yoqmaydigan ishda ishlab yurgan va "oldinroq boshqa ishga o'tsam bo'larkan, endi shuncha ketqizgan vaqtim zoye bo'ladi" deb shu ishdan ketolmay yurgan birodarim:
"Daraxt ekishning eng yaxshi vaqti yigirma yil oldin bo'lishi mumkin edi, lekin ikkinchi eng yaxshi vaqt aynan hozirdir."
@peaceofcode
"Daraxt ekishning eng yaxshi vaqti yigirma yil oldin bo'lishi mumkin edi, lekin ikkinchi eng yaxshi vaqt aynan hozirdir."
@peaceofcode
🔥7👍5
Highly recommended 🔥
Kelayotgan yakshanba 21:00 da Umar mock interview topshirmoqda.
Hammaga foydali ma’lumotlar bo’ladi degan umiddaman.
https://t.me/JoshDeveloper/2416
Kelayotgan yakshanba 21:00 da Umar mock interview topshirmoqda.
Hammaga foydali ma’lumotlar bo’ladi degan umiddaman.
https://t.me/JoshDeveloper/2416
Please open Telegram to view this post
VIEW IN TELEGRAM
Telegram
Josh*Developer
Kutganmidingiz?
Texnik intervyularning bu safargisi – o'zgacha. Intervyuver kandidat sifatida qatnashadi.
@JoshDeveloper'ning (meni aytyapti 😉) intervyu olaverib bilimi zanglab ketmadimikin?
Qani tekshirib ko'ramiz 😎️️️️️️
Qachon? - Yakshanba, 21:00…
Texnik intervyularning bu safargisi – o'zgacha. Intervyuver kandidat sifatida qatnashadi.
@JoshDeveloper'ning (meni aytyapti 😉) intervyu olaverib bilimi zanglab ketmadimikin?
Qani tekshirib ko'ramiz 😎️️️️️️
Qachon? - Yakshanba, 21:00…
⚡4
Sizlar bilan bugun vue dagi computed methodi qanday ishlashini va qanday holatlarda ishlatish yoki ishlatmaslikni ko'rib chiqamiz.
Happy coding! 💻
#vue #computed
https://teletype.in/@dyusupov/vue-computed
Please open Telegram to view this post
VIEW IN TELEGRAM
Teletype
Computed properties
computed() method reaktiv va kuzatuvchan xususiyatlarni yaratish uchun ishlatiladi. Bu metod quyidagi asosiy xususiyatlarga ega:
👍7
This media is not supported in your browser
VIEW IN TELEGRAM
Biron kishi bilan baxslashmoqchi bo’lsangiz oldin o’zingizga savol bering:
“Bu odam turli nuqtai nazarni qabul qilish uchun aqliy jihatdan yetukmi?”.
Unday bo’lmasa baxslashishdan foyda yo’q.
“Bu odam turli nuqtai nazarni qabul qilish uchun aqliy jihatdan yetukmi?”.
Unday bo’lmasa baxslashishdan foyda yo’q.
👍3
Technical problems 🛠️
Akalar uzr, Web dev event posti hali tayyor emas ekan. Shu uchun postni o’chirvordim. Tayyor bo’lishi bilan share qilaman 🙏
Akalar uzr, Web dev event posti hali tayyor emas ekan. Shu uchun postni o’chirvordim. Tayyor bo’lishi bilan share qilaman 🙏
👍4
Forwarded from GDG Tashkent (Khumoyun Inoyatov)
🔥 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
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
👍3❤1🔥1
Assalomu aleykum qadrli kuzatuvchilar 🤗
Ma'lum bir sabablarga ko'ra kanalimiz inactive holatida edi. Bu uchun hammangizdan uzr so'rab qolaman.
🕺 Bugun navbatdagi postimizni teletype ga . Foydali va manfaatli bo'ladi digan umiddamiz.
Kanalimizni kuzatib boring. Keyingi postlarda yanada qiziqarli va foydali ma'lumotlarni berishga harakat qilamiz.
Peace be upon you and your code☕️
https://teletype.in/@dyusupov/vue3-watchers
#vue #watchers
Ma'lum bir sabablarga ko'ra kanalimiz inactive holatida edi. Bu uchun hammangizdan uzr so'rab qolaman.
Kanalimizni kuzatib boring. Keyingi postlarda yanada qiziqarli va foydali ma'lumotlarni berishga harakat qilamiz.
Peace be upon you and your code
https://teletype.in/@dyusupov/vue3-watchers
#vue #watchers
Please open Telegram to view this post
VIEW IN TELEGRAM
Teletype
Vue 3 da watch methodi
Common use cases and anti-patterns of vue 3 watchers and how to avoid them
👍8❤1
Forwarded from GDG Tashkent (Dostonkhon Ozodkhujaev)
⚡️ Join the biggest Developer Festival of the year in Central Asia (Get your free tickets)!
Less than 2 weeks left until GDG DevFest returns to Tashkent once again for the 2024 season!
Get ready for GDG DevFest, the high-energy, one-day event is packed with dynamic talks, interactive workshops, and hands-on sessions, all centered around the latest technologies and innovations.
This year, we’re raising the bar - join us as we welcome an incredible lineup of international speakers, including Google Developer Experts and Googlers, ready to share their insights and spark your creativity.
It’s more than a conference - it’s a chance to connect, learn, and get inspired alongside some of the brightest minds in tech. Don’t miss it!
👀 Date: December 7, 2024
🕙 Time: 10:00
🏛 Venue: Panorama Cinema Palace
🗓 Agenda: https://bit.ly/devfest-agenda24
👉 Get your FREE ticket now:
https://gdg.community.dev/events/details/google-gdg-tashkent-presents-gdg-devfest-2024-tashkent/
See you at DevFest Tashkent 2024!
@gdgtashkent
Less than 2 weeks left until GDG DevFest returns to Tashkent once again for the 2024 season!
Get ready for GDG DevFest, the high-energy, one-day event is packed with dynamic talks, interactive workshops, and hands-on sessions, all centered around the latest technologies and innovations.
This year, we’re raising the bar - join us as we welcome an incredible lineup of international speakers, including Google Developer Experts and Googlers, ready to share their insights and spark your creativity.
It’s more than a conference - it’s a chance to connect, learn, and get inspired alongside some of the brightest minds in tech. Don’t miss it!
👀 Date: December 7, 2024
🕙 Time: 10:00
🏛 Venue: Panorama Cinema Palace
🗓 Agenda: https://bit.ly/devfest-agenda24
👉 Get your FREE ticket now:
https://gdg.community.dev/events/details/google-gdg-tashkent-presents-gdg-devfest-2024-tashkent/
See you at DevFest Tashkent 2024!
@gdgtashkent