CodeBase | Frontend

Linux глазами хакера, 7-е изд. Год: 2025 Автор: Фленов М. Е. Язык: Русский Книга посвящена настройке, защите и администрированию Linux-систем с точки зрения безопасности. Автор рассматривает оптимизацию производительности, управление доступом, настройку сетевых сервисов и методы защиты серверной инфраструктуры. Материал охватывает работу с Firewall, веб-серверами, FTP, Proxy, DNS, почтовыми службами и резервным копированием данных. В новом издании обновлены сведения с учетом актуальных версий Ubuntu LTS, добавлены практические примеры поиска уязвимостей и защиты веб-приложений. Книга показывает методы обнаружения атак, восстановления систем после инцидентов и повышения надежности Linux-среды. Книга подойдет системным администраторам, специалистам по информационной безопасности, DevOps-инженерам и тем, кто занимается защитой Linux-инфраструктуры. https://max.ru/lazy__programmer/AaA5qz7ZGk0 #linux #линукс Linux Club

🔥 Быстрое сравнение объектов в JS без глубоких сравнений Иногда не нужен deep equal, а просто надо понять: два объекта точно одинаковы по содержимому? Вот простой, но мощный трюк на базе JSON.stringify(): const isEqual = (a: object, b: object) => JSON.stringify(a) === JSON.stringify(b); 📌 Подходит для: * Простых объектов без методов и undefined; * Сравнения кеша/props в memo; * Быстрой проверки изменений формы. ⚠️ Не подходит: * Для вложенных объектов с разным порядком ключей ({a:1,b:2} !== {b:2,a:1}); * Когда есть Date, Map, Set, функции, undefined, symbol. 🧠 Альтернатива: Если важен порядок и типы — используй lodash.isEqual. 👉 Пример использования: if (!isEqual(prevForm, currentForm)) { saveChanges(); } ⚡ Просто. Эффективно. Для 80% кейсов — 🔥 CodeBase | Frontend | #JS

Совет по HTML 💡 Семантический способ выделить часть текста ✅ CodeBase | Frontend | #HTML

🔴В 2025 году Россияне заработали 5,3 млрд рублей на арбитраже криптовалют По данным Минфин 32% граждан покинули своё место работы, поскольку в среднем уже в первый месяц тут можно зарабатывать от 140 000 рублей, а через 2-3 месяца с легкостью выйти на семизначные числа. Самое смешное, что лишь 8% россиян что-то слышали об этой профессии, хотя все инструкции бесплатно лежат на канале Арбитраж Криптовалют Там объясняют, как имея телефон и доступ в интернет, заработать свои первые $2000. Причём разжёвывают так доступно, что поймёт даже ребенок. Кстати, на канале сегодня вышла новая рабочая связка! Быстрее вступайте, пока это бесплатно — https://t.me/+UF4VRlndj9s3ODA6

Мы в MAX Ленивый вайб-программист

🎯 CSS tip: как избавиться от :last-child и упростить отступы Когда нужно задать отступ между элементами, но не последнему, часто пишут: .item:not(:last-child) { margin-bottom: 16px; } Но есть современный способ без селекторов и костылей 👇 ✅ Используй gap с flex или grid: .container { display: flex; flex-direction: column; gap: 16px; } 📌 Преимущества: – Нет нужды в :last-child – Чище HTML и CSS – Работает одинаково в любом направлении (row, column) – Поддерживается во всех современных браузерах Итог: если ты всё ещё пишешь :not(:last-child) — пришло время обновить подход. CodeBase | Frontend | #CSS

🔥 Трюк с :has() в CSS — как маленький хак улучшает UX Селектор :has() поддерживается во всех современных браузерах. Его часто называют «селектором родителя», но он куда мощнее. Вот пример, как улучшить UX форм без JS 👇 form:has(input:invalid) button[type="submit"] { opacity: 0.5; pointer-events: none; } 📌 Что делает: Если в форме есть невалидный input, сабмит-кнопка становится неактивной. 💡 Применения :has(): - Показывать/прятать элементы в зависимости от вложенности; - Делать UI реактивным без JS; - Улучшать доступность форм и состояний. ✅ Минимализм, UX и современный CSS — в одном трюке. Попробуй! CodeBase | Frontend | #CSS

erid: 2W5zFGVzefj Терминальная стадия Новости, сжатые до состояния, из которого уже нечего выкинуть https://tterminal_stadia

CodeBase | Frontend | #meme

🔍Тестовое собеседование с ТимЛидом Frontend-разработки в этот четверг 23 июля(уже завтра!) в 19:00 по мск приходи онлайн на открытое собеседование, чтобы посмотреть на настоящее интервью на Middle Frontend-разработчика. Как это будет: 📂 Алексей Романов, Teamlead в Underhood.dev с опытом 6+ лет, будет задавать реальные вопросы и задачи разработчику-добровольцу 📂 Алексей будет комментировать каждый ответ респондента, чтобы дать понять, чего от вас ожидает собеседующий на интервью 📂 В конце можно будет задать любой вопрос Алексею Это бесплатно. Эфир проходит в рамках менторской программы от ШОРТКАТ для Frontend-разработчиков, которые хотят повысить свой грейд, ЗП и прокачать скиллы. Переходи в нашего бота, чтобы получить ссылку на эфир → @shortcut_front_bot Реклама. О рекламодателе.

CodeBase | Frontend | #meme

⚠️Хочешь печатать крутые фигурки, детали для хобби или даже прототипы? На этом канале — только свежие, проверенные модели для 3D-принтера. STL, всё бесплатно, без воды и рекламы. 🟢Подпись и получай это все бесплатно без регистрации и СМС!

👩‍💻 Метод Array.from() в JavaScript и как он используется Метод Array.from() создаёт настоящий массив из массивоподобных или итерируемых объектов (например, NodeList, arguments, Set, Map). ➡️ Пример:

const buttons = document.querySelectorAll("button");

const btnArray = Array.from(buttons);
btnArray.forEach(btn => btn.classList.add("active"));

🗣️ В этом примере: • querySelectorAll возвращает NodeList, а не массив • Array.from() превращает его в массив • после этого доступны map, filter, forEach и другие методы

Array.from() — это мост между «псевдомассивами» и полноценными массивами, без костылей и циклов

CodeBase | Frontend | #JS

CodeBase | Frontend | #meme

Отличный промпт 😂 🦥Ленивый вайб-программист

Главное, чтобы ещё стул был на колёсиках CodeBase | Frontend | #meme

Суровые будни эры ИИ 🦥Ленивый вайб-программист ©

⚙️ Что такое свойство opacity в CSS и зачем оно используется? opacity — это CSS-свойство, которое задаёт степень прозрачности элемента. Значение opacity может быть от 0 (полностью прозрачный) до 1 (полностью непрозрачный). Это полезно для создания визуальных эффектов, таких как затемнение или появление элементов. ➡️ Пример:

<div class="opaque-box">Прозрачный текст</div>

<style>
  .opaque-box {
    background-color: lightblue;
    opacity: 0.5; /* Устанавливаем 50% прозрачности */
    padding: 20px;
    text-align: center;
  }
</style>

🗣 В этом примере свойство opacity делает элемент .opaque-box полупрозрачным, что особенно полезно для наложений и визуального выделения интерфейсов. CodeBase | Frontend | #CSS

Канал наших друзей с мемами для программистов и айтишников 👇 https://max.ru/lazy__programmer

👩‍💻 Тернарный оператор Тернарный оператор работает с тремя операндами: одним условием и двумя выражениями. Возвращает первое выражение, если условие истинно и второе, если условие ложно. Используется как компактная замена условного оператора if...else.

const num = 5
console.log(num === 5 ? 'Пять' : 'Не пять')
// Пять

➡️ Обьяснение:

(A) ? (B) : (C)

Где A — условие, B — первое выражение, C — второе выражение. Если первый операнд A вычисляется в истинное выражение true, то оператор вернёт выражение B. Если в false — вернёт выражение C. 💡 Внутри одного тернарного оператора можно написать другой:

const num = 10
const result =  num > 10 ? 'Число больше 10' :
                num === 10 ? 'Число равно 10' : 'Число меньше 10'
console.log(result)
// 'Число равно 10'

В этом случае запись идентична использованию конструкций if...else if ... else. Сначала проверяется первое условие, если оно ложно, то проверяется второе и так далее.

🗣️ Отступы в примере проставлены для лучшей читаемости конструкции, они не влияют на выполнение кода.

CodeBase | Frontend | #js