HTML input

8 popular network protocols

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

https://docs.google.com/document/d/1_WgG08oPYFFYl3m0kXhnipyXj4DwwUsfglWw5339gBk/edit?usp=sharing

gRPC- (google Remote Procedure Call)

file.proto in gRPC

• Бахтни ҳис этиш учун ғам-ташвиш чекиб кўриш керак.
• Ютуқни қўлга киритиш учун муваффақиятсизликни бошдан ўтказиб кўриш керак.
• Яхшиликни ажратиб олиш учун ёмонликка назар солиб кўриш керак.
• Яхши кўришни ҳис этиш учун кароҳиятни ҳам билиб кўриш керак.
• Ғалабани ҳис этиш учун мағлубиятга учраб кўриш керак.
• Ҳузур-ҳаловатни ҳис этиш учун оғриқни тотиб кўриш керак.

Демак, ҳар бир неъматнинг қадрига етиш учун ундан маҳрум бўлиб кўриш керак. Улар бўлмаганида ҳеч нарсанинг қадр-қимматини ҳис этмаган бўлар эдик.
@mehrob_himmati

Inson juda ko'p ma'lumotni biladi lekin amal qilmaydi, ertangi kuningda nimalar qilish kerakli haqida bugun plan tuzib ol, ertangi kuning samarali bo'ladi, nima qilishing kerakligi haqida o'zingda ma'lumot bo'ladi, tetik bo'lasan, harakatchang bo'lasan, bajarishga, yakuniga yetkazishga harakat qilasan va
qo'ygan maqsadingni oxiriga yetkazsang o'zinga bo'lgan ishonching ortadi degan gaplarni juda ko'p eshitganman lekin amal qilmay keldim.
Bugungi kunimni tahlil qilib ko'rsam shu ma'lumotga amal qilmay anchagina samaradorlikni yuqotibman va bugungi kunimni va o'tgan kunlarimni isrof qilibman(

Agar maqsading bo'lmasa maqsadi borlarga xizmat qilasan.

kim tarafidan yozilgani yodimda yo'q,

bugun be maqsad uydan chiqib maqsadli kishilarga xizmat qilib keldim)

Xato qilish ayb emas lekin uni ikkinchi bor qayta qilish aybdur)

https://github.com/diyorbek/diyorbek.blog/blob/master/public%2FDiyobek_Sadullaev_s_resume.pdf

resume uchun shablon

https://t.me/brogrammist

react uchun roadmap:

https://roadmap.sh/react

Frontend bo'yicha boshlang'ich savol javoblar:

https://docs.google.com/document/d/1e3vMCrvbEGGTUNOzmEmrxKK6vKNIPq-DEHpKC9P8PEw/edit?usp=sharing

1.1 Client-Side Rendering (CSR)
Bu nima?
CSR — bu an'anaviy React ilovalarining ishlash usuli. Brauzer dastlab serverdan bo'sh HTML sahifa va katta JavaScript faylini yuklab oladi. JavaScript ishga tushgandan keyin, u ma'lumotlarni API dan oladi va sahifani to'ldiradi.

Next.js da qanday ishlatiladi?
App Router da barcha komponentlar sukut bo'yicha (default) Server Component hisoblanadi. CSR ni yoqish uchun faylning eng yuqori qismiga 'use client' direktivasini qo'shish kerak.

Qachon ishlatiladi?
Foydalanuvchi bilan faol aloqa (interaktivlik) kerak bo'lganda (tugmalar, formalar, onClick hodisalari).
Brauzerga xos API lar (window, document, localStorage) ishlatilganda.
React hooklari (useState, useEffect) kerak bo'lganda.
Afzalligi va Kamchiligi:
+ Yuklangandan so'ng sahifalar o'rtasida o'tish juda tez bo'ladi.
- Dastlabki yuklanish sekin bo'lishi mumkin (oq ekran muammosi).
- SEO uchun har doim ham ideal emas (garchi zamonaviy qidiruv tizimlari JS ni o'qisa ham).

1.2 Server-Side Rendering (SSR)
Bu nima?
SSR da har safar foydalanuvchi sahifaga kirganda, server sahifani noldan boshlab generatsiya qiladi (HTML hosil qiladi) va tayyor HTML ni brauzerga yuboradi.

Next.js da qanday ishlatiladi?
Agar siz ma'lumot olishda fetch funksiyasidan foydalanib, unga { cache: 'no-store' } opsiyasini bersangiz, Next.js bu sahifani har safar yangidan render qiladi.

Qachon ishlatiladi?

Ma'lumotlar juda tez-tez o'zgarganda (masalan, aksiyalar bozori, jonli sport natijalari).
Har bir foydalanuvchi uchun individual ma'lumot ko'rsatilganda (masalan, shaxsiy kabinet, savat).
Afzalligi va Kamchiligi:
+ Doimiy eng yangi ma'lumot.
+ SEO uchun juda yaxshi, chunki HTML to'liq keladi.
- Serverga katta yuk tushadi.
- TTFB (Time to First Byte) sekinroq bo'lishi mumkin, chunki server javob berishdan oldin ma'lumotlarni bazadan olib, HTML-ni yasashi kerak.


1.3 Static Site Generation (SSG)
Bu nima?
SSG — bu Next.js ning "super kuchi". Sahifalar loyihani qurish vaqtida (Build Time) bir marta generatsiya qilinadi va statik HTML fayllar sifatida saqlanadi. Foydalanuvchi kirganda, server hech qanday ish bajarmaydi, shunchaki tayyor faylni uzatadi.

Qachon ishlatiladi?

Bloglar, yangiliklar saytlari, hujjatlar (documentation), marketing sahifalari.
Ma'lumotlar har bir so'rovda o'zgarishi shart bo'lmagan joylarda.

Afzalligi va Kamchiligi:

+ Saytning ishlash tezligi maksimal darajada bo'ladi (CDN orqali tarqatish oson).
+ Serverga deyarli yuk tushmaydi.
- Ma'lumotni yangilash uchun butun loyihani qayta qurish (rebuild) kerak bo'ladi.



1.4 Incremental Static Regeneration (ISR) - "Yangilangan Sut" Analogiyasi:

Tasavvur qiling, siz sut do'koniga (web saytga) sut (ma'lumot) olish uchun keldingiz:

1. SSG (Static): Do'kon egasi faqat ertalab soat 6:00 da sigir sog'ib, sutni qadoqlab qo'ygan. Siz tushda kelsangiz ham, kechqurun kelsangiz ham o'sha ertalabki sutni olasiz. Bu juda tez, chunki sut tayyor, lekin vaqt o'tishi bilan "eski" bo'lib qoladi.

2. SSR (Server): Siz do'konga kelganingizda, sotuvchi orqa hovliga yugurib, sigirni sog'ib, sutni qaynatib, idishga solib olib keladi. Bu sut eng yangi (fresh), lekin siz kutib qolasiz. Agar 100 kishi kelsa, sotuvchi 100 marta yugurishi kerak.

3. ISR (Incremental): Sotuvchida muzlatgich bor. U ertalab sutni tayyorlab qo'yadi. Siz kelganda darhol muzlatgichdagi sutni beradi (tez). Lekin u o'ziga qoida qo'ygan: "Har 1 soatda sutni yangilayman".

Siz 12:00 da keldingiz, u sizga tayyor sutni berdi.

Siz 12:01 da yana keldingiz, u yana o'sha sutni berdi (chunki 1 soat o'tmadi).

13:05 da (1 soatdan keyin) kimdir keldi. Sotuvchi unga hali ham o'sha eski sutni beradi (kutirmaslik uchun), lekin orqa fonda yordamchisiga "Yangi sut olib kel!" deb buyruq beradi.

13:06 da kelgan keyingi xaridor endi mutlaqo yangi sutni oladi.

Texnik Amalga Oshirish:
Next.js da buni amalga oshirish juda oson. fetch funksiyasiga next: { revalidate: 60 } opsiyasini qo'shasiz. Bu "ma'lumotni 60 soniya davomida keshda saqlash, undan keyin yangilash" degan ma'noni anglatadi.

#nextjs