Логово верстальщика

👩‍💻 Anagram Detection Анаграмма - это результат перестановки букв в слове для получения нового слова (см. Википедию). Примечание: анаграммы не чувствительны к регистру Завершите функцию, чтобы вернуть значение true, если два приведенных аргумента являются анаграммами друг друга; в противном случае верните значение false. Пример кода:

"foefet" is an anagram of "toffee"
"Buckethead" is an anagram of "DeathCubeK"

Решение задачи🔽

function isAnagram(str1, str2) { // Приводим строки к нижнему регистру и сортируем их const normalize = str => str.toLowerCase().split('').sort().join(''); // Сравниваем отсортированные строки return normalize(str1) === normalize(str2); } // Примеры использования: console.log(isAnagram("foefet", "toffee")); // true console.log(isAnagram("Buckethead", "DeathCubeK")); // true console.log(isAnagram("hello", "world")); // false

🔥 Зарабатывай на Партнёрке Спринтхост Все хотят пассивный доход — хостинг Спринтхост может его предоставить. Приглашайте клиентов на хостинг, VDS и выделенные серверы и получайте до 13 000 ₽ в год с одного клиента по Партнёрке. А таких клиентов может быть много Она подойдет всем, кто 🔸 занимается разработкой и поддержкой сайтов 🔸 уже имеет клиентов на хостинге, но не знал, что за них можно получать хорошие деньги 🔸 есть сайт или другая площадка, через которую можно рекомендовать хостинг потенциальным клиентам Быстрый вывод средств на карту, расчетный счет, кошелек или баланс аккаунта хостинга Подключившись к Партнёрке, мы 🔸 бесплатно перенесем ваших клиентов с другого хостинга 🔸 до 30 сентября подарим новым партнерам год хостинга за 3 клиентов 🔸 предоставим инструменты для отслеживания статистики по клиентам Регистрируйтесь, привлекайте новых клиентов и получайте высокий процент на регулярной основе 😎 О рекламодателе

👩‍💻 Всё о циклах в JavaScript В каждом языке программирования есть циклы. Циклы выполняют операцию (т. е. часть работы) несколько раз, обычно по одному разу для каждого элемента массива или списка, или просто повторяют операцию до тех пор, пока не будет выполнено определённое условие. Читать...

👩‍💻 AggregateError в JavaScript AggregateError помогает обрабатывать сразу несколько ошибок в JavaScript. Это упрощает управление кодом и делает его более надежным. Читать...

🔝 Самые интересные статьи за последние дни: • Как (не)удачно превращали LLM в 2d виртуальных сотрудников • Магия CSS на практике: советы по вёрстке от гика. Часть 4 • Три способа оптимизировать работу с памятью на Go с помощью memory pools • Шаблоны для эффективной работы с DOM с помощью современного чистого JavaScript • Как устроено хранение разных типов данных в веб-буфере обмена

🐞 Топ-7 инструментов для отладки JavaScript: мастхэвы для любого разработчика Собрали подборку из семи крутых инструментов, которые здорово помогают разработчикам находить и чинить баги в коде. У каждого из них свои фишки: кто-то отлично дружит с популярными платформами, кто-то может мониторить ошибки прямо в реальном времени, а некоторые поддерживают разные языки и фреймворки. Читать...

👩‍💻 CSS свойство contain CSS Containment используется для оптимизации и открытия возможностей стилизации путём изоляции элементов от остальной части страницы. Различные значения contain (size, paint, layout и т. д.) обеспечивают различные преимущества и компромиссы. Читать...

👩‍💻 "Умные" макеты с контейнерными запросами Современный CSS даёт множество новых, простых способов решения старых проблем, но часто новые функции не только решают старые проблемы, но и открывают новые возможности. Читать...

Хочешь щёлкать задачи по фронтенду как орешки? Канал Frontend tests & tasks научит! Это не очередной канал с задачами. Здесь придется думать. Убедись сам 👉 @Frontend_tasks

👩‍💻 Освоение безопасной для типов JSON-сериализации в TypeScript Предлагаем руководство по использованию TypeScript для безопасной для типов сериализации и десериализации данных в формате JSON. Освоение этой стратегии позволит своевременно обнаруживать потенциальные ошибки во время разработки приложения. Читать...

👩‍💻 Step Indicator Анимированный индикатор переключения страниц. Сделан на SCSS и TypeScript. Открыть код...

👩‍💻 21 хорошая практика для очень хороших React проектов Несколько практических советов для улучшения качества кода. Читать...

Регистрируйтесь на главную конференцию Yandex Cloud! Большая конференция Yandex Cloud для тех, кто создаёт цифровые продукты и решения. Вас ждут 5 тематических треков, 31 доклад, 50 экспертов, нетворкинг и общение. Участие бесплатное! Зарегистрироваться #реклама 16+ scale.yandex.cloud О рекламодателе

🖥 ТОП-5 популярных технологий для создания сайтов: просто и понятно для новичков Редкий владелец собственного бизнеса не имеет собственного сайта, и неважно – крупный это или мелкий предприниматель. Однако не все знают, как такие проекты создаются и какие технологии используют веб-разработчики. Читать...

👩‍💻 7 методов оптимизации производительности React Производительность - важнейший аспект веб-приложения. Однако одностраничные приложения React (SPA) известны плохой производительностью. Рассмотрим 7 методов, которые помогут это исправить и обеспечить беспроблемный пользовательский опыт. Читать...

👩‍💻 Stop gninnipS My sdroW! Напишите функцию, которая принимает строку из одного или нескольких слов и возвращает ту же строку, но со всеми пятью или более буквенными словами в обратном порядке (точно так же, как название этого ката). Передаваемые строки будут состоять только из букв и пробелов. Пробелы будут включены только в том случае, если присутствует более одного слова. Пример кода:

spinWords( "Hey fellow warriors" ) => returns "Hey wollef sroirraw" 
spinWords( "This is a test") => returns "This is a test" 
spinWords( "This is another test" )=> returns "This is rehtona test"

Решение задачи🔽

function spinWords(sentence) { return sentence.split(' ').map(word => { return word.length >= 5 ? word.split('').reverse().join('') : word; }).join(' '); } // Примеры использования console.log(spinWords("Hey fellow warriors")); // "Hey wollef sroirraw" console.log(spinWords("This is a test")); // "This is a test" console.log(spinWords("This is another test")); // "This is rehtona test"

🖥 Как выбрать IDE, если вы начинающий веб-разработчик Начинающие веб-разработчики часто сталкиваются с трудностями при выборе интегрированной среды разработки (IDE). Рассказываем, как не прогадать и не усложнить себе жизнь. Читать...

👀 Как использовать Redis для кэширования и очередей в веб-приложениях Для ускорения веб-приложений есть множество инструментов и паттернов. Один из них — key-value система Redis. Рассказываем, как ее установить и настроить для повышения производительности и надежности. Читать...

👩‍💻 Получение размера окна на чистом CSS Вы не поверите, но теперь в CSS можно определять свойства, выполнять математические вычисления и даже напрямую получать размер окна! В этой статье мы расскажем вам, как это делается. Читать...

👩‍💻 Radios With Sliding Focus Анимированный переключатель с плавающей рамкой. Сделан на чистом CSS. Открыть код