CodeRoll | Frontend

Сладкоежкам не проходить мимо! Почему стоит покупать протеиновые батончики вместо шоколадки? Разберем на примере протеинового батончика REEEL: 🏃‍♂️В составе 20% протеина Поддержка мышц и чувство сытости надолго! ⚡8 витаминов в каждом батончике Для энергии и крепкого иммунитета каждый день! ✅Без сахара Наслаждайтесь сладким вкусом без вреда для фигуры и скачков сахара в крови! 😊Вкус, как у любимой шоколадки, но это лакомство без угрызений совести! ✨Бонус: промокод REEEL2025 на Ozon — чтобы вкусная покупка стала ещё выгоднее! Закажи сейчас Заказать #реклама ozon.ru О рекламодателе

❓ Что такое Higher-Order Function? Ответ: Higher-Order Function — это функция, которая принимает другие функции в качестве аргументов или возвращает функцию в качестве результата. Примеры встроенных higher-order функций в JavaScript: map, filter, reduce. Ставь ❤️ если знаешь ответ Если нет — ставь 💅 Coderoll | Frontend

#заметка дня Видео для этой рекламы было свёрстано на HTML и CSS, а JavaScript был использован только для перезапуска анимации. Хочешь узнать, как такое — и не только — делать? Подписывайся на канал Будни разработчика и узнаешь! А ссылка на пост с подробностями, кстати, тут: https://t.me/htmlshit/2439

Unocss – ультрабыстрый CSS-фреймворк Если ты используешь Tailwind, попробуй UnoCSS – он еще быстрее и гибче! Поддерживает динамические классы, работу с темами и минимальный размер бандла. 🔥 Почему стоит попробовать? ✔️ Генерирует только используемые стили ✔️ Гибкость и мощные пресеты ✔️ Лучшая производительность по сравнению с Tailwind 👀 Попробовать Coderoll | Frontend

Запустите рекламу в телеграм-каналах с Яндекс Директом Перфоманс-реклама теперь в телеграм-каналах ⚡ Яндекс Директ знает, как привлечь целевую аудиторию 💰👌 Попробовать #реклама yandex.ru О рекламодателе

VueUse – коллекция полезных хуков для Vue 3 Это набор готовых реактивных утилит, которые упрощают разработку на Vue. 🔥 Что есть полезного? ✔️ useMouse() – отслеживание движения мыши ✔️ useDark() – автоматическая смена темы ✔️ useFetch() – удобный API-запрос с кешированием 👀 Попробовать Coderoll | Frontend

❓ Чем useEffect отличается от useLayoutEffect в React? useEffect выполняется асинхронно, после рендера компонента. useLayoutEffect выполняется синхронно сразу после рендера, но перед отрисовкой на экране. Используйте useLayoutEffect , если вам нужно сделать вычисления до отрисовки (например, измерить размер элемента перед его рендерингом). Ставь ❤️ если знаешь ответ Если нет — ставь 💅 Coderoll | Frontend

Бесплатный вебинар - Используй ECCM по полной! Дата - 20.06.2025 Время - 14:00 по МСК ⚡ Будь в курсе! - события: источники, правила генерации - аварии: правила генерации и закрытия, корреляция событий, каналы уведомлений ⚡ Управляй! - язык шаблонов Jinja2 и его основные конструкции - написание шаблонов конфигурации для автоматизации типовых задач администратора ⚡ Инициализируй! - реализация механизма ZTP - как достать коммутатор из коробки и автоматически настроить его Ведущий вебинара: Алексей Листаров — инженер с многолетним опытом работы в крупном операторе связи. Сертифицированный преподаватель Академии Eltex. Зарегистрироваться #реклама 16+ webinar.eltexcm.ru О рекламодателе

Игровой тренжёр по TypeScript На сервисе лежат игры по программированию для новичков, чтобы улучшить навыки в кодинге через задачки и упражнения Да, сервис доступен на русском и английском, визуал тоже кайфовый 👀Попробовать Coderoll | Frontend #typescript

⚡️Какими способами можно визуально скрыть элемент? Ответ: с помощью свойства display; с помощью свойства opacity; с помощью свойства visibility; с помощью position:absolute; уменьшить размеры элемента до нуля. Ставь ❤️ если знаешь ответ Если нет — ставь 💅 Coderoll | Frontend

Онлайн-магистратура в IT совместно с ИТМО, МИФИ и МФТИ День открытых дверей В удобное время | Онлайн Все программы 2025, общение со студентами и экспертами из вузов и Яндекса. Ответы на вопросы. Зарегистрироваться #реклама 16+ practicum.yandex.ru О рекламодателе

⚡️В чём разница между cookie, sessionStorage и localStorage? Ответ: Сookies — наиболее защищенный способ хранения данных в браузере. К информации, хранящейся в cookies, можно получить доступ как с бэкенда на сервере, так и в браузере, они отправляются с HTTP-запросами. Максимальный размер — 4 Кб. LocalStorage и sessionStorage предназначены для хранения данных на клиенте, их нельзя прочитать с сервера. Они не подходят для хранения конфиденциальных данных. Размер localStorage и sessionStorage около 5 Мб, в зависимости от браузера. Данные в localStorage хранятся постоянно, пока не почистят cookies, а в sessionStorage — в течение одной пользовательской сессии, то есть пока пользователь не закроет вкладку браузера. Ставь ❤️ если знаешь ответ Если нет — ставь 💅 Coderoll | Frontend

Svgl – SVG-иконки для твоих проектов 👀 Попробовать Coderoll | Frontend

Разбираем вопрос с FrontEnd-собеседования 👨‍💻

Опишите шаблон проектирования "Модуль" в Javascript

Как лучше ответить: Модули JavaScript являются наиболее часто используемыми шаблонами проектирования для сохранения отдельных фрагментов кода независимыми от других компонентов. Это обеспечивает хорошую структурированность кода. Модули должны быть функциями, вызываемыми прямо на месте (IIFE, Immediately-Invoked-Function-Expressions), чтобы обеспечить приватные области действия, то есть замыкание, которое защищает переменные и методы. Вот как примерно это может выглядеть:

    // declare private variables and/or functions
    return {
      // declare public variables and/or functions
    }
})();

Здесь мы создаем экземпляры приватных переменных и/или функций перед возвратом нашего объекта, который мы хотим вернуть. Код за пределами нашего замыкания не может получить доступ к этим приватным переменным, поскольку он не находится в той же области действия. Coderoll | Frontend

Импортозамещение в деле: Depo, Yadro, Гравитон и другие! Пора обновлять инфраструктуру? Тогда делайте это без привязки к зарубежным вендорам. Мы поставляем отечественные серверы, СХД и коммутаторы из реестра Минпромторга: Depo, Yadro, Гравитон, GAGARIN, UTINET, Аквариус, Рико, Норси-Транс, OpenYard, Нерпа и ДатаРу. Это производительная и отказоустойчивая альтернатива зарубежным аналогам, проверенная крупными компаниями и ЦОДами. Подходит для импортозамещения КИИ. Сервер Молл предлагает: ✅ Оборудование от ведущих российских производителей: в наличии на складах Готовые решения для ЦОДов любой сложности Гарантию до 5 лет и постпродажное обслуживание Бесплатную доставку в любую точку России. Не обещаем, а делаем! Если вам нужно российское оборудование для обновления инфраструктуры, пишите в чат или звоните — 8 800 755-25-51 📞 Перейти на сайт #реклама servermall.ru О рекламодателе

— Кто мы? — Фронтендеры! — Чего мы хотим? — Делать крутые проекты! — Где этому научиться? — На канале «Будни разработчика», конечно! — А что там? — Скрытые фишки фронтенда, реальные проекты и топовые статьи!

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

Запустите рекламу в телеграм-каналах с Яндекс Директом Перфоманс-реклама теперь в телеграм-каналах ⚡ Яндекс Директ знает, как привлечь целевую аудиторию 💰👌 Попробовать #реклама yandex.ru О рекламодателе

TanStack Query – must-have для работы с API Библиотека, которая делает работу с серверными данными в React и Vue в разы проще. Кэширование, рефетчинг, автоматические обновления – все на высшем уровне. Забудь про useEffect и стейты для загрузки данных! 👀 Попробовать Coderoll | Frontend

❓ Что такое промисы (Promises) в JavaScript? Ответ: Промисы — это объект, представляющий результат асинхронной операции. У промиса есть три состояния: pending (ожидание), fulfilled (успех) и rejected (ошибка). Они позволяют работать с асинхронным кодом без использования коллбэков. Ставь ❤️ если знаешь ответ Если нет — ставь 💅 Coderoll | Frontend