CodeBase | Frontend
2.01K subscribers
487 photos
211 videos
4 files
794 links
Все самое интересное и полезное у нас 😎

Контакт: @Filgood777 (реклама, сотрудничество)
Download Telegram
В случае, если долго грузится пост или видео, рассмотрите, пожалуйста, возможность перейти в МАХ
😁3
В случае, если долго грузится пост или видео, рассмотрите, пожалуйста, возможность перейти в МАХ
2👍1😁1
⚙️ Что такое свойство 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
Please open Telegram to view this post
VIEW IN TELEGRAM
2👍2🔥1
День сурка frontend-разработчика

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

Откликаешься на вакансии, а в ответ тишина либо какие-то мутные конторы. На собесах вместо нормальной оценки навыков цирк с алгоритмами на скорость, как будто ты на олимпиаде, а не работу ищешь.

И самое неприятное, пока ты варишься в этом болоте, кто-то спокойно проходит собесы и уходит в Яндекс, VK или на хорошую Валютную удаленку без лишней драмы.

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


👋 Меня зовут Тихон, привет! Я — действующий Frontend-разработчик и ментор. Я за руку довожу до оффера на хорошую позицию в Big Tech и сопровождаю на испытательном сроке.

Также из учеников я собираю комьюнити, где уже более 220 frontend-разработчиков🫂

А в своем канале:
👉Объясняю, как проходить HR-фильтр и превращать отклики в реальные приглашения
👉Помогаю найти мотивацию, борюсь убеждениями, которые мешают развиваться
👉На примерах объясняю, как проходить собеседования, включая техничку
👉Разбираю резюме и делюсь лайфхаками, например как аккуратно “пинговать” рекрутеров

А еще регулярно публикую полезные материалы:
▪️Задачи, на которых валяться кандидаты
▪️База по микрофронтам
▪️Подборка из 100+ каналов с вакансиями для разработчиков
▪️100 вопросов, которые точно помогут тебе на собеседовании
▪️Чек лист проверки своего резюме

А еще у меня множество успешных кейсов и отзывов, найти их можно в канале.

Реклама, erid: 2W5zFJN5zLZ ИП Галактионов Тихон Витальевич, ИНН 771618975809
🔥1
Канал наших друзей с мемами для программистов и айтишников

👇

https://max.ru/iwannabeprogrammer
2🔥1
🟢 Stylus — плюсы и минусы 🟢

⚡️ Stylus запустили в 2010 году как универсальный CSS-препроцессор с гибкой синтаксической структурой.

Плюсы

🟢Гибкий синтаксис. Позволяет опускать двоеточия, точки с запятой и фигурные скобки. Код получается более лаконичным и читаемым.
🟢Использование отступов для организации кода. Отступы для блоков улучшают структуру и визуальное восприятие кода.
🟢Расширенный функционал. Переменные, миксины и вложенные селекторы.

Минусы

🟠Отличается от традиционного CSS. Его уникальный синтаксис может потребовать дополнительного времени на обучение, особенно для тех, кто привык к стандартному CSS.
🟠Нестандартный синтаксис может привести к путанице. Особенно в командной работе, где участники проекта используют разные стили написания кода.

CodeBase | Frontend | #Stylus
Please open Telegram to view this post
VIEW IN TELEGRAM
👍21🔥1
Библия Linux, 11-е издание

Год: 2026
Автор: Негус Кристофер

Это подробное руководство охватывает современные дистрибутивы Linux, включая Red Hat Enterprise Linux 9, Ubuntu 24 LTS и Fedora 41. Автор объясняет основные принципы работы системы, настройку окружения, управление пользователями, хранилищами данных и механизмами безопасности. Материал построен таким образом, чтобы быть полезным как новичкам, так и специалистам, которые хотят систематизировать свои знания.

Отдельное внимание уделено администрированию серверов, сетевым сервисам, работе в облачных средах и использованию современных инструментов автоматизации. В книге также рассматриваются Git, управление инфраструктурой, запуск локальных ИИ-моделей и новые возможности экосистемы Linux. Книга подойдёт системным администраторам, которым нужен универсальный справочник по современному Linux и практикам эксплуатации серверной инфраструктуры.

#linux

Скачать: https://max.ru/lazy__programmer/AZ6RdIeBKME
👍1🔥1
Ищешь канал, который реально поможет в веб‑разработке в 2026?

Переходи в «Мощный WEB».

Здесь я собираю:
полезные технологии без воды
AI‑инструменты, которые ускоряют работу
хайповые сниппеты с CodePen - адаптирую под твои проекты

Тем, кто двигается путем web development, канал «Мощный WEB» — отличное место, чтобы узнать много полезной информации.

📌 P.S. А в закреплённом посте канала — рабочий промпт, который помогает быстро влиться в проект с Codex. Не магия, но реально экономит время. Забирай, пробуй, допиливай — буду благодарен за идеи

Подписывайся, если хочешь прокачать скилл и не отставать от трендов 👇
@moshniyWeb


🇷🇺так же для пользователей MAX
2
🖥 Делаем интерфейс дружелюбнее. Коллекция простых HTML/CSS лайфхаков

Сегодня я решил показать вам несколько проверенных трюков. Выбрал самые лёгкие в освоении, чтобы вы смогли внедрить их уже сегодня, не отвлекаясь на сложности.

🔗 Ссылка

CodeBase | Frontend | #article
Please open Telegram to view this post
VIEW IN TELEGRAM
1🔥1😁1
👩‍💻 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
Please open Telegram to view this post
VIEW IN TELEGRAM
4