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

👩‍💻 Как создать компонент тегов с автозаполнением на React В этом руководстве мы создадим компонент ввода тегов с автозаполнением, используя React JS без сторонних библиотек. Читать...

📣 Отцы JavaScript и Node.js, вместе с 10 000 разработчиков, обратились к Oracle с просьбой Создатели JavaScript Брендан Айк и Node.js Райан Дал, совместно с более чем 10 000 разработчиков, подписали открытое письмо к Oracle, призывая компанию отказаться от торговой марки JavaScript. Основная претензия заключается в том, что Oracle фактически забросила марку, оставшуюся ей после приобретения Sun Microsystems в 2009 году. Читать...

⚡️ IT-обучение теперь в Telegram! В cвязи с недавнем замедлением Ютуба — лучшие обучающие каналы переехали в Telegram Вот каналы для айтишников: 📱 Frontend: @Frontend 📱 GitHub: @GitHub ⚙️ Backend: @Backend 🤓 Общее айти: @portalToIT 📱 Python: @Python 👩‍💻 Java: @Java 👩‍💻 C#: @Csharp 👩‍💻 С/С++: @Cpp 🖥 Базы Данных & SQL: @SQL 👩‍💻 Golang: @Golang 🖥 PHP: @PHP 👩‍💻 Моб. разработка: @MobDev 👩‍💻 Разработка игр: @GameDev 👩‍💻 DevOps: @DevOps 🖥 Data Science: @DataScience 🤔 Хакинг & ИБ: @InfoSec 🐞 Тестирование: @QA 📱 Маркетинг: @Marketing 🖥 Дизайн: @Design ➡️ Сохраняйте себе, чтобы не потерять

🖥 15 лучших редакторов XML для продуктивной разработки XML – один из самых популярных расширяемых языков разметки. В небольшом обзоре рассказываем о редакторах, которые позволяют работать с ним наиболее эффективно. Читать...

👩‍💻 Is a number prime? Определите функцию, которая принимает целочисленный аргумент и возвращает логическое значение true или false в зависимости от того, является ли целое число простым. Натуральное число, большее 1, у которого нет положительных делителей, кроме 1 и самого себя. Требования • Вы можете предположить, что вам будет предоставлен целочисленный ввод. • Вы не можете предполагать, что целое число будет только положительным. Вам • также могут быть даны отрицательные числа ( или 0 ). Пример кода:

is_prime(1)  /* false */
is_prime(2)  /* true  */
is_prime(-1) /* false */

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

function isPrime(num) { if (num <= 1) { return false; } if (num === 2) { return true; // 2 - единственное четное простое число } if (num % 2 === 0) { return false; // исключаем все четные числа, кроме 2 } // Проверка делимости от 3 до квадратного корня из num for (let i = 3; i <= Math.sqrt(num); i += 2) { if (num % i === 0) { return false; } } return true; } // Примеры использования console.log(isPrime(1)); // false console.log(isPrime(2)); // true console.log(isPrime(-1)); // false console.log(isPrime(17)); // true console.log(isPrime(18)); // false

👩‍💻 Тесты поддержки браузерами современных веб-функций на JavaScript Иногда важно знать, поддерживается ли функция браузером или нет, чтобы можно было что-нибудь предпринять. Возможно, загрузить полифилл или просто выбрать другой подход. В статье рассматриваются новые возможности браузеров и тесты их поддержки браузером. Читать...

👩‍💻 PHP 8.4: Константа E_STRICT объявлена устаревшей Поскольку все уведомления E_STRICT были преобразованы в E_NOTICE начиная с PHP 8.0, в PHP 8.4 константа E_STRICT объявлена устаревшей. Читать...

👩‍💻 Как выбрать библиотеку для управления состоянием в Vue.js Веб-разработка тесна связана с управлением состоянием, особенно если это касается сложных структур. Рассказываем, какие библиотеки помогут в этом и какие у них есть преимущества. Читать...

👩‍💻 Slice! No JS, no text duplication! Эффект разрезанного текста. Сделана на Pug и SCSS. Открыть код...

🔍 Как найти утечки памяти на сайтах и в веб-приложениях Утечки памяти мешают пользователям долго работать с вашим веб-приложением – из-за них можно потерять аудиторию. Попробуем разобраться как этого издежать. Читать...

👩‍💻 Продвинутые советы и хитрости console.log Console – встроенный отладчик браузера. Многие разработчики постоянно используют в коде console.log() для вывода отладочных сообщений, но этот инструмент может предложить гораздо больше. Читать...

🔝 Самые интересные статьи за последние дни: • HTML-теги с искусственным интеллектом • Концепция временного View state в JavaScript • Бесплатный курс по созданию сайтов для детей: 7 уроков по HTML и CSS с нуля • Программирование — это вообще не просто! • «Голая Java» или разработка без всего

👩‍💻 На вкус и цвет... Напишите функцию, которая принимает строку в PascalCase и возвращает строку в snake_case. Символы нижнего регистра могут быть цифрами. Если метод получает число в качестве входных данных, он должен вернуть строку. Пример кода:

toUnderscore("TestController") => "test_controller"
toUnderscore("MoviesAndBooks") => "movies_and_books"
toUnderscore("App7Test") => "app7_test"
toUnderscore(1) => "1"

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

function toUnderscore(string) { // Если входное значение число, вернуть его как строку if (typeof string === 'number') { return string.toString(); } // Преобразовать PascalCase в snake_case return string .replace(/([A-Z])/g, '_$1') // Вставить подчеркивание перед каждой заглавной буквой .toLowerCase() // Преобразовать всю строку в нижний регистр .replace(/^_/, ''); // Удалить начальное подчеркивание, если оно есть } // Примеры использования: console.log(toUnderscore("TestController")); // "test_controller" console.log(toUnderscore("MoviesAndBooks")); // "movies_and_books" console.log(toUnderscore("App7Test")); // "app7_test" console.log(toUnderscore(1)); // "1"

👩‍💻 Синтаксис относительного цвета — примеры использования Поддержка синтаксиса относительного цвета в CSS теперь повсеместна (вперёд, к взаимодействию!), поэтому рассмотрим некоторые базовые (и всё ещё очень полезные) варианты использования, например, применение альфы к цвету, который у вас есть под рукой. Читать...

👩‍💻 Введение в Alpine.js Alpine.js — легковесный JavaScript фреймворк. Позволяющий создавать интерактивные пользовательские интерфейсы без написания большого количества JavaScript-кода. Читать...

👩‍💻 5 способов создать элементы DOM из HTML прямо в JavaScript Пять простых способов, как с помощью чистого JavaScript добавлять динамический контент на веб-страницы. Эти методы помогут сделать это гибко и без лишних проблем с безопасностью. Читать...

👩‍💻 Scroll Trigger Image Zoom Страница с эффектом зума при скролле. Сделана на CSS и JavaScript. Открыть код...

📊 Обзор лучших библиотек для визуализации данных в 2024 году Визуализация данных — важная часть любого проекта, связанного с аналитикой и обработкой данных. Мы рассмотрим 7 библиотек: Plotly, D3.js, Nivo, Latitude, Apache ECharts, Victory и Chart.js. Читать...

👩‍💻 7 полезных HTML-трюков для веб-разработчиков Представляем семь HTML-приемов, которые помогут вам создавать более удобные и привлекательные сайты, улучшая взаимодействие с пользователями. Читать...

👩‍💻 Рекомендации по обработке и регистрации ошибок в React Как правильно обрабатывать и регистрировать ошибки в React, какие инструменты стоит для этого выбрать? Читать...