#1 Cобеседование Middle Frontend разработчика

В данном выпуске Cултан пройдет собеседование на middle frontend разработчика. Поддержать проект: https://www.patreon.com/otsobes Если вы хотите пройти отсобеседование, заполните форму https://forms.gle/o69DSx9QsZciPYYB8 --- Чат: https://t.me/otsobes_chat Канал c новостями: https://t.me/otsobes Наш канал с подкастом и всяким интересным: https://www.youtube.com/channel/UCHi9UA5DGntIg6ZxHN3l7nA Твиттер: https://twitter.com/lazy_frontender --- "Отсобеседование" это шоу в котором кандидат пытается пройти собеседование на позицию фронтенд разработчика. Ему нужно продемонстрировать знание технологий и понимание подходов во фронтенде. Здесь будут уточняющие вопросы на глубину понимания, но не будет алгоритмических задач и лайвкодинга. В конце кандидат получит вердикт с резюме его слабых и сильных сторон. --- 00:00:00​ Интро 00:00:25​ Знакомство HTTP 00:04:35 Что ты знаешь про HTTP? 00:06:15 Можем ли мы получить картинку по HTTP? 00:06:52 Как браузер понимает что картинка является картинкой? 00:07:20 Какими способами мы можем получить картинку с сервера? 00:08:10 Каким образом браузер понимает тип содержимого в ответе от API(картинка, текст, etc)? 00:09:08 Как браузер понимает что нужно загрузить картинку? 00:10:31 Как браузер понимает что нужно отображать именно картинку а не текст? 00:12:23 Что такое http запросы и из чего они состоят? 00:13:50 Есть ли какая-то разница между ответом и запросом? 00:14:44 Что такое коды ответа и чем они отличаются друг от друга? 00:15:50 Какие методы запросов бывают? 00:16:38 В чем разница между GET и POST? HTML 00:19:20 Как ты будешь делать html форму? 00:22:20 Что значит type submit? 00:23:00 Какие теги в целом использовал? 00:24:05 Кто придумывает названия html тегам? 00:25:00 Откуда берутся базовые стили для тегов? 00:25:28 Есть ли проблема если всю верстку делать на дивах? 00:26:40 Что такое html entities? 00:28:06 Где можно найти списки с html entities? CSS 00:28:30 Как можно скрыть элемент не используя display: none? 00:30:40 Какие еще есть свойства для скрытия элемента? 00:31:25 position: sticky? 00:32:10 Как бы ты эмулировал поведение position: sticky? 00:34:20 Способы изоляции стилей в CSS? JS 00:43:30 Что такое eventloop? 00:45:00 Очередность выполнения запросов? 00:49:30 Что такое прототипы и прототипное наследование? 00:58:05 Что такое ES модули? Безопасность 01:00:30 Сталкивался ли ты с уязвимостями? 01:01:10 Что такое и чем опасен XSS? 01:03:10 Как защитить cookie от JS? 01:04:35 Что такое CSRF? 01:05:15 В чем опасность работы с innerHTML? 01:06:43 Как обезопасить себя от потенциально опасного клиентского ввода? 01:09:55 Есть ли уязвимость связанная с _target =blank? Архитектура 01:11:20 Что такое ООП? 01:11:48 Какие еще знаешь парадигмы программирования? 01:12:35 Три кита ООП? 01:13:55 Чем описание класса отличается от экземпляра класса? 01:14:50 В чем отличие в ООП между классом и объектом? 01:15:30 Что такое SOLID? 01:22:30 Что такое CQRS? 01:34:40 Что такое GRASP? 01:35:00 Что такое DRY, KISS? 01:36:50 Как ты понимаешь что код написан хорошо? 01:38:15 Что еще является важной частью понимания кода? 01:40:50 Резюме 01:46:10 Конец