CodeRoll | Frontend

❓ Что такое Event Loop в JavaScript? Ответ: Event Loop — это механизм, который позволяет JavaScript быть однопоточным языком, но при этом работать асинхронно. Он обрабатывает задачи из очереди событий, когда основной поток становится свободным. Event Loop проверяет Call Stack (стек вызовов), и если он пуст, берёт следующую задачу из очереди и выполняет её. Ставь ❤️ если знаешь ответ Если нет — ставь 💅 Coderoll | Frontend

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

⚡️Группа хакеров взломала сервера Skillbox, Geekbrains, Skillfactory и ещё 12 онлайн-школ, чтобы выгрузить их курсы в Telegram Юристы пытаются удалить каналы за Авторские Права🤡 – потому вот актуальные ссылки на архивы: По школам:  ├ Skillbox (1.12 ТБ) ├ Нетология (846 ГБ) ├ SkillFactory (720 ГБ)  ├ GeekBrains (934 ГБ) └ Другие (3.21 ТБ) По ЯП: ├ Python (1.48 ТБ) ├ SQL (982 ГБ) ├ C++ (590 ГБ) ├ С (318 ГБ) ├ GoLang (290 ГБ) └ Другие (3.17 ТБ) Ссылка на общий архив: @schools_hack_arc

⚡️ Пара методов для объектов в JS, которую должен знать каждый Object.keys() - это метод, который возвращает массив из собственных перечисляемых свойств переданного объекта Пример:

var obj = { first: "a", second: "b", third: "c" };
console.log(Object.keys(obj)); 

// консоль: [ 'first', 'second', 'third' ]

Не забудьте, что массивы - это тоже объекты, и к ним тоже можно применить данный метод. Хотя это и не нужно н практике Object.values() - это метод, который возвращает массив значений перечисляемых свойств объекта Пример:

const user = {
  name: 'John',
  surname: "Smith",
  age: 35,
};

console.log(Object.values(user));
// консоль: Array [ 'John', 'Smith', 35 ]

Coderoll | Frontend

Оффер 427 000₽ на руки в Сбер и отказались Оффер 380 000₽ на руки в банк Оффер 6 800$ net с релокацией на Кипр Оффер 4 500$ в американскую компанию 👆Это недавние разультаты участников нашего комьюнити.

Меня зовут Тихон - я действующий разработчик и ментор. Уже 2 года я развиваю комьюнити, где 300+ разработчиков, и вместе мы выжимаем из рынка максимум!

В нашем канале много ценного для разработчиков по подготовке к собесам👇 Полные разборы реальных собеседований: Сбер, VK, OZON, M-Video, Evrone, еще раз OZON, IT One, Trading View, МТС, Лантан, ДОМ.РФ Сборники вопросов по темам: Кибербезопасность на собеседовании Все вопросы по React на собеседовании Все вопросы по TypeScript на собеседовании Как решать задачи двумя указателями Вопросы с Vue собеседований Вопросы по сетям и методологиям с 200 собесов Вопросы по JS с 200 собесов Какие задачи спрашивают на livecoding чаще Полезные посты: Job-борды для поиска работы Запись нашего самого кринжового собеса Новый HTTP метод QUERY Как я прохожу собесы: Оффер 260к на Go в Empoycity Оффер 300к на Go в "Системная интеграция" Отжал 390 gross + 25% премии в Иннотех Оффер на лида 415 gross + 20% премии в ПСБ 🏆Статистика по рынку: Июль, Июнь, Май, Апрель, Март А еще каждый четверг у нас проходят полезные стримы с решениями задач и разборами резюме) Подписывайся 👇 frontend_punks Реклама, erid: 2W5zFGQCnAV ИП Галактионов Тихон Витальевич, ИНН 771618975809

Что такое JSX? Ответ: JSX (JavaScript XML) — это синтаксический сахар для JavaScript, который позволяет писать HTML-подобный код внутри JavaScript. JSX превращается в обычный JavaScript с помощью компилятора, такого как Babel. Пример: const element = <h1>Hello, world!</h1>; JSX упрощает создание и чтение UI компонентов. Ставь ❤️ если знаешь ответ Если нет — ставь 💅 Coderoll | Frontend

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

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

⚡️Что такое инкапсуляция Ответ: Инкапсуляция - это механизм, который объединяет данные и методы, манипулирующие этими данными, и защищает и то и другое от внешнего вмешательства или неправильного использования. Когда методы и данные объединяются таким способом, создается объект. Подробнее Ставь ❤️ если знаешь ответ Если нет — ставь 💅 Coderoll | Frontend

💎 Socrate Store 💎 🤖 AI-сервисы по доступным ценам В Socrate Store можно приобрести подписки и аккаунты популярных сервисов: ━━━━━━━━━━━━━━ 🤖 ChatGPT 1 Месяц от 149 рублей! 🤖 Gemini AI Pro 18 Месяцев от 59 рублей! 🤖Grok Super 12 Месяцев от 999 рублей! • И многие другие цифровые товары ━━━━━━━━━━━━━━ ✔️ Автоматическая выдача доступных товаров 📦 Возможность оформить предзаказ 💳 Удобное пополнение баланса через криптовалюту или рублями 🛡 Условия и гарантия указаны в описании каждой позиции 💬 Поддержка администратора 🛍 Бот для покупок: @SocratStore_bot

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

Как получить оффер в Яндекс, Сбер, МТС и другие крутые компании? Кто-то без всякой драмы проходит собесы и уходит в Яндекс, VK или на валютную удалёнку. В сильные и амбициозные команды. А у кого-то зарплата не растёт, который год, задачи одни и те же неделя за неделей, календарь забит созвонами, от которых ничего не меняется. Отклики на вакансии, а в ответ — тишина или очередная noname контора. На собесах вообще нигде не встречающаяся техничка(( 👋 Привет, меня зовут Тихон, я действующий Frontend-разработчик и ментор. За руку довожу до оффера в Big Tech и остаюсь рядом на испытательном сроке. Из своих учеников собрал комьюнити, в котором уже больше 220 frontend-разработчиков 🫂

В их жизни больше нет бесконечных скучных созвонов, безуспешных откликов на вакансии, странноватых собесов с вопросами словно ты на олимпиаде.

У меня есть канал, где я: 👉 Показываю, как пройти HR-фильтр и превратить отклики в реальные приглашения 👉 Помогаю найти мотивацию и разбираюсь с убеждениями, которые мешают расти 👉 На примерах показываю, как проходить собеседования, включая техничку 👉 Разбираю резюме и делюсь лайфхаками — например, как аккуратно «пинговать» рекрутеров И регулярно выкладываю полезное: ▪️ Задачи, на которых валятся кандидаты ▪️ База по микрофронтам ▪️ Подборка из 100+ каналов с вакансиями для разработчиков ▪️ 100 вопросов, которые помогут тебе на собеседовании ▪️ Чек-лист для проверки своего резюме А ещё у меня куча успешных кейсов и отзывов — все они в канале. Подписывайся: https://t.me/+akdqcdvOL8ljZGNi Реклама, erid: 2W5zFGw74gH ИП Галактионов Тихон Витальевич, ИНН 771618975809

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

Функции

✏️ Используйте функции для удаления дубликатов кода Одно из первых правил, которые мы изучаем в функциях - это соблюдение правила DRY (don't repeat yourself) ➕Если вы видите, что функционал повторяется - создайте для него отдельную функцию, которую вы будете вызывать в нужных местах Coderoll | Frontend

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

Кажется, оформить ChatGPT или Cursor стало сложнее, чем ими пользоваться. Мы это уже решили. Без поиска посредников, зарубежных карт и покупки чужих аккаунтов — подписка оформляется на ваш аккаунт за несколько минут. 🤖 ChatGPT — Go, Plus, Pro 💻 Cursor — Pro, Pro+, Ultra 👇 Подробнее:

❓ Что такое for...of? Ответ: for...of — это цикл, который итерируется по итерируемым объектам (массивы, строки, генераторы и т.д.), возвращая значения элементов. Ставь ❤️ если знаешь ответ Если нет — ставь 💅 Coderoll | Frontend

❓Что такое props и state в React? Ответ: Props (свойства) — это данные, которые передаются в компонент родителем. Props являются неизменяемыми для компонента. State (состояние) — это данные, которые управляются внутри компонента и могут изменяться. Изменение состояния вызывает повторный рендер компонента. Ставь ❤️ если знаешь ответ Если нет — ставь 💅 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