Логово верстальщика
Відкрити в Telegram
Логово верстальщиков: HTML, CSS, JavaScript, практики современной верстки, вайбкодинг и использование ИИ в разработке. Личный блог автора - @just_genych По вопросам рекламы или разработки: @g_abashkin
Показати більше8 252
Підписники
-624 години
-197 днів
+7230 день
Архів дописів
8 252
👩💻 ISBN-10
Идентификаторы ISBN-10 состоят из десяти цифр. Первые девять символов - это цифры 0-9. Последняя цифра может быть от 0 до 9 или X, чтобы указать значение 10.
Номер ISBN-10 действителен, если остаток при делении суммы произведений цифр и их позиций на 11 равен 0.
Алгоритм:
ISBN: 1 1 1 2 2 2 3 3 3 9
Позиция: 1 2 3 4 5 6 7 8 9 10
Это действительный ISBN, потому что:
(1*1 + 1*2 + 1*3 + 2*4 + 2*5 + 2*6 + 3*7 + 3*8 + 3*9 + 9*10) % 11 = 0
Пример кода:
validISBN10("1112223339") => true
validISBN10("048665088X") => true
validISBN10("1234512345") => false
validISBN10("XXXXXXXXXX") => false
validISBN10("048665088XZ") => false
Решение задачи🔽
function validISBN10(isbn) { if (isbn.length !== 10) { return false; } let sum = 0; for (let i = 0; i < 10; i++) { let char = isbn[i]; let value; if (i === 9 && char === 'X') { value = 10; } else if (char >= '0' && char <= '9') { value = parseInt(char, 10); } else { return false; } sum += value * (i + 1); } return sum % 11 === 0; }
8 252
➡️ Главные ошибки новичков-фронтендеров в HTML
Рассказываем про частые ошибки в HTML и о том, как их избежать. Добавляйте в закладки!
Читать...
8 252
Месяц игр в RuStore
Любите мобильные игры? Тогда загляните в RuStore ⚡
В течение всего месяца вас ждут эксклюзивные скидки от 30% и промокоды в популярных играх.
RPG, стратегии, гонки, головоломки, казуалки — в сторе доступно более 40 000 игр от российских и зарубежных разработчиков.
Игры и бонусы уже ждут вас — переходите, загружайте и побеждайте.
Перейти на сайт
#реклама 16+
rustore.ru
О рекламодателе
8 252
🦕 7 HTML-привычек, которые выдают в тебе динозавра
Пора устроить генеральную уборку в твоем HTML. Мы нашли 7 устаревших приемов, которые кричат: «Я застрял в прошлом!» Разберем каждый и найдем современную замену. Готов к обновлению?
Читать...
8 252
👩💻 BCMath: Новая функция bcdivmod
bcdivmod может быть использован в случаях, когда необходимо получить частное и остаток от деления, и избавляет от необходимости вызывать функции bcdiv и bcmod по отдельности.
Читать...
8 252
Запустите рекламу в телеграм-каналах с Яндекс Директом
Перфоманс-реклама теперь в телеграм-каналах ⚡
Яндекс Директ знает, как привлечь целевую аудиторию 💰👌
Попробовать
#реклама
yandex.ru
О рекламодателе
8 252
📐 Стандарты — это не бюрократия, а освобождение
Кажется, что code style, правила коммитов и шаблоны PR — скучная формальность? На деле это способ сэкономить мозг.
👉 Совет: стандартизируй мелочи: от названий веток до структуры директорий. Это избавляет от принятия сотен ненужных решений и оставляет ресурсы на то, что важно — на саму логику и архитектуру.
8 252
👩💻 Проблемы экспорта по умолчанию в модулях JavaScript
Модули JavaScript — способ организации кода в многократно используемые компоненты, используемые совместно в разных файлах и проектах. Модули можно импортировать и экспортировать с помощью двух различных методов: экспорта по умолчанию и именованного экспорта. Рассмотрим экспорт по умолчанию и причины, по которым следует избегать его использования в модулях JavaScript.
Читать...
8 252
Repost from Frontender's notes [ru]
Баланс: pet-проекты vs работа
Каждый разработчик хоть раз ловил себя на мысли: “Хочу сделать свой проект. Но после работы нет ни сил, ни желания писать код.”
И вот тут начинается борьба между желанием развиваться и желанием просто отдохнуть.
✅ Pet-проекты — это топливо для роста.
Ты пробуешь новые технологии без дедлайнов, без легаси и без код-ревью с “а зачем тут вообще useMemo?”.
Это та самая зона, где возвращается интерес к разработке, особенно когда на работе монотонные задачи.
Но.
🙅♂️ Pet-проект не должен превращаться во вторую работу.
Если ты после 8 часов продакшена садишься за ещё 4 часа кода — это не развитие, это выгорание в красивой обёртке.
И так: как найти баланс?:
🔘 Делай pet-проекты короткими и законченными. Маленький тул или демо — лучше, чем вечный “стартап мечты”. 🔘 Ставь себе ограничение по времени. Например, кодишь только 2 вечера в неделю. 🔘 Не чувствуй вины, если не делаешь ничего. Отдых — тоже часть продуктивности. Мой личный опыт: Pet-проекты реально помогают не терять интерес к коду. Но только когда они не конкурируют с отдыхом, а заменяют бессмысленный скролл YouTube чем-то, что тебя вдохновляет.Итог: Работа — даёт стабильность. Pet-проекты — дают развитие. Отдых — даёт энергию, чтобы выдержать первые два пункта. Главное — не забывать, что кодить “в кайф” иногда важнее, чем кодить “всё время”.
8 252
👩💻 Что такое замыкания (closures) в JavaScript?
Замыкания позволяют функции запоминать переменные из своей внешней области видимости даже после завершения выполнения внешней функции.
function makeCounter() {
let count = 0;
return function() {
return ++count;
};
}
const counter = makeCounter();
console.log(counter()); // 1
console.log(counter()); // 2
🗣️ Замыкания полезны для создания функций с внутренним состоянием, например, счётчиков или настройки приватных данных.🖥 Подробнее тут
8 252
👩💻 Управление памятью JavaScript: как избежать утечек памяти и повысить производительность
Если вы разрабатывали приложения, то могли сталкиваться с такой проблемой, как утечка памяти. В сегодняшней статье мы расскажем об управлении памятью в JS и о том, как не допустить ее утечек.
Читать...
8 252
👩💻 Обрабатываем ошибки в React: полное руководство
Независимо от уровня внимательности и количества написанных тестов всегда что-то может пойти не так. Рассмотрим обработку ошибок в React: что делать при их появлении, как их выявить и устранить.
Читать...
8 252
👩💻 Как создать компонент тегов с автозаполнением на React
В этом руководстве мы создадим компонент ввода тегов с автозаполнением, используя React JS без сторонних библиотек.
Читать...
8 252
🔝 Самые интересные статьи за последние дни:
• Черт тебя возьми, CSS. Часть 3
• Как мы перенесли web-сервис в Телеграм Mini Apps
• PostHog для UX-дизайнера: от анализа данных до повышения зарплаты
• Пример создания Full Stack проекта, используя функциональное тестирование как инструмент дизайна
• Где взять энергию? Эпидемия выгорания айтишников
8 252
Елочные шары с вашим лого от 10 шт
Напечатаем ваш лого на шарике - отличный подарок на Новый Год коллегам
Узнать больше
#реклама
printsalon.ru
О рекламодателе
8 252
🖥 15 лучших редакторов XML для продуктивной разработки
XML – один из самых популярных расширяемых языков разметки. В небольшом обзоре рассказываем о редакторах, которые позволяют работать с ним наиболее эффективно.
Читать...
8 252
Бесплатный курс по дизайну в FIGMA от Yudaev School
Онлайн-программа с наставником и чатом.
Внимание! 80% практики.
✅По результату обучения у вас будет портфолио из нескольких работ.
✅Сертификат о прохождении курса.
✅Возможность пройти полное обучение и получить карьерное сопровождение!
Учитесь дизайну у профессионалов в Yudaev Shool.
Переходите по кнопки: "Подробнее" и начинайте свое обучение.
Доступ 0 руб.
Узнать больше
#реклама 16+
yudaevschool24.online
О рекламодателе
8 252
👩💻 Тесты поддержки браузерами современных веб-функций на JavaScript
Иногда важно знать, поддерживается ли функция браузером или нет, чтобы можно было что-нибудь предпринять. Возможно, загрузить полифилл или просто выбрать другой подход. В статье рассматриваются новые возможности браузеров и тесты их поддержки браузером.
Читать...
8 252
👩💻 PHP 8.4: Константа E_STRICT объявлена устаревшей
Поскольку все уведомления E_STRICT были преобразованы в E_NOTICE начиная с PHP 8.0, в PHP 8.4 константа E_STRICT объявлена устаревшей.
Читать...
8 252
👩💻 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
Вже доступно! Дослідження Telegram за 2025 — головні інсайти року 
