Frontend arxitekturasi haqidagi kursimni qanday ko'rinishda chiqarishni o'ylayapman.

1. Video dars
2. Jonline

Fikringizni qoldiring 👇

#course

@JoshDeveloper

Weekend'ni ertaroq boshlab yubordik 🏓🙂

"Ping pong dev" endilikda kechki 02:00 gacha ishlamoqda. Kelaverasizlar 🙂

#pingpong #hobby

@JoshDeveloper

23 daqiqa, 15 soniya ⏳

Dasturchi sifatida ayta olamanki, ishimiz chuqur diqqat(deep focus) talab qiladi. Tashqi sabablar tufayli chalg'ishimiz esa bu diqqatni buzadi.

Chalg'iganimizdan keyin "deep focus"ga qaytishimizga 23 daqiqa, 15 soniya ketar ekan. Tasavvur qilyapsizmi? Biz odatda har 15 daqiqada chalg'iymiz. Demak, "deep focus"ga kamdan kam kirar ekanmiz.

Maslahatim, birovni chalg'itmang, o'zingizni chalg'itadigan omillarni esa uzoqlashtiring.

Buni sizni ko'p chalg'itadigan tanishingizga yuboring ✈️

#deepFocus

@JoshDeveloper

Maktabni bitirganlarga tavsiyam:

Do'stlarni filtrlash payti keldi. Foydasidan zarari ko'p bo'lgan hamma do'stlaringizni choping.
Ilmga sho'ng'ing. Mevasini olasiz, Xudo xohlasa. Do'stlar esa shu yo'lda yangilanadi, yaxshilanadi.

#tavsiya

@JoshDeveloper

Angular'ni rasmiy sahifasi Youtube blogimizga a'zo bo'lgan ekan ⚡️🤩

Aftidan Youtube'da yana kuchli kontentlar qilish payti kelayotgan ko'rinadi 🙂

#youtube

@JoshDeveloper

Angular 20 versiyasi chiqibdi 🔥️️️️️️

Qiziquvchilar uchun link:
https://blog.angular.dev/announcing-angular-v20-b5c9c06cf301

#angular

@JoshDeveloper

Code review jarayoniga AI qo'shishmadimi hali?
Juda bir kerakli ish bo'lar edi.

#ai

@JoshDeveloper

Arafa va kelayotgan Hayit bayramingiz muborak bo'lsin. Ushbu yil ham hammaga barakali bo'lsin.

Ramazon hayitidan bir kun oldin "Arafa muborak" deb yuboradiganlar, endi yuboravering bemalol 😅

#tabrik

@JoshDeveloper

Foydali linklar:

1. Bepul o'quv markazlari va darslarni qidirayotganlar uchun: LINK
2. React component'ni Angular'da ishlatish qiziq bo'lsa: LINK

#foydali

@JoshDeveloper

Fan klubga qo'shilishga ariza qanday topshirardi?)

#joke

@JoshDeveloper

Doimgi an'anani davom etgan holda, Hayit bayram munosabati bilan Frontint.uz kursimizga chegirma e'lon qilaman 🥳

Classic: 465.000 so'm emas, 300.000 so'm ✅
Pro: 525.000 so'm emas, 350.000 so'm ✅
Premium: 645.000 so'm emas, 590.000 so'm ✅

Bog'lanish uchun: @frontintAdmin (saytdan hamma ma'lumotlarni ko'rishingiz mumkin)

#bayram #chegirma

@JoshDeveloper

"Ask me anything" uyushtiramizmi?

Bu safar Youtube'da 😉️️️️️️

Qilayotgan Frontend arxitektura kursim mavzularini ham ko'rsatmoqchiman. Takliflar bo'lsa qabul qilaman ✅️️️️️️

#ama

@JoshDeveloper

Bugun 19:00 da unda Youtube'da jonli efirda ko'rishamiz.
Savollaringizni Youtube video "live comment"iga yozib qoldiring.

Frontend arxitekturasiga oid kursimni ham mavzularini ko'rsatib o'taman inshaaAlloh.

Link: https://www.youtube.com/watch?v=4C41-QLbENg&ab_channel=Josh%2aDeveloper

#ama

@JoshDeveloper

Custom SVG icon'larni o'zim qanday ishlatganman shu paytgacha?

Har xil yo'llari bilan qilib ko'rganman, quyida shular haqida qisqacha yozaman.

1. Oddiy <img /> teg orqali ishlatish. Qulay va oson. Bundle size'ni yaxshilaydi. Ammo, SVG'ni stillash mumkin emas. Masalan, currentColor orqali rang o'zgartirib bo'lmaydi.

2. O'zini HTML'da chaqirish, stillash mumkin, oson. Ammo, kodni dabdala qiladi. O'qish qiyinlashadi va Bundle size oshadi.

3. SVG loader'lar orqali ishlatish (Shundan foydalanaman). Bunda bir faylga hamma SVG'ni yozasiz yoki har biriga alohida SVG fayl turaveradi. Chaqirishga kelganda alohida component ichida SVG'ni load qilib olib, Component'ning template'iga tiqib yuboriladi. Bunda ishlatish osonlashadi, Bundle size yaxshilanadi (HTTP so'rov bo'lgani uchun) va eng asosiysi SVG'ni stillash xususiyati yo'qolmaydi. Xohishingizga ko'ra Fallback/default icon ham ulasangiz bo'ladi.
P.s: Bu uchun alohida kutubxonalar ham mavjud.

#svgIcon

@JoshDeveloper