Frontend

Ի՞նչ ես անում, եթե առաջադրանքը վատ ձևակերպված է՝ օրինակ, քեզ ասում են կոնկրետ տեղադրությունը և գույնը փոխարեն խնդրի նկարագրության։

Որքան միկրոֆրոնտենդներ էին համակարգում:

Կարո՞ղ է արդյոք ֆրոնտենդում շրջանցել CORS սահմանափակումը, եթե հնարավոր չէ խնդրել բեքենդից թույլ տալ CORS-ը: Որն են եղանակները?

Կարճ պատմիր քեզ մասին, ինչ ես անում, որտեղից ես, ինչու ես այստեղ և ամեն ինչ, որ կարևոր ես համարում։

#React գրանցման ձևանմուշ 1. բացատրեք, թե ինչպես է աշխատում StateProvider-ը, կիսվեք ձեր մտքերով հետ հարցազրուցավարի հետ: 2. նայեք /src/api/mock-ին, բացատրեք, թե ինչպես է այն աշխատում: 3. ստուգեք SubmitButton-ի գույնը և ուղղեք այն: 4. իրականացնել հաճախորդի ձևի վավերացում Signup կոմպոնենտում: (\*\*) հիշեք առաջադրանքի թիվ 9-ը: Կանոններ: - Օգտանուն, Էլ.փոստ, Գաղտնաբառ և Հետևյալ Գաղտնաբառ դաշտերը պետք է ունենան առնվազն 6 նիշ; - Գաղտնաբառը պետք է համապատասխանի Հետևյալ Գաղտնաբառին; - Վավերացումը պետք է կատարվի "Sign Up" կոճակին սեղմելու ժամանակ; - Անվավեր արժեքներ ունեցող դաշտերը պետք է նշվեն (error և helperText props); 6. API-ի պատասխանն կարող է ունենալ սխալ, որը պետք է ցուցադրվի օգտվողին համապատասխան դաշտի մոտ: 7. համոզվեք, որ UserName կոմպոնենտը ցույց է տալիս նոր օգտանունը հաջող ուղարկումից հետո: 8. իրականացնել նոր SignupSuccess կոմպոնենտը: Այն պետք է ցուցադրվի գրանցման ձևի փոխարեն: 9. իրականացնել սերվերի վավերացում համապատասխան դաշտերի համար:

Դուք ունե՞ք փորձ աշխատելու Legacy կոդով։

Middle

Wildberries

Դիտեք ընտրանքի վիդջեթը (բազմաթիվ վիճակներ ցանկի տարրերի համար): Ի՞նչ սխալ է այստեղ:

Ենթադրենք, որ բեկենդում էջանիշը հնարավոր չէ կատարել և Web Worker հասանելի չէ: Ինչպե՞ս կլուծեիք այս խնդիրը։

Օգտագործողը սեղմում է 100 ռուբլի վճարման կոճակը, POST հարցում է ուղարկվում սերվերին, բայց պատասխան չի գալիս — timeout. Ինչպես ապահովել, որ կրկնակի ուղարկումը չպատճառի կրկնակի վճարումներ: Ինչպես է այս խնդիրն լուծվում ֆրոնտենդում և ճարտարապետությունում?

Կա՞ր դեպք, երբ դուք ժամանակին չեք հասցրել։ Ինչպե՞ս նախապես հասկացել եք, որ չեք հասցնի, և երբ եք տեղեկացրել այդ մասին։

Առաջադրանք 2: Ստորև ներկայացված են մի քանի Todo ինտերֆեյս հայտարարություններ, բացատրեք, թե ինչ է տեղի ունենում, երբ դրանք նույն շրջանակում են: քննարկեք, թե ինչպես է TypeScript-ը վերաբերվում դրանց և լրացրեք `myTodo` օբյեկտը՝ բավարարելու միաձուլված Todo ինտերֆեյսի պահանջները: ```typescript interface Todo { title: string; dueDate: Date; } interface Todo { description: string; completed: boolean; } interface Todo { priority: 'high' | 'medium' | 'low'; completed: string; } const myTodo: Todo = {}; ```

/** * Պահանջվում է գրել ֆունկցիա, որը ընդունում է URL որպես մուտք, * կատարում է GET հարցում այդ URL- ին և վերադարձնում տվյալները (json): * Տվյալները ստանալու համար օգտագործեք fetch: * Կարող եք օգտագործել միայն Promise API: * Եթե հարցման ընթացքում սխալ տեղի ունենա, փորձեք ևս 5 անգամ: * Եթե վերջում տվյալները ստանալ չհաջողվեց, վերադարձեք սխալ "Նշված URL հասանելի չէ": */ function get(url) { // կոդ այստեղ } get(url) .then(res => console.log(res)) .catch(err => console.error(err))

Դու սիրեցիր աշխատել Redux-ով որպես վիճակի կառավարիչ բարդ ձևանմուշների համար:

Կարող եք բացատրել սերվերային և հաճախորդային վիճակների կառավարումի տարբերությունը: Tanstack Query նման գրադարանները ինչու են անհրաժեշտ?

Middle

МВидео

Ներկայացրեք Feature-Sliced Design (FSD)-ը: Ինչպե՞ս եք այն կիրառել նախագծում։

Պատմեք ձեր նախորդ աշխատանքային վայրերի մասին՝ գործառույթներ, առաջադրանքներ, ձեռքբերումներ.

Ինչպես սինխրոնիզացնել երկու բրաուզերային թերթիկներ localStorage-ով: Խոսեք storage իրադարձության մասին։

Middle

Simbirsoft

Ի՞նչ է Feature-Sliced Design (FSD)-ը։ Պատմեք ձեր FSD փորձի մասին։

Դու երբևէ աշխատե՞լ եք բարդ աղյուսակների հետ՝ ֆիլտրում, դասակարգում, խմբագրելի աղյուսակներ։

Middle

МВидео

Կատարեք fetch-ի շուրջ պատյան՝ կրկնությունների հետ. այն ընդունում է կրկնությունների քանակը և fetch արգումենտները, վերադարձնում է նույն արդյունքը, ինչ fetch-ը, և փորձերի սպառումից հետո վերջին սխալը նետում է։