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.me/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

Men 5 yil oldin yasagan pet-project bugun 10 000 so'm foyda olib keldi. 🥲

Ko'ringlar 🙂

https://www.youtube.com/live/zyVRg2QR6LA?si=e-VVDeoOmZ0qwYcQ

O'zgaruvchi/funksiya nomlarini yozganda qisqartmalarni qanday yozishga ikkilanaman:

Katta harf bilan yozaveraymi yoki kichik harfga o'zgartirsammi? 🤔

Mana sizga clean code tip:

Qisqartmalarni boshqa so'zlardek kichik harf bilan yozing!

🚫 validateXMLFile
✅ validateXmlFile

🚫 sendJSONRequest
✅ sendJsonRequest

Shunday qilinsa, so'zlarni o'qish osonlashadi.

Ayniqsa bir nechta qisqartmalar yonma-yon kelganda buning foydasini ko'rish mumkin.

🚫 setRESTAPIURL
✅ setRestApiUrl


P.S. LinkedIn'dan chopildi

Dasturchilik Darajalari Qo‘llanmasi

📎 Link

P.S. Yana LinkedIn'dan chopildi