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

🪄 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. Открыть код

👍 25 полезных HTML тегов, элементов и атрибутов, которые должен знать каждый фронтендер В HTML есть средства для создания раскрывающихся виджетов, индикаторов прогресса и скалярных значений, переадресации на нужный URL, воспроизведения аудио/видео, сохранения форматирования кода и валидации с помощью regex. Читать...

➡️ 50 лучших ресурсов с бесплатными HTML/CSS/JS шаблонами 50 сайтов, где можно скачать бесплатные шаблоны для HTML, CSS и JavaScript. Читать...

🔝 Самые интересные статьи за последние дни: • Способы запуска Telegram mini apps • SOLID in React • Секрет внутри одного миллиона чекбоксов • Неизвестно полезный CSS. Часть 4 • Собираем данные из сотни микросервисов, или Как мы разобрали Ozon на кубики, а потом собрали заново

👩‍💻 Лайки, но не собаки Вы, наверное, знаете систему «лайков» из Facebook. Люди «лайкают» публикации и рядом появляется текст. В этой задаче нужно создать текст, который должен отображаться рядом с таким элементом. Реализуйте функцию, которая принимает массив, содержащий имена людей, которым понравилась публикация. Она должна возвращать отображаемый текст, как показано в примерах: Пример кода:

likes([]) => 'no one likes this'
likes(['Peter']) => 'Peter likes this'
likes(['Jacob', 'Alex']) => 'Jacob and Alex like this'
likes(['Max', 'John', 'Mark']) => 'Max, John and Mark like this'
likes(['Alex', 'Jacob', 'Mark', 'Max']) =>  'Alex, Jacob and 2 others like this'

Для 4 и более имен число в строке "and 2 others" просто увеличивается

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

function likes(names) { switch(names.length) { case 0: return "no one likes this"; case 1: return `${names[0]} likes this`; case 2: return `${names[0]} and ${names[1]} like this`; case 3: return `${names[0]}, ${names[1]} and ${names[2]} like this`; default: return `${names[0]}, ${names[1]} and ${names.length - 2} others like this`; } }

⚙️ Микрофронтенд: что это такое и зачем он нужен? В этой статье сравним разные способы организации микрофронтенда, изучим их преимущества и стратегии реализации. Читать...

➡️ Чистая архитектура фронтенда Концепции и практики, такие как SOLID, KISS, DRY и DDD, помогут создавать более чистые архитектуры фронтенда. А правила создания компонентов с учетом развития бизнес-логики позволят коду оставаться ожидаемо поддерживаемым. Читать...

👩‍💻 Первые шаги в JavaScript: создание калькулятора Начинаете осваивать JavaScript? Создание простого калькулятора позволит вам оценить его возможности. Вы получите базовое представление о синтаксисе JavaScript и о том, как использовать его для создания интерактивных веб-приложений. Читать...

👩‍💻 Scroll-Driven Dock Настраиваемая панель инструментов. Сделана на SVG, CSS и JavaScript. Открыть код...

👩‍💻 ООП на простых примерах Познакомимся с наследованием, инкапсуляцией, абстракцией и полиморфизмом. А также научимся создавать объекты и использовать синтаксический сахар class. Читать...