Rendering

React.js'ni o'rganishni boshlaganlar barchasi rendering haqida mavzuga duch keladi. Sababi, rendering'ga aloqador mavzulardan birinchi bo'lib Virtual DOM haqida bilishlari kerak, chunki React.js DOM'ga o'zgarishlarni tezroq va optimal usulda render qilish uchun Virtual DOM'dan foydalanadi.

**Virtual DOM - bu asl DOM (Document Object Model)'ning virtual ko'rinishi. U React ilovasidagi ma'lumotlar o'zgarganda yangilanishlarni ko'rsatish samaradorligini oshirish uchun ishlatiladi. Qisqacha ishlashi quyidagicha: React componenti birinchi marta render qilinganda, u DOM'ning virtual ko'rinishini yaratib oladi va biror ma'lumot o'zgarganda (foydalanuvchining ta'siri tufayli yoki boshqa event'lar sababli) asl DOM'ni o'zgartirmasdan oldin Virtual DOM'ni o'zgartiradi. So'ng Haqiqiy DOM bilan Virtual DOM'ni solishtirib ("Reconciliation" or "diffing"), faqatgina o'zgargan komponentalarni yangilaydi.

Core Web Vitals (CWV) degan tushuncha bor. CWV ko'rsatkichlari foydalanuvchi tajribasiga mos kelishi kerak bo'lgan parametrlarni o'lchaydi. Ya'ni bizda turli xil rendering pattern'la bor va ularni qaysi birini ishlatishni case'ga qarab tanlaymiz. Har biri qaysidir muammoni hal qiladi. Lekin bu patternlar qanchalik optimal, yaxshi ekanliklarini mana shu metrics bilan o'lchaymiz. CWV'ni optimallashtirish yaxshi User Experience va SEO'ni ta'minlab beradi. Bular UX ni yaxshilash uchun.
DX (developer experience)ni yaxshilash uchun build time'ni tezlashtirish, oson rollback va kengayishga oson qilish kabi bir nechta narsalarni ham ta'minlashimiz kerak. Bular haqida ham yana yozamiz. Shunday qilib qaysi rendering pattern'dan foydalanish "use case"'ga bog'liq bo'ladi va proyekt boshlanishidan avval proyekt turiga qarab bittasi tanlanadi.

Rendering types:
• Client-Side Rendering (CSR)
• Server-Side Rendering (SSR)
• Static Rendering yoki Static Site Generation (SSG)
• Incremental Static Regeneration (ISR)
• Deferred Site Generation (DSG)

@nurulloh_ubaydullayev

Telegram bot - #1

darsda
- nodejs/expressjs sozladik
- mongodb sozlab, user modelini shakllantirdik
- bot sozlandi.
- botdan xabar olish va xabar jo’natish

vazifa:
1. Kiril - lotin boti
Kiritilgan kirilcha matnlarni lotinchaga va aksincha lotinchani kirilchaga o'girish funksiyanali qilinsin
2. /start buyruqigdan keyin 30 sekund ichida 1-100 gacha bo'lgan tasodifiy sonni foydalanuvchi 5 ta urunishda topishi lozim. har bir urunishda topmaganida tasodifiy o'ylangan son katta yoki kichik qiymatdaligini podskazka holatda aytilsin. vaqt tugasa yoki urunishlar soni tugasa yutkazgani va o'ylangan sonni ko'rsatilsin. aks holda yutganlikni xabar bering

Linklar:
- nodejs: https://nodejs.org/ru
- mongodb: https://www.mongodb.com/try/download/community-kubernetes-operator
- vscode: https://code.visualstudio.com/
- node-telegram-bot-api: https://www.npmjs.com/package/node-telegram-bot-api
- telegram bot api qo’llanmasi: https://core.telegram.org/bots/api

p.s.
- savollar bo’lsa bemalol yozinglar.
- Prezentatsiya faylini kommentariyaga yuklayman.

Payme da stajirovka (amaliyot) uchun qabul boshlandi.

Oylik 3mln. Davomiyligi 1-3 oygacha, eng yaxshi bitiruvchilar junior sifatida kompaniyada katta maoshli offer bilan olib qolinadi.
Rus tilini bilish shart.

Talablar:
— Фундаментальные знания JavaScript
— Опыт разработки на node js будет преимуществом
— Желание развиваться как Backend разработчик

Qatnashmoqchilar rezyumesini — https://t.me/dianaKpayme ga "Stajirovka uchun" deb yuborishlari kerak

👉 @akh_blog

Telegram bot - #2

darsda
- Foydalanuvchilarni ro'yhatdan o'tkazish va umumiy foydalanuvchilar ro'yhatini chiqarish
- admin va user tushunchasi
- keyboard
- inline keyboard
- Do'konning kategoriyalari ro'yhati va yangi kategoriya qo'shish qilindi

Vazifa:
- Do'kon filiallari ro'yhati va yangi filialni admin qo'shish imkoniyati
- Do'kon ijtimoiy tarmoqlar modelini tuzib unga malumot qo'shish funksiyani dasturlansiz

p.s. darsda ishtirok etganingiz uchun rahmat. agarda savollar bo'lsa bemalol yoki kommentga yoki @elshod ga yozing. rahmat

Telegram bot - #2

darsda
- Foydalanuvchilarni ro'yhatdan o'tkazish va umumiy foydalanuvchilar ro'yhatini chiqarish
- admin va user tushunchasi
- keyboard
- inline keyboard
- Do'konning kategoriyalari ro'yhati va yangi kategoriya qo'shish qilindi

Vazifa:
- Do'kon filiallari ro'yhati va yangi filialni admin qo'shish imkoniyati
- Do'kon ijtimoiy tarmoqlar modelini tuzib unga malumot qo'shish funksiyani dasturlansiz

p.s. darsda ishtirok etganingiz uchun rahmat. agarda savollar bo'lsa bemalol yoki kommentga yoki @elshod ga yozing. rahmat

Telegram bot - #3

Bugun darsimizda

- kategoriya bo’limi uchun pagination
- kategoriyani tahrirlash
- kategoriyani o’chirish
- kategoriyadagi mahsulotlar ro’yhati

uyga vazifa
1 - Filiallar bo’limi qilish. filialda yangi filial, filialni tahrirlash va filialni o’chirish funsiyasini qo’shing
2 - kirim/chiqim malumotlar. kirim/chiqim uchun model shakllantirib, ma’lumotlarni qo’shish/tahrirlash/o’chirish imkoniyati bo’lsin. kirim/chiqim maydonlari - kirim/chiqim summasi ($da) va kirim/chiqim uchun izoh(comment) bo’lsin.

Telegram bot - #4

Darsda
- rasmlarni yuklash va telegram serveridan rasmlarni sendPhoto qilish
- mahsulotni ma'lum kategoriyaga qo'shish
- mahsulotni o'chirish

p.s. ming bora uzr. bugun mahsulotni korzinaga qo'shishga ulgurmadim. shanba kuni nasib bo'lsa ulgurib tugatamiz.

Assalomu alaykum va rahmatullohi va barakatuh
Dasturchi Birodarlar bugundan boshlab biz ancha vaqt uzilishdan so`ng yana qaytdik va Jamoamiz bilan kelishgan holda sizlar uchun yangi content o`ylab chiqdik. Va bugundan boshlab bu kanalni yurguzamiz yani JavaScript Full Stack yo`nalish bo`yicha content oboramiz.

-HTML
-CSS
-JavaScript
-React
-Redux
-Next.js
-Node.js
-Nest.js

Va boshqa texnalogiyalar bo`yicha bo'ladi contentlarimiz.

Ps: Keyingi post Frontend va Backend tushunchalari haqida.

Foydali ma`lumotlarni Tanishlarga share qilib qo`yishni unutmanglar 🫡

Kanalimizga obuna boling 👇

Telegram | Instagram