Frontend
Жебе функциясы өзүнүн this-ине ээ эмес — бул эмне жана бул учурда this кайда көрсөтүп турат?
Компоненттердин жыйындысы + React Context → formEntity'нин Form ичинде провайдер аркылуу өткөрүлүшү жана FormItem'да колдонулушу. Form өзүнүн балдарын FormContext.Provider менен камтыйт, жана FormItem cloneElement колдонуп, Input'ка маанини жана onChange'ти киргизет. Туура эмес: FormItem жаңылоо иштеткичине атын өткөрүп жатканын текшерип коюңуз. ```javascript const Form = ({ children, formEntity }) => ( <FormContext.Provider value={formEntity}>{children}</FormContext.Provider> ); const FormItem = ({ name, children }) => { const { state, handlers } = useContext(FormContext); return React.cloneElement(children, { value: state[name], onChange: (e) => handlers.updateValues({ name, value: e.target.value }), }); }; ```
Келгиле, сиз мидлвэй аркылуу авторизация менен корголгон баракча түзүшүңүз керек деп эсептейли. Кантип ишке ашырар элеңиз?
JavaScriptте жабык деп эмне түшүнөсүз? Мисал келтириңиз.
Жүйөлүк аналитика үчүн кандайдыр бир формат бар беле, же жөн гана сөз менен талкуулап, тапшырмага жазып жатасызбы? Ишке ашыруучу документ же Confluence баракчасы бар беле?
Андан кийин тест качан ийгиликсиз болушу керек жана ал так эмне текшериши керек: ишке ашыруу же келишим/интерфейс класс?
Бірлік тесттерімен қамтылуы керек нәрселердің басымдылығын қалай анықтайтын едіңіз?
Эмне бир долбоордо команда жетекчисин алмаштырып же архитектуралык чечимдерге жоопкерчилик алуу керек болдуңбу?
Медиа суроолор үчүн SCSS миксиндери жөнүндө айтып бер
TypeScriptте type менен interfaceтин айырмасы эмнеде?
Кайсы функция таза? Кандай терс таасирлер бар?
Неге конкреттүү функциянын ордуна бардык драйвер объектин provide/inject аркылуу өткөрүү керек?
Эгер функцияны жарыялап, андан кийин өзгөрмө болсо — ал функциянын ичинде жеткиликтүү болобу? Өзгөрмөлөрдүн көтөрүлүшү жана убактылуу өлүм зонасы жөнүндө айтып бер.
Feature-Sliced Design (FSD) эмне, FSDге көчүүнү кантип уюштурмаксың жана катмарларды түшүндүрүүдө кандай конфликттерди чечмексиң?
#React катталашуу формасы 1. StateProvider иштөө принциптерин түшүндүрүңүз, интервью берүүчү менен ой-пикириңизди бөлүшүңүз. 2. /src/api/mockка карап, анын иштөө принциптерин түшүндүрүңүз. 3. SubmitButton түсүн текшерип, оңдоңуз. 4. Signup компонентинин ичинде кардар формасын текшерүүнү ишке ашырыңыз. (\*\*) 9-орунду эске алыңыз. Эрежелер: - Колдонуучу аты, Э-почта, Пароль жана Кайталоо паролдор минимум 6 белгиден турушу керек; - Пароль Кайталоо парол менен дал келиши керек; - Валидация "Sign Up" баскычын басканда жүргүзүлүшү керек; - Дал келбеген маанилер менен толтурулган талаалар белгилениши керек (props error жана helperText); 6. API жоопто ката болушу мүмкүн жана ал тиешелүү талаанын жакындарында колдонуучуга көрсөтүлүшү керек. 7. Жеткиликтүү ийгиликтүү жөнөтүүдөн кийин UserName компоненти жаңы колдонуучу атын көрсөтүшүнө ишенүү керек. 8. Жаңы SignupSuccess компонентинин ишке ашырылышын камсыздаңыз. Ал катталуу формасынын ордуна көрсөтүлүшү керек. 9. Тийиштүү талаалар үчүн сервердик валидацияны ишке ашырыңыз.
Үй тапшырмасы 2: Төмөндө көптөгөн Todo интерфейсинин декларациялары берилген, алардын бир эле чөйрөдө болушу эмне болуп жатканын түшүндүрүңүз. TypeScript аларды кантип иштетип жатканын талкуулап, бириктирилген Todo интерфейсинин талаптарына жооп берүү үчүн `myTodo` объектин толтуруңуз. ```typescript interface Todo { title: string; dueDate: Date; } interface Todo { description: string; completed: boolean; } interface Todo { priority: 'high' | 'medium' | 'low'; completed: string; } const myTodo: Todo = {}; ```
WebSocket эмне? WebSocket байланышын кантип орнотуу керек? Браузер байланыш түзүүдө эмне үчүн HTTP суроо-талап жиберет жана 101 статустун мааниси эмнеде?
AstonCSSте өлчөм бирдиктери rem, em, vw, vh эмне? Алар кантип айырмаланат жана кандай иштешет?
Angular-деги HTTP ресурсу эмне үчүн гана GET суроолорду колдойт? Бул анын максатынын көз карашынан эмне мааниге ээ?
Бирдик тесттерден тышкары кандай тест түрлөрүн билесиң?