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

Keling IT va dasturlashdagi ishonarli yolg'onlarni yozamiz 😄️️️️️️

Masalan,
– "Bu kod vaqtinchalik, keyinroq Refactor qilamiz (Aslida, hech qachon Refactor qilmaymiz)"

– "3 oydan so'ng oyligingizni oshirishni ko'rib chiqamiz! (Aslida shunchaki ko'rib chiqamiz xolos 😄)"

Sizlar qanday yolg'onlarni eshitgansizlar? 🙂

#fun

@JoshDeveloper

Ishda chiqargan Pull request raqamim noodatiy bo'lsa

#joke

@JoshDeveloper

Qiziq kontent shekilli 🙂️️️️

Link

#content

@JoshDeveloper

"Unicon soft" jamoasiga qo'shilish uchun yana yangi vakansiya bor 🔥

Qiziqqanlar shu kanaldan vakansiyamizni ko'rishi mumkin: https://t.iss.one/frontEndJobo/2052

Kanalda boshqa vakansiyalar ham bor istaganlar uchun.

#vacancy

@JoshDeveloper

Niche'ni toping!

Bir loyihani ishlatishni boshlaganimga birnecha hafta bo'lyapti. Nomi HGT - kommunallar uchun maxsus ilova.

Foydali. Loyihadan o'zim uchun bir xulosa oldim.
Startup qilishda muhimi bir muommoga focus qilib, shuni qulay tarzda yechish ekan.

Shuncha Super-app'lar bor, hamma narsa bor ichida. Kommunal to'lovlargacha. Lekin negadir qo'lim bormaydi ishlatishga. "Bir muommoyimga bir dastur" degandek qarayman dasturlarga. Shu sababmi bilmadim, har balosi bor dasturlarni bemalol ishlata olmayman.

Startup qurayotgan do'stlarimizga ham qiziq deb shu postni yozyapman, "niche"ni topgan dasturlar qiling.

Xalq tilida aytsam, oddiy kiyim do'kon ochmang, sport kiyimlari, classic kiyimlar yo shu kabi o'z yo'liga ega do'kon oching.

#startup

@JoshDeveloper

“Frontend architecture” kursimizda yangilik bor.

Birinchi guruh qabuli boshlanyapti.

Birinchi guruh uchun shaxsan o’zim jonli tarzda dars o’tmoqchiman inshaaAlloh.

Kurs e’loni hali chiqmadi, ammo hozirdan joy band qilish niyatidagilar @vector_academy_admin ga bog’lansa bo’ladi.

Dars vaqtlari: Seshanba, Payshanba va Shanba kunlari, soat 20:00 da, 1.5 - 2 soat davomida.

Jami 12-15 ta dars o’tiladi.

#frontend

@JoshDeveloper

"Bosvorishlik" dermidi 🙂️️️️️️

Kursga katta mehr berganman, o'zim ham o'qib yuborardim )

Guruhni to'ldirib, darslarni boshlaymiz, Xudo xohlasa. Qo'shilinglar.

Ulashish ham esdan chiqmasin :)

#kurs

@JoshDeveloper

Aytgancha, kurs "framework"larga tayanmagan. "Pure Frontend architecture concepts" asosida bo'ladi.

React, Vue va Angularchilar bemalol qo'shilsa bo'ladi.

#eslatma

@JoshDeveloper

O'z xodimini "Frontend architecture" kursida o'qitishni xohlagan kompaniyalar uchun 10% chegirma beramiz.

Asosiy shart kompaniyani o'zi bunga investitsiya qilishi kerak. Xodimni hisobidan emas.

Kompaniyangiz menejeriga yuborishni unutmang :)

#chegirma

@JoshDeveloper

JS'chilarga savol:

Shu qiymatlar nega chiqayotganini tushuntirib bera olasizmi?

#js

@JoshDeveloper

Zerikkanda Angular'dan sinov texnik intervyuga topshirgan edim, EPAM'da.

Sertifikatcha ham berishyapti ekan 😎

#certification

@JoshDeveloper

Savolni o’zidan javob olish ham mumkin.

Sizlarda ham bo’ladimi? Kimdir savol so’raydi, siz javob bermay tursangiz, ozginadan so’ng javobini o’zi topadi (hozir ishda bo’ldi)

Yoki o’zimiz savol so’rab, so’rayotgan paytimiz javobiga ham yechim kelib qoladi.

Ko’pincha bu holatda kimgadir tushuntirish jarayonida o’zimiz e’tibor bermagan holatlarga e’tibor berishimiz sabab bo’ladi.

Kimgadir savol so’rashdan oldin, o’zingiz shu savolni yozib, o’qib ko’ring.
Balki javob o’zingizdadir 🙂

Yoki “Rubber duck” sotib oling yoningizga 🦆

#maslahat

@JoshDeveloper

Frontend loyihasining arxitekturaviy tarkibi.

Siz bularni bilasizmi?

"Frontend arxitektura" kursida ushbularni nima ekanini tushunib olishingiz mumkin, qabul yopilishiga ko'p qolmadi 😉

#architecture

@JoshDeveloper