Frontend

Կարո՞ղ է ներմուծել FSD-ի մեկ մակարդակից մյուսին նույն մակարդակում։

Middle+

Т-Банк

Պատմեք, թե ինչպես է աշխատում Event Emitter ձևանմուշը և արդյոք ունեցել եք դրա հետ փորձ, մասնավորապես Angular-ում։

Middle+

Т-Банк

Ի՞նչ խնդիրներ է լուծում dependency injection-ը Angular-ում և ինչ առավելություններ է տալիս ծառայությունների տրամադրումը ծրագրի և կոմպոնենտների մակարդակներում։

Middle+

Т-Банк

Պարզ սլոտ մեքենայի իրականացման համար՝ "մեկ ձեռքի բանդիտ": - Իրականացրեք երեք ռուլետ (համարներով 0-ից 9, որոնք փոխվում են հերթականությամբ 0,1,2,...9,0,1,2...) - Յուրաքանչյուր onRoll-ի ժամանակ ռուլետում հայտնվում է հաջորդ արժեքը - Եթե բոլոր երեք թվերը համընկնեն կանգնելուց հետո, ասում ենք, որ հաղթել է - Դադարեցման ժամանակ անջատեք կոճակը Ֆիզիկական մոդելը արդեն իրականացված է runSpinner մեթոդում, բայց այն ոչ մի կապ չունի թվերի հետ: Խորհուրդ՝ սկսեք իրականացնել առաջին ռուլետից, ապա ավելացրեք մյուսները ըստ նույնականության։

Middle+

Т-Банк

Ինչու հաղթանակը սխալ հաշվվում է, նույնիսկ եթե տրորակների արժեքները տարբեր են: Գտեք բագի պատճառը, որը կապված է վիճակի ասինխրոն թարմացման ռեյս պայմանների հետ։

Middle+

Т-Банк

Եթե call-ի միջոցով առանց կոնտեքստ փոխանցելու, խիստ ռեժիմում (strict mode) և առանց դրա, ինչ կլինի this-ի արժեքը fn-ի ներսում?

Middle+

Т-Банк

React առաջադրանք (3 ենթադրություն): 1) Տեղեկացրեք օգտագործողի խմբագրման ձևը — երբ սեղմում եք ցուցակի մեջ օգտագործողի անունը, անունը պետք է տեղադրվի խմբագրության ձևի ներսում գտնվող input դաշտում։ 2) Խմբագրության ձևը չպետք է վերաարտադրվի որոնման դաշտում տեքստ մուտքագրելու ժամանակ (optimizasyon with React.memo): 3) Երբ օգտագործողը ընտրվում է ցուցակից, որոնման դաշտը պետք է վերականգնվի։

Middle+

Т-Банк

Ներկայացրեք սառը և տաք Observable-ների տարբերությունը։

Middle+

Т-Банк

Բաժանեք հավելվածը Feature-Sliced Design (FSD) ճարտարապետության համաձայն — նկարագրեք App, Pages, Widgets, Features, Entities շերտերը.

Middle+

Т-Банк

Երեք նոր տեսակ կա: Պետք է ստեղծել նոր ընդհանուր տեսակ, որը կպարունակի այդ տեսակների բոլոր դաշտերը (օգտագործելով union):

Middle+

Т-Банк

Կա՞ն երեք տարբեր i, j, k ցուցանիշներ, որոնց համար a[i]+a[j]+a[k] գումարը ավարտվում է m թվով: Օրինակ, m = 3 համար solve([20, 22, 19, 84]) => true // 20 + 84 + 19 = 123 solve([1,2,3]) => false

Middle+

Т-Банк

Ի՞նչ է Awaited utility type-ը TypeScript-ում։

Middle+

Т-Банк

Ֆունկցիան սիմուլացնում է բրենդի պտտումը աստիճանաբար կանգառով - օգտագործեք onRoll պտտման անիմացիայի համար (փոխել ընթացիկ արժեքը բրենդում) - և onStop՝ երբ բրենդը վերջացնի պտտվելը, տեղեկացնելու համար մասալ runSpinner( () => setValue(v => ++v % 10), () => console.log('finished') )

Middle+

Т-Банк

Փորձեք սիմուլացնել իրավիճակը, որպեսզի բոլոր երեք թվերը ռոլիկների վրա համընկնեն և ստուգեք, որ հաղթանակի հաղորդագրությունը ցուցադրվում է։

Middle+

Т-Банк

Ի՞նչ տարբերություն կա ChangeDetectorRef.markForCheck() և detectChanges() միջև։

Middle+

Т-Банк

Կոդը ուղղեք այնպես, որ կոճակին սեղմելիս միայն App-ը վերանորոգվի, իսկ տեքստը input-ում մուտքագրելիս՝ միայն Parent-ը (չի լինի Child-ի ավելորդ վերանորոգում):

Middle+

Т-Банк

Դու գիտե՞ք Web Vitals մետրիկաները: Ինչպե՞ս կարելի է բարելավել CLS (Cumulative Layout Shift):

Middle+

Т-Банк

Ինչ է փոխվելու տիպի տրամաբանությունում, եթե փոխենք `extends`-ը `=`-ով (սահմանել գեներիկի համար նախնական արժեք)?

Middle+

Т-Банк

Ինչու եք ընտրել IndexedDB-ը տեղական պահեստավորման համար տվյալների բազաներում, այլ ոչ թե ինչ-որ այլ բան? Ինչպիսի այլընտրանքներ կան?

Middle+

Т-Банк

Ստեղծեք նոր տեսակ, հիմնված PartialDelivery-ի վրա, որը ներառում է միայն name և address դաշտերը (Pick):

Middle+

Т-Банк