Frontend

Какие способы изоляции CSS ты знаешь?

Middle+

Рунити

Есть карточка с заголовком, текстом, футером и кнопкой. Что будет через props, а что через slots?

Middle+

Рунити

Что такое монорепозиторий и знакомы ли вы с этим подходом?

Расскажите про WebSocket — что это такое и использовали ли вы эту технологию в коммерческом опыте?

Какие паттерны проектирования вы знаете и использовали в своей работе?

Используете ли вы AI-инструменты в своей работе и в чём, на ваш взгляд, преимущество живого разработчика перед машиной?

С чем вы больше всего работали в последнее время? Какой у вас был стек?

Расскажите о процессах в команде на текущем/предыдущем месте работы.

На каких этапах вы могли влиять на качество продукта?

Есть ли у вас сейчас другие офферы или предложения от компаний?

Как вы оцениваете сортировку в приложении — она работает правильно?

Как выстраивалось взаимодействие с дизайнерами? Приходилось ли убеждать дизайнера изменить макет?

От чего будете отталкиваться при выборе компании и работодателя?

#React signup form 1. Explain how StateProvider works, share your thoughts with interviewer. 2. Take a look at /src/api/mock, explain how it works. 3. Check SubmitButton color and fix it 4. Implement client form validation in Signup component. (\*) Keep in mind task number 9. Rules: - Username, Email, Password, Repeat Password fields should have at least 6 characters length; - Password should match Repeat Password; - Validation should be done upon "SignUp" button click; - Fields that have invalid values should be marked (error and helperText props); 6. API response may have an error that should be displayed to user near corresponding field. 7. Make sure that UserName component renders new username after successful submit. 8. Implement the new SignupSuccess component. It should be shown instead of sign up form. 9. Implement server validation for appropriate fields. --- Code from mock.ts: ```typescript const fakeResponse = (userName) => ({ code: 200, user: { id: 42, userName, }, }); let a = 0; const api = { '/signup': function (userName: string, email: string, password: string) { a++; return new Promise((resolve, reject) => { setTimeout(() => { if (a % 2 === 0) { return resolve(fakeResponse(userName)); } else { return reject( new Error( `Username "${userName}" is already taken. Please try another one.` ) ); } }, 500); }); }, }; export default api; ```

Что такое методы жизненного цикла компонента? Перечислите основные.

Был ли опыт работы с Vue? Какие инструменты использовали для тестирования?

Работал ли ты с нативным JavaScript, или в основном с фреймворками?

Какие для тебя критичные моменты при выборе компании и команды?

Пишешь ли ты автотесты? Есть ли опыт написания тестов?

Есть ли у тебя сейчас офферы или дедлайны?