CodeRoll | Frontend

Как работает хук useState? Ответ: useState — это хук, который позволяет добавлять состояние в функциональные компоненты. Он возвращает массив из двух элементов: текущего состояния и функции для его обновления. const [count, setCount] = useState(0); Ставь ❤️ если знаешь ответ Если нет — ставь 💅 Coderoll | Frontend

Как работает метод setState? Ответ: Метод setState используется для обновления состояния компонента в React. Когда состояние изменяется, React перерисовывает компонент и его дочерние элементы. Важно, что setState работает асинхронно, и обновления могут быть объединены. this.setState({ counter: this.state.counter + 1 }); Ставь ❤️ если знаешь ответ Если нет — ставь 💅 Coderoll | Frontend

Что такое динамический импорт в React? Ответ: Динамический импорт позволяет загружать модули асинхронно. В React это используется для ленивой загрузки компонентов, что улучшает производительность приложения. Пример: const LazyComponent = React.lazy(() => import('./LazyComponent')); Ставь ❤️ если знаешь ответ Если нет — ставь 💅 Coderoll | Frontend

👩‍💻 Используем принципы “Чистого кода” в контексте JavaScript

Функции

✏ Создавайте отдельные объекты, а не модифицируйте их напрямую ⚠️ Так же это одно из правил иммутабельности, которое важно соблюдать при работе с продвинутыми инструментами Если у вас есть необходимость изменить объект, то почти всегда надежнее будет создать его копию, и уже в ней проводить мутации ➕ Сейчас это можно делать за счет object spread operator (...obj) или по старинке через Object.assign() Coderoll | Frontend

❓Объясните, что такое прототипное наследование в JavaScript? Ответ: В JavaScript все объекты имеют скрытое свойство [[Prototype]] (прототип), которое указывает на другой объект. Когда вы пытаетесь получить доступ к свойству объекта, и оно не существует, JavaScript будет искать это свойство в его прототипе. Этот процесс называется прототипным наследованием. Пример: const animal = { speak: function() { console.log("Animal speaks"); } }; const dog = Object.create(animal); dog.speak(); // Animal speaks В этом примере объект dog наследует метод speak от объекта animal. Ставь ❤️ если знаешь ответ Если нет — ставь 💅 Coderoll | Frontend

❓ Что такое Callback Hell? Ответ: Callback Hell — это ситуация, когда код становится трудно читаемым и поддерживаемым из-за глубокой вложенности коллбэков. Это часто происходит при работе с асинхронными операциями. Проблему можно решить с помощью Promises или Async/Await. Ставь ❤️ если знаешь ответ Если нет — ставь 💅 Coderoll | Frontend

❓Какие способы клонирования объектов существуют в JavaScript? Ответ: Клонирование объектов можно сделать несколькими способами: Использование Object.assign() Использование оператора spread (...) Использование JSON.parse() и JSON.stringify() (для глубокого клонирования, но с ограничениями). Ставь ❤️ если знаешь ответ Если нет — ставь 💅 Coderoll | Frontend

❓ Что такое Immediately Invoked Async Function Expression (IIFE)? Ответ: Это асинхронная версия IIFE, где функция немедленно выполняется асинхронно. Она используется для выполнения асинхронных операций без необходимости явно вызывать функцию. Ставь ❤️ если знаешь ответ Если нет — ставь 💅 Coderoll | Frontend

❓ JS, это однопоточный язык? Ответ: JavaScript (JS) является однопоточным языком программирования. Это означает, что у вас есть только один основной поток выполнения кода, который обрабатывает все инструкции последовательно (или синхронно). Веб-браузеры, в которых JavaScript обычно исполняется, также однопоточные в своей основе. Однако в JavaScript также есть концепция асинхронного программирования, которая позволяет выполнять операции ввода-вывода (например, запросы к серверу или чтение файлов) без блокировки основного потока выполнения. Ставь ❤️ если знаешь ответ Если нет — ставь 💅 Coderoll | Frontend

❓ Что такое Module Pattern? Ответ: Module Pattern — это паттерн проектирования в JavaScript, который позволяет создавать модули с приватными переменными и методами, используя замыкания. Ставь ❤️ если знаешь ответ Если нет — ставь 💅 Coderoll | Frontend

⚡️Что такое DOM? Ответ: Объектная Модель Документа (DOM) является программным интерфейсом для HTML, XML и SVG документов. Это обеспечивает структурированное представление документа (дерева), и определяет способ, по которому структура может быть доступна для программы, для изменения структуры документа, его стиля и содержания. DOM обеспечивает представление документа в виде структурированной группы узлов и объектов, которые имеют свойства и методы. По сути, она связывает веб -страницы со скриптами или языками программирования. DOM (Document Object Model — «объектная модель документа») — это независящий от платформы и языка программный интерфейс, позволяющий программам и скриптам получить доступ к содержимому HTML-, XHTML- и XML-документов, а также изменять содержимое, структуру и оформление таких документов. Почитать подробнее Ставь ❤️ если знаешь ответ Если нет — ставь 💅 Coderoll | Frontend

❓ Что такое Object.defineProperty? Ответ: Object.defineProperty позволяет определить новое свойство в объекте или изменить существующее, с указанием его настроек (например, enumerable, writable, configurable). Ставь ❤️ если знаешь ответ Если нет — ставь 💅 Coderoll | Frontend

⚡️ Какие типы данных существуют в JavaScript? Ответ: - string - number - boolean - bigInt - symbol - null - undefined - object Ставь ❤️ если знаешь ответ Если нет — ставь 💅 Coderoll | Frontend

📢 Реклама в этом канале Аудитория в Telegram живее, чем кажется. Прежде чем принять решение о размещении — проверьте сами: индекс читаемости показывает динамику охватов по неделям в разных тематиках. Видно, где аудитория читает стабильно, а где активность просела. ФАС в 2026 году официально подтвердил: реклама в Telegram разрешена. Заказать рекламу в этом канале — через Telega.in, это займёт несколько минут. Форматы и цены — по ссылке.

⚡️Перечислите хотя бы 4 метода HTTP Ответ: GET, POST, PUT, DELETE Ставь ❤️ если знаешь ответ Если нет — ставь 💅 Coderoll | Frontend

День сурка frontend-разработчика Зарплата стоит, скучные задачи день за днем, календарь забит созвонами, которые не влияют вообще ни на что. Откликаешься на вакансии, а в ответ тишина либо какие-то мутные конторы. На собесах вместо нормальной оценки навыков цирк с алгоритмами на скорость, как будто ты на олимпиаде, а не работу ищешь. И самое неприятное, пока ты варишься в этом болоте, кто-то спокойно проходит собесы и уходит в Яндекс, VK или на хорошую Валютную удаленку без лишней драмы.

Есть классные проекты и сильные команды, где разработчиков действительно ценят, дают расти, поддерживают развитие и платят достойно и ты можешь туда попасть!

👋 Меня зовут Тихон, привет! Я — действующий Frontend-разработчик и ментор. Я за руку довожу до оффера на хорошую позицию в Big Tech и сопровождаю на испытательном сроке. Также из учеников я собираю комьюнити, где уже более 220 frontend-разработчиков🫂 А в своем канале: 👉Объясняю, как проходить HR-фильтр и превращать отклики в реальные приглашения 👉Помогаю найти мотивацию, борюсь убеждениями, которые мешают развиваться 👉На примерах объясняю, как проходить собеседования, включая техничку 👉Разбираю резюме и делюсь лайфхаками, например как аккуратно “пинговать” рекрутеров А еще регулярно публикую полезные материалы: ▪️Задачи, на которых валяться кандидаты ▪️База по микрофронтам ▪️Подборка из 100+ каналов с вакансиями для разработчиков ▪️100 вопросов, которые точно помогут тебе на собеседовании ▪️Чек лист проверки своего резюме А еще у меня множество успешных кейсов и отзывов, найти их можно в канале. Реклама, erid: 2W5zFGof5dT ИП Галактионов Тихон Витальевич, ИНН 771618975809

👩‍💻 Используем принципы “Чистого кода” в контексте JavaScript

Функции

✏ Создавайте отдельные объекты, а не модифицируйте их напрямую ⚠️ Так же это одно из правил иммутабельности, которое важно соблюдать при работе с продвинутыми инструментами Если у вас есть необходимость изменить объект, то почти всегда надежнее будет создать его копию, и уже в ней проводить мутации ➕ Сейчас это можно делать за счет object spread operator (...obj) или по старинке через Object.assign() Coderoll | Frontend

👩‍💻👩‍💻 Как выглядит алгоритм экспотенциального поиска на JavaScript? Экспоненциальный поиск позволяет выполнять поиск по отсортированному неограниченному списку для указанного входного значения (поисковый «ключ») Алгоритм состоит из двух этапов. Первый этап определяет диапазон, в котором ключ поиска находился бы, если бы он был в списке. На втором этапе выполняется бинарный поиск по этому диапазону ❗️ В нашем примере binarySearchIterative - это функция бинарного поиска, про который мы уже писали раньше

export const exponentialSearch = (
  array: number[],
  x: number
): number | null => {
  const arrayLength = array.length
  if (arrayLength === 0) return null

  if (array[0] === x) return 0

  let i = 1
  while (i < arrayLength && array[i] <= x) {
    i = i * 2
  }

  const start = Math.floor(i / 2)
  const end = Math.min(i, arrayLength - 1)
  const result = binarySearchIterative(array, x, start, end)

  return result
}

Coderoll | Frontend