CodeBase | Frontend

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

👩‍💻 Proxy в JavaScript Proxy — это мощный инструмент, который позволяет перехватывать операции над объектами. С его помощью можно контролировать доступ к свойствам, их изменение или даже добавлять кастомное поведение для объектов. 🔍 Как это работает? Proxy создаёт «обёртку» вокруг объекта, которая перехватывает любые обращения к нему через специальные «ловушки» (traps). Это позволяет реализовывать различные сценарии: от валидации данных до логирования. ➡️ Пример:

let target = {};
let proxy = new Proxy(target, {
  set(obj, prop, value) {
    if (typeof value === 'number') {
      obj[prop] = value;
    } else {
      console.log(`Значение ${prop} должно быть числом!`);
    }
  }
});

proxy.age = 30; // работает
proxy.age = "не число"; // ошибка

Здесь мы создали прокси для объекта target, который разрешает устанавливать только числовые значения. В случае ошибки выводится сообщение.

⚙️ Примеры использования Proxy: • Валидация данных в объектах. • Логирование действий. • Защита от случайного изменения данных. CodeBase | Frontend | #js

🖥 Делаем интерфейс дружелюбнее. Коллекция простых HTML/CSS лайфхаков Сегодня я решил показать вам несколько проверенных трюков. Выбрал самые лёгкие в освоении, чтобы вы смогли внедрить их уже сегодня, не отвлекаясь на сложности. 🔗 Ссылка CodeBase | Frontend | #article

Ищешь канал, который реально поможет в веб‑разработке в 2026? Переходи в «Мощный WEB». Здесь я собираю: ✅ полезные технологии без воды ✅ AI‑инструменты, которые ускоряют работу ✅ хайповые сниппеты с CodePen - адаптирую под твои проекты Тем, кто двигается путем web development, канал «Мощный WEB» — отличное место, чтобы узнать много полезной информации. 📌 P.S. А в закреплённом посте канала — рабочий промпт, который помогает быстро влиться в проект с Codex. Не магия, но реально экономит время. Забирай, пробуй, допиливай — буду благодарен за идеи Подписывайся, если хочешь прокачать скилл и не отставать от трендов 👇 @moshniyWeb 🇷🇺так же для пользователей MAX

Библия Linux, 11-е издание Год: 2026 Автор: Негус Кристофер Это подробное руководство охватывает современные дистрибутивы Linux, включая Red Hat Enterprise Linux 9, Ubuntu 24 LTS и Fedora 41. Автор объясняет основные принципы работы системы, настройку окружения, управление пользователями, хранилищами данных и механизмами безопасности. Материал построен таким образом, чтобы быть полезным как новичкам, так и специалистам, которые хотят систематизировать свои знания. Отдельное внимание уделено администрированию серверов, сетевым сервисам, работе в облачных средах и использованию современных инструментов автоматизации. В книге также рассматриваются Git, управление инфраструктурой, запуск локальных ИИ-моделей и новые возможности экосистемы Linux. Книга подойдёт системным администраторам, которым нужен универсальный справочник по современному Linux и практикам эксплуатации серверной инфраструктуры. #linux Скачать: https://max.ru/lazy__programmer/AZ6RdIeBKME

🟢 Stylus — плюсы и минусы 🟢 ⚡️ Stylus запустили в 2010 году как универсальный CSS-препроцессор с гибкой синтаксической структурой. ➕Плюсы 🟢Гибкий синтаксис. Позволяет опускать двоеточия, точки с запятой и фигурные скобки. Код получается более лаконичным и читаемым. 🟢Использование отступов для организации кода. Отступы для блоков улучшают структуру и визуальное восприятие кода. 🟢Расширенный функционал. Переменные, миксины и вложенные селекторы. ➖Минусы 🟠Отличается от традиционного CSS. Его уникальный синтаксис может потребовать дополнительного времени на обучение, особенно для тех, кто привык к стандартному CSS. 🟠Нестандартный синтаксис может привести к путанице. Особенно в командной работе, где участники проекта используют разные стили написания кода. CodeBase | Frontend | #Stylus

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

📢 Реклама в этом канале Аудитория в Telegram живее, чем кажется. Прежде чем принять решение о размещении — проверьте сами: индекс читаемости показывает динамику охватов по неделям в разных тематиках. Видно, где аудитория читает стабильно, а где активность просела. ФАС в 2026 году официально подтвердил: реклама в Telegram разрешена. Заказать рекламу в этом канале — через Telega.in, это займёт несколько минут. Форматы и цены — по ссылке.

День сурка frontend-разработчика Зарплата стоит, скучные задачи день за днем, календарь забит созвонами, которые не влияют вообще ни на что. Откликаешься на вакансии, а в ответ тишина либо какие-то мутные конторы. На собесах вместо нормальной оценки навыков цирк с алгоритмами на скорость, как будто ты на олимпиаде, а не работу ищешь. И самое неприятное, пока ты варишься в этом болоте, кто-то спокойно проходит собесы и уходит в Яндекс, VK или на хорошую Валютную удаленку без лишней драмы.

Есть классные проекты и сильные команды, где разработчиков действительно ценят, дают расти, поддерживают развитие и платят достойно и ты можешь туда попасть!

👋 Меня зовут Тихон, привет! Я — действующий Frontend-разработчик и ментор. Я за руку довожу до оффера на хорошую позицию в Big Tech и сопровождаю на испытательном сроке. Также из учеников я собираю комьюнити, где уже более 220 frontend-разработчиков🫂 А в своем канале: 👉Объясняю, как проходить HR-фильтр и превращать отклики в реальные приглашения 👉Помогаю найти мотивацию, борюсь убеждениями, которые мешают развиваться 👉На примерах объясняю, как проходить собеседования, включая техничку 👉Разбираю резюме и делюсь лайфхаками, например как аккуратно “пинговать” рекрутеров А еще регулярно публикую полезные материалы: ▪️Задачи, на которых валяться кандидаты ▪️База по микрофронтам ▪️Подборка из 100+ каналов с вакансиями для разработчиков ▪️100 вопросов, которые точно помогут тебе на собеседовании ▪️Чек лист проверки своего резюме А еще у меня множество успешных кейсов и отзывов, найти их можно в канале. Реклама, erid: 2W5zFJN5zLZ ИП Галактионов Тихон Витальевич, ИНН 771618975809

⚙️ Что такое свойство aspect-ratio в CSS и зачем оно используется? Свойство aspect-ratio задаёт соотношение сторон элемента, удерживая пропорции при изменении размеров.

Больше не нужно рассчитывать высоту через отступы или JavaScript — теперь это делается нативно

➡️ Пример:

<div class="card"></div>

<style>
  .card {
    width: 300px;
    aspect-ratio: 16 / 9;
    background: #007bff;
    border-radius: 8px;
  }
</style>

🗣 В этом примере элемент всегда сохраняет пропорции 16:9, независимо от ширины контейнера. Частые применения:

• видео, изображения и превью с фиксированным соотношением сторон • карточки, аватары и responsive UI • создание адаптивных сеток без "резиновых" искажений

CodeBase | Frontend | #CSS