https://islom-abdulakhatov.notion.site/Web-Interview-Mastery-26168430778647539e2dc934bbd10b39
interview savol-javoblar
interview savol-javoblar
HTML, CSS, JavaScript, Typescript, Reactjs, Git & github and behovorial questions
islom-abdulakhatov on Notion
Web Interview Mastery | Notion
Interview Questions:
• Бахтни ҳис этиш учун ғам-ташвиш чекиб кўриш керак.
• Ютуқни қўлга киритиш учун муваффақиятсизликни бошдан ўтказиб кўриш керак.
• Яхшиликни ажратиб олиш учун ёмонликка назар солиб кўриш керак.
• Яхши кўришни ҳис этиш учун кароҳиятни ҳам билиб кўриш керак.
• Ғалабани ҳис этиш учун мағлубиятга учраб кўриш керак.
• Ҳузур-ҳаловатни ҳис этиш учун оғриқни тотиб кўриш керак.
Демак, ҳар бир неъматнинг қадрига етиш учун ундан маҳрум бўлиб кўриш керак. Улар бўлмаганида ҳеч нарсанинг қадр-қимматини ҳис этмаган бўлар эдик.
@mehrob_himmati
• Ютуқни қўлга киритиш учун муваффақиятсизликни бошдан ўтказиб кўриш керак.
• Яхшиликни ажратиб олиш учун ёмонликка назар солиб кўриш керак.
• Яхши кўришни ҳис этиш учун кароҳиятни ҳам билиб кўриш керак.
• Ғалабани ҳис этиш учун мағлубиятга учраб кўриш керак.
• Ҳузур-ҳаловатни ҳис этиш учун оғриқни тотиб кўриш керак.
Демак, ҳар бир неъматнинг қадрига етиш учун ундан маҳрум бўлиб кўриш керак. Улар бўлмаганида ҳеч нарсанинг қадр-қимматини ҳис этмаган бўлар эдик.
@mehrob_himmati
Ikki Son Yig‘indisi
Sizga butun sonlardan iborat array va targetSum beriladi. Arraydagi ikki turli son yig‘indisi targetSum'ga teng bo‘lsa, ularni o‘sish tartibida qaytaradigan funksiya yozing.
Agar bunday juftlik bo‘lmasa, bo‘sh array qaytaring.
💡 Eslatma: Sonlar turli bo'lsin, bitta sondan ikki marta foydalanib bo‘lmaydi.
Faqat bitta juftlik mavjud deb faraz qiling.
Misol uchun
array = [3, 5, -4, 8, 11, 1, -1, 6]
targetSum = 10
Kutilgan natija
[-1, 11] // sonlar o‘sish tartibida
https://42.uz/course/arena/two-number-sum/problem
Ketma-ket qism
Ikkita butun sonlardan iborat array beriladi. Ikkinchi array birinchining ketma-ket qismi ekanini aniqlovchi funksiya yozing.
Ketma-ket qism — bu elementlari tartib bilan uchraydigan, lekin yonma-yon bo‘lishi shart bo‘lmagan qator.
Masalan, [1, 3, 4] sonlari [1, 2, 3, 4] arrayining ketma-ket qismi hisoblanadi, [2, 4] ham shunday. Shuningdek, bitta son yoki arrayning o‘zi ham ketma-ket qism bo‘lishi mumkin.
Misol uchun
array = [5, 1, 22, 25, 6, -1, 8, 10]
sequence = [1, 6, -1, 10]
Kutilgan natija
true
https://42.uz/course/arena/ketma-ket-qism/problem
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(
kim tarafidan yozilgani yodimda yo'q,
bugun be maqsad uydan chiqib maqsadli kishilarga xizmat qilib keldim)
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)
Forwarded from WebDev+ | Веб-разработка
This media is not supported in your browser
VIEW IN TELEGRAM
Шарь свой localhost кому угодно прямо из VS Code 🤯
В VS Code есть встроенная фишка с портами, которая позволяет открыть твой локальный сервер в интернет без всяких сторонних тулз.
Как это юзать:
Открой вкладку Ports в терминальной панели
Жми Forward a Port
Введи номер локального порта (у меня был 5173, у тебя может быть 3000, 3001 и т. д.)
VS Code сгенерит ссылку — правой кнопкой и Make Public
Копируй ссылку и кидай кому надо
Идеально для демо, тестов на других девайсах или чтобы показать работу клиентам и команде :)
В видео есть пошаговый разбор, как это делается👌
@WebDev_Plus
В VS Code есть встроенная фишка с портами, которая позволяет открыть твой локальный сервер в интернет без всяких сторонних тулз.
Как это юзать:
Открой вкладку Ports в терминальной панели
Жми Forward a Port
Введи номер локального порта (у меня был 5173, у тебя может быть 3000, 3001 и т. д.)
VS Code сгенерит ссылку — правой кнопкой и Make Public
Копируй ссылку и кидай кому надо
Идеально для демо, тестов на других девайсах или чтобы показать работу клиентам и команде :)
В видео есть пошаговый разбор, как это делается
@WebDev_Plus
Please open Telegram to view this post
VIEW IN TELEGRAM
https://github.com/diyorbek/diyorbek.blog/blob/master/public%2FDiyobek_Sadullaev_s_resume.pdf
resume uchun shablon
https://t.me/brogrammist
resume uchun shablon
https://t.me/brogrammist
GitHub
diyorbek.blog/public/Diyobek_Sadullaev_s_resume.pdf at master · diyorbek/diyorbek.blog
Contribute to diyorbek/diyorbek.blog development by creating an account on GitHub.
Forwarded from Brogrammist
Kod yozganda shunqa "tozalash" ishlarini qilishni yoqtiraman.
React bilan ishlaganda iloji boricha mantiqiy ifodalarni JSXdan ajratish kerak. Shunda kod ancha "o'qishli" va toza chiqadi.
Bu ideal kod emas, ammo hech bo'lmasa shunday "best practice"larni doim ishlatish kerak.
React bilan ishlaganda iloji boricha mantiqiy ifodalarni JSXdan ajratish kerak. Shunda kod ancha "o'qishli" va toza chiqadi.
Bu ideal kod emas, ammo hech bo'lmasa shunday "best practice"larni doim ishlatish kerak.
Frontend bo'yicha boshlang'ich savol javoblar:
https://docs.google.com/document/d/1e3vMCrvbEGGTUNOzmEmrxKK6vKNIPq-DEHpKC9P8PEw/edit?usp=sharing
https://docs.google.com/document/d/1e3vMCrvbEGGTUNOzmEmrxKK6vKNIPq-DEHpKC9P8PEw/edit?usp=sharing
Google Docs
HTML, CSS, JS va React Bo'yicha Savol-Javoblar
HTML, CSS, JS va React Bo'yicha To'liq Qo'llanma Bu hujjat sizning savollaringizga asoslanib, veb-dasturlashning asosiy tushunchalarini o'z ichiga oladi. HTML & CSS HTML Tag Turlari HTML taglari asosan ikki turga bo'linadi: Blok-darajali (Block-level) elementlar:…
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
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:
Texnik Amalga Oshirish:
Next.js da buni amalga oshirish juda oson. fetch funksiyasiga
#nextjs
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