Test

CSS

- Qanday CSS preprocessorlaridan foydalangansiz?

- SASS va CSS ning bir-biridan qanday farqi bor?

- Loyihalaringizda CSS Grid va Flexboxlardan foydalanganmisiz?

- Responsive va Adaptive designlarning bir-biridan qanday farqi bor?

- position turlarini sanab bering

CSS da qanaqa o’lchov birliklari bor va qaysi birlarini ko’p holatlarda ishlatasiz

- vh va vw ni qanaqa holatlarda ishlatiladi va nega?

- qanday display turlari bor

- position sticky ni position fixed dan nima farqi bor?

. CSS va SASS o’zgaruvchilari orasida nima farq bor?

. Block va inline elementlari orasida nima farq bor?

. HTML Semantic elementlari nima?

. CSS da qanday nomlash metodologiyalarini bilasiz va ishlatasiz?

. Accessibility nima?

css, grid, flexbox, responsive qilish yo'llari,

JavaScript

- JavaScript single-threaded dasturlash tilimi yoki multi-threaded dasturlash tilimi?

- Promise nima? Qanday promise metodlarini bilasiz?

- Tasavvur qiling 100 ta promise bor, qanday qilib shu 100 ta promiseni bir vaqtda consume qilish mumkun?

- Promise.all va Promise.race larning bir-biridan farqini aytib bering

- var, let va const ning bir biridan qanday farqi bor?

- Hoisting nima?

- JavaScriptda inheritance qanday ishlaydi?

- Objectning prototipini qanday aniqlash mumkun?

- JavaScriptda lexical environment nima? Lexical environment qachon yasaladi?

- Funksiyaning argumentlari ham lexical environmentga qo'shiladimi?

- JavaScriptda hodisalar qanday ishlaydi (event propogationga urg'u berilgan)

- Qanday qilib hodisalarning standart holatini, bubblingdan capturingga o'tkazib qo'yish mumkun?

- e.preventDefault() va e.stopPropogation() larning bir-biridan qanday farqi bor?

- Funksional dasturlash haqida nimalarni bilasiz? Funksional dasturlashning asoslarini sanab bering

- Pure functionlar haqida ma'lumot bering

- sessionStorage, localStorage va cookielarning bir biridan qanday farqi bor?

- Tokenlarni qayerda saqlagan yaxshi?

- Cookiening qanday attributlari mavjud?

- Shallow copy va deep copylarning qanday farqi bor?

- JavaScript qanday ma’lumot turlari (data type) mavjud?

- null va undefined ham ma'lumot turlariga kiradimi?

- var, let va const orqali o'zgaruvchi e'lon qilishni farqi nimada?

- hoisting haqida ma'lumot bering

- hoistingda temporary dead zone tushunchasi nima?

- Set, Map, WeakSet va WeakMap haqida ma’lumot bering

- o'qli funksiya (arrow function) va oddiy functionni farqi nimada?

- JavaScriptda context deb nimaga aytiladi?

- this kalit so'zi va uni ishlatilishi haqida ma’lumot bering

- __proto__ va prototype ni haqida ma'lumot bering va farqini ayting

- call, bind, apply metodlarini farqi nimada?

- JavaScriptda Window global obyektida qanday xususiyatlar mavjud?

- Sahifa addressini olish uchun Window global obyektini qaysi xususiyatidan foydalaniladi?

- JavaScriptda DOM dagi elementlarni olish uchun qanday metodlar mavjud?

- getElementById va getElementsByClassName ni farqi nimada?

function declarations / hoisting

arrow functions / advantages

async await,  error handling in async call 

preventDefault - well done

 key, dom element

- JavaScriptda == va === nima farqi bor va qaysi birini ishlatgan ma’qul?

- Ikkita qiymatlari bir xil obyetklarni solishtirilsa nima javob qaytadi?

- Nega qiymatlari bir xil bo’lgan obyektlar solishtirilganda false qaytadi?

- forEach va map ni bir biridan nma farqi bor?

- sort va filterni nima farqi bor?

- sort va filterda array mutatsiya qiladimi?

- includes metodi nima vazifani bajaradi?

- some bilan everyni nima farqi bor?

- JavaScriptda classlarga ta’rif bering, tuzilishi va qanday ishlashi

- Classlarda static metodlar va oddiy metodlarni nima farqi bor?

- static metodlarda oddiy metodlarni chaqirsa bo’ladimi va qanday chaqirsa bo’ladi, yoki aksincha

- Promise class lari qanday ishlaydi va qanaqa parametrlari bor?

- Promise lar boshqarish funksiyalarida all va race qanday ishlaydi?

SEO optimizatsiyasi nima?

6. JavaScriptda qanday ma’lumot tiplari mavjud?

7. Primitiv va Reference ma’lumot tiplari orasida nima farqlar mavjud?

8. Odatiy (qo’lbola - custom) Promise kutubxonalaridan foydalanganmisz?

9. Fetch va Axios ni farqi nimada va qanday qulayliklari mavjud?

 javascript single-threaded,

async/await,

var/let/const,

inheritance,

event propogation,

functional programming nima(nazariy),

pure function,

localStorage,

map/filter lani ishlatib 

React

- Nima uchun Reactni import qilishimiz kerak?

- Qanday holatlarda callback funksiyalarni memoize qilish kerak?

- Reactda qanday Hooklarni bilasiz?

- React hodisalari bilan JavaScript hodisalari o'rtasidagi farqni aytib bering

- Qanday hayot sikli metodlarini bilasiz?

- Agar biron bir prop o'zgarsa, qaysi hayot sikli metodidan foydalanishimiz mumkun?

- React hooklari barcha hayot sikli metodlarini qamrab olganmi?

- Ta'savvur qiling, bizda ko'p ma'lumot mavjud, qanday qilib performanceni oshirishimiz mumkun?

- DOM va Virtual DOM ning bir biridan qanday farqi bor?

- React.forwardRef nima?

useMemo/useCallback 

- Reactda qanday komponent turlari mavjud?

- Class kompoentlar bilan qanday ishlanadi?

- Class komponentlarda qanday hayot sikli metodlarini bilasiz?

- Hayot sikli metodlari funksional komponentlarda qanday ishlatilinadi?

- Reactda Virtual DOM haqida ma'lumot bering

- state va props ni farqi nimada?

- Funksional komponent va class komponentlarda state yozilishi farqi nimada?

- Reactda Context tushunchasi nima?

- Reactda formalar bilan qanday ishlagansiz?

- controlled va uncontrolled componentlar haqida ma'lumot bering?

- useRef dan qanday foydalaniladi?

- ComponentWillUnmount necha martta ishlaydi va u nega ishlatiladi?

- useEffect orqali componentWillUnmount ni qanday qilib yozsa bo’ladi?

- Context API qanday ishlaydi?

- useMemo va useCallback ga ta’rif bering

- Til o’zgarishi uchun qaysi kutubxonadan foydalangansiz?

- React Routerga ta’rif bering va qanday ishlatishingizni tushuntirib bering

- Lazy importlar qanday ishlaydi va nega lazy ishlatilinadi?

12. Reactdagi asosiy hayot tsikli metodlari qaysilar?

13. Pure component nima degani? va oddiy komponentdan nima farqi bor?

14. VirtualDOM nima degani va DOM dan nima farqi bor?

react hooks,

lifecycle hooks,

props/state,

lifecycle hooks with react hooks,

context API,

ref,

fragment

put/post/patch/get, code review, ci/cd 

Redux & Redux Saga:

- Redux da action dispatch bo’lishini ketma ketligini aytib bering

- Action dispatch bo’lganda o’zgarish birinchi bo’lib reducerda bo’ladimi yoki sagada?

- Reducerdan olingan qiymatlarni komponentni ichida qanday qilib ishlatsa bo’ladi?

- Redux Sagada takeLatest va takeEvery ni nima farqi bor?

16. Redux ning side-effect (nojoyi ta’sir) kutubxonalaridan foydalanganmisz?

17. Q/A team bilan ishlaganmisz va ular bilan ish jarayoni qanday ketadi?

React/Redux (3.8): 

 todoApp (add / remove / display todos) 

 custom hook 

async redux call for todos

Redux principles

Qo'shimcha savollar

- Loyihalarda TypeScript ishlatib ko'rganmisiz? TypeScriptning qanday afzallik taraflari bor

- POST PUT va PATCH so'rovlarining bir biridan qanday farqi bor?

- Yaxshi kod deganda nimani tushunasiz?

- Qanday Code style Guidelarni bilasiz?

- Prettier, eslint haqida nimalarni bilasiz?

- CI/CD bo'yicha savollar

scrum/kanban

DevOps CI/CD

storyBook

Solid

Cors

Webpack

GIT

Testing Pyramid

Unit vs Integration vs E2E testing

Tools: RTL, Jest, Karma, Enzyme

 Prettier and Eslint

Array modification,

array duplication removal,

solid understanding map,

set, reduce

SSR

- Redux Saga

- Storybook

Amaliy savollar

- Raqamlar konsolga qanday ketma-ketlikda chiqadi?

setTimeout(() => console.log(1), 0);

Promise.resolve().then(() => console.log(3)).then(() => console.log(4));

console.log(5);

- Array ichidagi eng ko'p takrorlangan elementni topuvchi funksiya yozib bering

[1, 2, 3, 1, 3, 3, 5] => 3 

- JavaScriptda array ichidagi sonlarni qo’shish funksiyasini yozib bering

- JavaScriptda ikkita obyektni solishtirish funksiyasini yozib bering

- JavaScriptda ichma ich joylashgan obyektlarni solishtirib berish funksiyasini yozib bering

- Arrays in array strukturasidagi ma'lumotni array of object strukturasiga o'tkazuvchi funksiya yozib bering

e.g. “Khumoyun”, “Inoyatov”, … “Maqsud”, “Karimov” => {firstname: “Khumoyun”, lastName: “Inoyatov”}, ... {firstname: “Maqsud”, lastName: “Karimov”},

- obyekt ichidagi metodni turini oddiy funksiyadan o’qli funksiyaga o’zgartirganda this o’zgaradimi yo’qmi, ko’rsatib bering

- Reactda kinoportaldan ma’lumot olib uni domga chiqarib beruvchi komponent yozib bering (API ga yo’nalish berilgan)

Software Development Process:

- Code review nima, ishlagan joyingizda code review jarayoni bo’lganmi, o’zingiz code review qilganmisz?

- Dasturlashda kod yozish amaliyotini yaxshilash uchun qanday prinsip (KISS, DRY, SOLID) va qurollar (tool)dan (ESLint, Prettier) foydalanasiz?

- Qanday vazifalarni boshqarish metodologiyalarni (task managent methodologies) bilasiz (Agile, Scrum, Kanban)?

- Ishlagan joyingizda Scrum vazifalar boshqari tizimi qanday tuzilgandi?

10. Outputlar (natijalar) ni ketma ketligida ayting

function f() {

  console.log(x)

  console.log(y)

  var x = 0;

  var y = 1;

}

f()

11. Natija nima bo’ladi?

function f() {

  setTimeout(() => console.log(0), 0)

  console.log(1)

}

f()

///

5. Quyidagi kodda qanday xatolik mavjud?

import { useEffect } from "react"

import {subscribe, unsubscribe} from "subscription-lib" 

function Component() {

  useEffect (() => {

   subscribe ()

  })

  return null;

}