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

👩‍💻 Распространенные алгоритмы и структуры данных в JavaScript: стеки, очереди и связные списки Рассмотрим другие (массивоподобные) структуры – стеки, очереди и связные списки. Читать...

👩‍💻 ТОП-5 вопросов и ответов по JavaScript на Stack Overflow за все время Ответы на пять вопросов, ставящих в тупик каждого второго фронтендера. Читать...

🔝 Самые интересные статьи за последние дни: • Изнанка электронных календарей: как работает спецификация iCalendar и как создавать .ics-файлы • Книга: «Рецепты PHP. Для профессиональных разработчиков» • TypeScript клиент для Wildberries API • Настройка алиасов путей с помощью Node.js Subpath Imports в TypeScript проекте • В помощь разработчику: 6 полезных библиотек визуализации данных

👩‍💻 Код гласных Напишите функцию с именем encode() для замены всех строчных гласных в заданной строке числами в соответствии со следующим шаблоном:

a => 1
e => 2
i => 3
o => 4
u => 5

Пример кода:

encode("hello") => "h2ll4"

Создайте функцию с именем decode(), чтобы преобразовать числа обратно в гласные в соответствии с тем же шаблоном, который показан выше.

decode("h3 th2r2") => "hi there"

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

function encode(str) { // Создаем объект для соответствия гласных и чисел const vowelsToNum = { 'a': '1', 'e': '2', 'i': '3', 'o': '4', 'u': '5' }; // Заменяем каждую гласную в строке соответствующим числом return str.replace(/[aeiou]/g, match => vowelsToNum[match]); } function decode(str) { // Создаем объект для соответствия чисел гласным const numToVowels = { '1': 'a', '2': 'e', '3': 'i', '4': 'o', '5': 'u' }; // Заменяем каждую цифру в строке соответствующей гласной return str.replace(/[1-5]/g, match => numToVowels[match]); } // Тестирование функций console.log(encode("hello")); // должно вывести "h2ll4" console.log(decode("h3 th2r2")); // должно вывести "hi there"

👩‍💻 Как структурировать API-вызовы при автоматизированном тестировании с Playwright и JavaScript Разберемся, как наилучшим образом настроить авторизацию и другие предварительные шаги, которые повторяются сразу в нескольких тестах - и при этом сохранить читаемость и ясность кода. Читать...

👩‍💻 4 крутых хука React, которые нужны каждому девелоперу Добавь в свою коллекцию 4 полезных пользовательских хука для React. Они помогут сделать код чище, масштабируемее и упростят работу над проектами. Читать...

В CSS появилось удобное центрирование объектов одной строкой кода через align-content В 2024 году CSS получила долгожданное обновление — свойство align-content, которое устраняет сложные обходные решения для вертикального центрирования элементов. Теперь веб-разработчики могут центровать контент всего одной строкой кода. Читать...

Помощь в трудоустройстве в IT-сфере! В России из-за дефицита айтишников запустили бесплатную программу по обучению IT-специалистов. Теперь любой желающий может попробовать себя в IT с полного нуля и начать обучение бесплатно! Узнайте про дальнейшее трудоустройство в ведущие IT-компании для восполнения кадрового дефицита. Для этого нужно: - Перейти по ссылке - Заполнить анкету и ответить на вопросы (занимает менее 3 минут) - На основании ваших ответов вы сразу узнаете, подходит ли вам сфера IT и сможете ли вы в ней работать Перейти на сайт #реклама 16+ urban-university.ru О рекламодателе

👩‍💻 Rollback Toggle Переключатель с имитацией физики. Сделан на SCSS и TypeScript. Открыть код...

🪄 25 CSS-трюков, которые должен знать каждый разработчик Современный веб-дизайн требует глубокого понимания возможностей CSS. Мы расскажем о 25 передовых CSS-техниках, которые помогут вам создавать стильные, функциональные и производительные веб-сайты, соответствующие последним трендам. Читать...

Регистрируйтесь на Yandex Scale 2024! 25 сентября состоится главная конференция Yandex Cloud для тех, кто создаёт цифровые продукты и решения. В этом году мероприятие пройдёт в МХАТ имени М. Горького в Москве и онлайн. 5 технологических треков, 31 доклад, 50 спикеров, нетворкинг — разве это не лучший способ продуктивно провести день? Зарегистрироваться #реклама 16+ scale.yandex.cloud О рекламодателе

✨ 13 библиотек для создания крутых анимаций на CSS CSS-анимации проще в использовании и работают быстрее, чем на JavaScript. В этом материале собрали 13 полезных библиотек, которые помогут вам без заморочек создавать крутые анимационные эффекты. Читать...

👩‍💻 Стек вызовов JavaScript: объяснение с помощью иллюстраций Как выполняются функции в Javascript? Каков порядок их выполнения? Что такое контекст выполнения? Отвечаем на эти вопросы с иллюстрациями. Читать...

Помощь в трудоустройстве в IT-сфере! По всей России объявили бесплатную программу на шестимесячное обучение по IT-cпециальностям. Запись на участие в программе продлится до конца июля, но чтобы туда попасть, нужно пройти специальный профтест. По результату тестирования сразу узнаете, какая профессия вам подойдет, и проходите ли вы на бесплатное обучение. Перейти на сайт #реклама 16+ urban-university.ru О рекламодателе

👩‍💻 Поиск анаграмм Два слова являются анаграммами, если они оба содержат одни и те же буквы. Например: 'abba' и 'baab', 'abba' и 'bbaa'. Слова 'abba' и 'abbba', 'abba' и 'abca' не являются анаграммами. Напишите функцию, которая найдет все анаграммы слова из списка. Функция будет принимать одно слово (строку) и один массив со словами (строками). Функция должна вернуть массив всех анаграмм или пустой массив, если их нет. Пример кода:

anagrams('abba', ['aabb', 'abcd', 'bbaa', 'dada']) - вернёт ['aabb', 'bbaa']

anagrams('racer', ['crazer', 'carer', 'racar', 'caers', 'racer']) - вернёт ['carer', 'racer']

anagrams('laser', ['lazing', 'lazy',  'lacer']) - вернёт []

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

function isAnagram(word1, word2) { return word1.split('').sort().join('') === word2.split('').sort().join(''); } function anagrams(word, words) { return words.filter(w => isAnagram(word, w)); } // Test cases console.log(anagrams('abba', ['aabb', 'abcd', 'bbaa', 'dada'])); // Output: ['aabb', 'bbaa'] console.log(anagrams('racer', ['crazer', 'carer', 'racar', 'caers', 'racer'])); // Output: ['carer', 'racer'] console.log(anagrams('laser', ['lazing', 'lazy', 'lacer'])); // Output: []

👩‍💻 6 современных возможностей JavaScript, о которых не знает большинство разработчиков Современному JavaScript есть что предложить разработчикам для решения насущных задач. Эти 6 советов помогут писать лаконичный, хорошо читаемый и отлично работающий код JavaScript. Читать...

erid: LjN8K8gqm Станьте разработчиком нейро-сотрудников на Python и зарабатывайте от 150.000р в месяц 🔥🔥🔥 Мы научим вас создавать топовых нейро-сотрудников на базе GPT-4 Omni, и вы сможете: 1️⃣ Устроиться разработчиком в крупную компанию и зарабатывать от 150 тысяч ₽ в месяц 2️⃣ Разрабатывать такие проекты на заказ и зарабатывать от 500 тысяч ₽ за проект 3️⃣ Создать нейро-сотрудника в вашей компании и вырасти на +30-100% в зарплате Что будет на интенсиве? 🧬 Теория: как создаются нейро-сотрудники с GPT-4o на Python 🧬 Практика: мы создадим нейро-консультанта, нейро-HR, нейро-маркетолога и др. Ведущий интенсива - Senior AI разработчик нейросетей и основатель Университета искусственного интеллекта 🔥 Регистрируйтесь на бесплатный интенсив! Встречаемся в ближайший четверг! Реклама. ООО "ТЕРРА ЭЙАЙ". ИНН 9728019395.

👩‍💻 Sniper-CSS: как избавиться от неиспользуемых стилей Рассмотрим на практическом примере, как сократить код приложения, избавившись от неиспользуемых стилей. Кроме того, поделимся эффективными инструментами для работы. Читать...

⚙️ 8 инструментов для разработчиков, которые нужно заценить в 2024 году В 2024 году выделили восемь крутых инструментов, которые стоит попробовать каждому разработчику. Это не просто очередной список — эти штуки реально заслуживают внимания. Читать...

👩‍💻 Neumorphic Rocker Switch Анимированный переключатель в стиле неоморфизм. Сделан на SCSS и TypeScript. Открыть код