Frontend | Вопросы собесов

Прошла половина лета Выгореть ещё успеем. А пока лето — отправляемся загорать. И не просто так, а со скидкой 5000 рублей по промокоду NETSIL от Яндекс Путешествий. Забронировать #реклама travel.yandex.ru О рекламодателе

🤔 Что произойдёт, если написать невалидную разметку? - Браузер попытается исправить автоматически. - Может сломаться верстка, стили, поведение. - Влияет на SEO и доступность. Ставь 👍 если знал ответ, 🔥 если нет Забирай 📚 Базу знаний

Ищу желающих заполнять карточки товаров на ВБ! Работа полностью на удаленке с зп 150 000 рублей в месяц. Без опыта, нужен только телефон, занятость 3-6 часов в день. Всему обучат на бесплатном курсе и после возьму на работу: ✅ 3 дня уроков по 30 минут ✅ Домашки с проверкой и оплатой бонусами ✅ Плачу 10 тыс за каждую выполненную домашку Все, кто пройдет курс, получат сертификат от школы с образовательной лицензией. ⚡ Количество мест ограничено. 👍 Для регистрации жмите кнопку "Зарегистрироваться" Зарегистрироваться #реклама 16+ malkinadana.ru О рекламодателе

🤔 Чем spa отличается от классического сайта? SPA (Single Page Application) и классический сайт (MPA – Multi Page Application) — это два разных подхода к созданию веб-приложений. Они отличаются по способу загрузки данных, навигации и производительности. 🚩Классический сайт (MPA – Multi Page Application) Каждый раз при переходе на новую страницу браузер запрашивает HTML с сервера. Сервер формирует страницу и отправляет готовый HTML. <?php echo "<h1>Добро пожаловать!</h1>"; ?> <a href="/about">О нас</a> 🚩SPA (Single Page Application) При первом заходе загружается одна HTML-страница и весь JavaScript. Дальше контент подгружается динамически через AJAX или Fetch API. import React, { useState, useEffect } from "react"; function App() { const [data, setData] = useState(null); useEffect(() => { fetch("/api/products") .then(res => res.json()) .then(data => setData(data)); }, []); return <div>{data ? JSON.stringify(data) : "Загрузка..."}</div>; } export default App; Ставь 👍 и забирай 📚 Базу знаний

Конкурс выпускных работ по электроэнергетике 🎓 Участвуйте в конкурсе выпускных квалификационных работ по электроэнергетике! Заявите о себе как о будущем специалисте отрасли и представьте свою ВКР экспертам энергетики и профессиональному сообществу. К участию принимаются работы по направлениям: электроэнергетические системы; релейная защита и автоматика; цифровые технологии в энергетике; возобновляемые источники энергии; силовая электроника. Лучшие проекты получат призы, а их авторы — признание отраслевых экспертов и возможность рассказать о своих исследованиях широкой аудитории. Покажите результаты своей работы профессиональному сообществу, получите экспертную оценку и сделайте важный шаг в будущей карьере. 📅 Приём работ открыт до 31 июля 2026 года. Участие бесплатное. Узнать больше #реклама new.exponenta.ru О рекламодателе

🤔 Что такое adaptive и responsive web-страницы? - Responsive (отзывчивый) дизайн — подстраивается под любое устройство с помощью гибкой сетки, процентов, vw/vh, media-запросов. - Adaptive (адаптивный) — использует фиксированные "точки останова", под каждое разрешение загружается заранее подготовленная верстка. Ставь 👍 если знал ответ, 🔥 если нет Забирай 📚 Базу знаний

Зарабатывайте на установках Яндекс Браузера Партнёрская программа для сервисных центров, магазинов компьютерной техники, сайтов для скачивания файлов и авторов статей. Вы можете предлагать его своим клиентам и аудитории — и зарабатывать на новых установках. Выплаты до 500₽ за каждую установку Яндекс Браузера. Подать заявку #реклама 0+ partner.browser.yandex.ru О рекламодателе

🤔 Почему повсеместно нужен https? HTTPS (HyperText Transfer Protocol Secure) — это безопасная версия HTTP, которая шифрует данные между браузером и сервером. Он защищает пользователей и сайты от перехвата данных, атак и подделки информации. 🚩 Главные причины использовать HTTPS 🟠Шифрование данных (Защита от перехвата) Без HTTPS злоумышленники могут перехватить* данные, например, пароли или банковские карты. В HTTP данные передаются открытым текстом (их легко украсть в открытых Wi-Fi). В HTTPS данные зашифрованы с помощью SSL/TLS, и даже если их перехватят, их невозможно прочитать. 🟠Защита от атак "Человек посередине" (MITM) Без HTTPS злоумышленник может подменить содержимое сайта. Опасные сценарии: Хакер в Wi-Fi кафе встраивает вредоносный код в сайт. Вредоносный провайдер заменяет рекламу или ворует куки. 🟠Google даёт больше доверия к HTTPS-сайтам Google понижает в поиске сайты без HTTPS, а Chrome помечает их как "Небезопасные". 🟠Обязателен для онлайн-платежей и авторизации Для ввода паролей, карт и личных данных HTTPS обязателен по закону (например, PCI DSS для платежей). Если сайт работает без HTTPS, браузеры блокируют передачу банковских данных. Ставь 👍 и забирай 📚 Базу знаний

🤔 Что такое FOUC (Flash of Unstyled Content)? Это вспышка неоформленного контента, которая возникает, когда HTML отрендерен до загрузки и применения CSS. Пользователь кратко видит «голую» страницу до применения стилей. Ставь 👍 если знал ответ, 🔥 если нет Забирай 📚 Базу знаний

🤔 В чем различие методов call apply bind? Методы call, apply и bind принадлежат к функциональному объекту Function и используются для указания контекста this при вызове функции. Хотя все три метода позволяют контролировать значение this внутри функции, между ними существуют ключевые различия в способе использования и поведении. 🚩Сall Вызывает функцию, явно устанавливая this в первом аргументе. Остальные аргументы передаются в вызываемую функцию как есть. function greet(message, name) { console.log(${message}, ${name}. This is ${this}); } greet.call("Earth", "Hello", "Alice"); // "Hello, Alice. This is Earth" 🚩Apply Очень похож на call, но принимает аргументы в виде массива, а не по отдельности. function greet(message, name) { console.log( ${message}, ${name}. This is ${this} ); } greet.apply("Earth", ["Hello", "Alice"]); // "Hello, Alice. This is Earth" 🚩Bind Создаёт новую функцию, которая, когда она вызывается, имеет установленный контекст this, указанный в первом аргументе. В отличие от call и apply, bind не вызывает функцию сразу, а возвращает новую функцию, которую можно вызвать позже. function greet(message, name) { console.log( ${message}, ${name}. This is ${this} ); } const greetEarth = greet.bind("Earth", "Hello", "Alice"); greetEarth(); // "Hello, Alice. This is Earth" Ставь 👍 и забирай 📚 Базу знаний