Avtomatik refaktor

YouTube kanalimni anchadan beri yuritmayapman. Bor videolarni hech bo'lmasa aylantirib turay dedim.

https://youtu.be/HEO0p3Ij4ok?si=pMho4gJGh4vj3SZT

Frontend System design haqida so'raganmidingiz? 💭

Unda yangilikni biri 😉

Jum'a kuni, 8-avgust soat 20:30'da Diyorbek Sadullaev bilan "Frontend system design" haqida jonli suhbat uyushtiramiz, Xudo xohlasa.

Efirda o'zingizni qiziqtirgan savollarni yo'llashingiz mumkin bo'ladi.

🔗 Jonli efirga link: https://youtube.com/live/Pcxs07g-xVU

#frontend #systemDesign

@JoshDeveloper

JavaScript MIME-Type

Kichik fayl server yasayotgan edim. JavaScript uchun "Content-Type" qanday bo'lishida ikkilanib qoldim.
Vite fayllarni "text/javascript" qilib yuborar ekan. Copilot "application/javascript" deb yozib bergandi.

Qaysi to'g'ri ekan deb tekshirib ko'rdim:

1. "text/javascript" - eski standard bo'lgan.

2. "application/javascript" - yangi standard sifatida kiritlgan. JavaScript fayllar shunchaki "text" - matn emas va semantik jihatdan uni "application" deb sinflash to'g'ri bo'larkan.

3. "application/javascript" tipi "text/javascript"ni butunlay o'rnnini egallashi kerak edi. Lekin odamlar baribir "text/javascript"ni ishlatishni davom etaverishgan.

4. Shu sabab standardni qayta ko'rib chiqishgan.

5. "text/javascript" endi to'g'ri standard tip.

6. "application/javascript" eski (deprecated) tip.

🤗🤗🤗

https://mimetype.io/text/javascript

@brogrammist

CSS Funksiya va Miksinlar

Oxirgi yillarda CSSga juda ko'p imkoniyatlar qo'shildi. Yaqinda qo'shiladigan funksiya va miksinlar Sass, Less kabi preprotsessorlarga ehtiyojni yanada kamaytiradi. Bular:

1. @function

@function --negative(--value) {
  result: calc(-1 * var(--value));
}

div {
  --padding: 20px;
  margin-inline: --negative(var(--padding));
}

2. @mixin

@mixin --center-content {
  display: grid;
  place-content: center;
}

.card {
  @apply --center-content;
}

To'liq: https://www.diyorbek.blog/blog/css-funksiya-va-miksinlar

@if va @where ham yaqinda qo'shiladi deb o'qigandim. Nasinemsin, bu ketishda JavaScript kerak bo'may qoladimi diyman. 🤔

@brogrammist

Dizayn sistema evolyutsiyasi

Simplicity scales.
Complexity fails.

Frontend System Design (FSD) bo'yicha darslar o'tishni niyat qilib yuribman:

- Texnik suhbatlardagi FSD savollar

- Ko'p ishlatiladigan dasturlar frontend arxitekturasini qayta tuzib ko'rish

Bunday darslarda nimalarni o'rganishni xohlagan bo'lardingiz? Qaysi jiharlatga yoki mavzularga urg'u bersak yaxshi?

⚡️ Frontend intervyu masalalari

Endi 42Arena da frontend (react) bilimlaringizni ham charxlashingiz mumkin.

👉 42.uz/arena

Oxo 👀

Bugun ochiq dars bo'ladi. Qatnashyapsizlarmi? 🙂

https://t.iss.one/qirikki/117

15 daqiqadan so'ng jonli darsni YouTubeda boshlaymiz: youtube.com/live/9DCwP6Xkujk

Ochiq darsimiz tugadi. YouTube dan bemalol ko'rishingiz mumkin.

Xavfsizlik mavzusida ko'p to'xtalib qolganimiz uchun Case Study mavzusini to'liq yoritolmadim. Buning uchun uzr so'rayman.

P.S. Davom ettirsamam bo'lardi lekin gapiraverib tomog'ib og'rib qoldi🥲

Talablarga binoan, darsdagi Notion'ga link

Frontend System Design Mock Interview

Kandidat: Diyorbek Sadullaev (@brogrammist)

Intervyu oluvchilar:
- Umar Sadullayev (@JoshDeveloper)
- Shahzod Tursunov (@shahzodcodes)

Vaqt: 30-sentyabr, 21:00

YouTube link: https://youtube.com/live/Asue50XgbL8?feature=share

Komponent arxitekturasi, state management'dan tortib, performance optimizatsiya, scalability mavzularigacha savollar bo'ladi.

Yetakchi tech kompaniyalarda senior va lead lavozimlarida ishlab kelyotgan mutaxassislardan o'rganamiz!

Frontend tizim dizayni kursiga qo'shiling: https://42.uz/course/frontend-tizim-dizayni

Birozdan song boshlaymiz!

Yangi link: https://youtube.com/live/Asue50XgbL8?feature=share