ar
Feedback
CodeBase | Frontend

CodeBase | Frontend

الذهاب إلى القناة على Telegram

Все самое интересное и полезное у нас 😎 Контакт: @Filgood777 (реклама, сотрудничество)

إظهار المزيد
2 006
المشتركون
لا توجد بيانات24 ساعات
-17 أيام
-730 أيام
جذب المشتركين
يوليو '26
يوليو '26
+1
في 0 قنوات
يونيو '26
+16
في 0 قنوات
Get PRO
مايو '26
+16
في 0 قنوات
Get PRO
أبريل '26
+24
في 4 قنوات
Get PRO
مارس '26
+12
في 10 قنوات
Get PRO
فبراير '26
+10
في 0 قنوات
Get PRO
يناير '26
+40
في 6 قنوات
Get PRO
ديسمبر '25
+11
في 6 قنوات
Get PRO
نوفمبر '25
+25
في 2 قنوات
Get PRO
أكتوبر '25
+39
في 38 قنوات
Get PRO
سبتمبر '25
+83
في 48 قنوات
Get PRO
أغسطس '25
+52
في 18 قنوات
Get PRO
يوليو '25
+80
في 54 قنوات
Get PRO
يونيو '25
+44
في 22 قنوات
Get PRO
مايو '25
+22
في 6 قنوات
Get PRO
أبريل '25
+14
في 9 قنوات
Get PRO
مارس '25
+10
في 2 قنوات
Get PRO
فبراير '25
+61
في 4 قنوات
Get PRO
يناير '25
+46
في 5 قنوات
Get PRO
ديسمبر '24
+154
في 22 قنوات
Get PRO
نوفمبر '24
+99
في 13 قنوات
Get PRO
أكتوبر '24
+355
في 22 قنوات
Get PRO
سبتمبر '24
+408
في 23 قنوات
Get PRO
أغسطس '24
+49
في 0 قنوات
Get PRO
يوليو '24
+27
في 0 قنوات
Get PRO
يونيو '24
+485
في 13 قنوات
Get PRO
مايو '24
+967
في 34 قنوات
Get PRO
أبريل '24
+2 118
في 28 قنوات
التاريخ
نمو المشتركين
الإشارات
القنوات
01 يوليو+1
منشورات القناة

2
Отличный промпт 😂 🦥Ленивый вайб-программист
Отличный промпт 😂 🦥Ленивый вайб-программист
101
3
Главное, чтобы ещё стул был на колёсиках CodeBase | Frontend | #meme
Главное, чтобы ещё стул был на колёсиках CodeBase | Frontend | #meme
138
4
Суровые будни эры ИИ 🦥Ленивый вайб-программист ©
Суровые будни эры ИИ 🦥Ленивый вайб-программист ©
123
5
⚙️ Что такое свойство opacity в CSS и зачем оно используется? opacity — это CSS-свойство, которое задаёт степень прозрачности
⚙️ Что такое свойство 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
224
6
Канал наших друзей с мемами для программистов и айтишников 👇 https://max.ru/lazy__programmer
229
7
👩‍💻 Тернарный оператор Тернарный оператор работает с тремя операндами: одним условием и двумя выражениями. Возвращает перво
👩‍💻 Тернарный оператор Тернарный оператор работает с тремя операндами: одним условием и двумя выражениями. Возвращает первое выражение, если условие истинно и второе, если условие ложно. Используется как компактная замена условного оператора 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
219
8
👩‍💻 Proxy в JavaScript Proxy — это мощный инструмент, который позволяет перехватывать операции над объектами. С его помощью
👩‍💻 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
271
9
🖥 Делаем интерфейс дружелюбнее. Коллекция простых HTML/CSS лайфхаков Сегодня я решил показать вам несколько проверенных трюк
🖥 Делаем интерфейс дружелюбнее. Коллекция простых HTML/CSS лайфхаков Сегодня я решил показать вам несколько проверенных трюков. Выбрал самые лёгкие в освоении, чтобы вы смогли внедрить их уже сегодня, не отвлекаясь на сложности. 🔗 Ссылка CodeBase | Frontend | #article
243
10
Ищешь канал, который реально поможет в веб‑разработке в 2026? Переходи в «Мощный WEB». Здесь я собираю: ✅ полезные технологии без воды ✅ AI‑инструменты, которые ускоряют работу ✅ хайповые сниппеты с CodePen - адаптирую под твои проекты Тем, кто двигается путем web development, канал «Мощный WEB» — отличное место, чтобы узнать много полезной информации. 📌 P.S. А в закреплённом посте канала — рабочий промпт, который помогает быстро влиться в проект с Codex. Не магия, но реально экономит время. Забирай, пробуй, допиливай — буду благодарен за идеи Подписывайся, если хочешь прокачать скилл и не отставать от трендов 👇 @moshniyWeb 🇷🇺так же для пользователей MAX
146
11
Библия Linux, 11-е издание Год: 2026 Автор: Негус Кристофер Это подробное руководство охватывает современные дистрибутивы Lin
Библия Linux, 11-е издание Год: 2026 Автор: Негус Кристофер Это подробное руководство охватывает современные дистрибутивы Linux, включая Red Hat Enterprise Linux 9, Ubuntu 24 LTS и Fedora 41. Автор объясняет основные принципы работы системы, настройку окружения, управление пользователями, хранилищами данных и механизмами безопасности. Материал построен таким образом, чтобы быть полезным как новичкам, так и специалистам, которые хотят систематизировать свои знания. Отдельное внимание уделено администрированию серверов, сетевым сервисам, работе в облачных средах и использованию современных инструментов автоматизации. В книге также рассматриваются Git, управление инфраструктурой, запуск локальных ИИ-моделей и новые возможности экосистемы Linux. Книга подойдёт системным администраторам, которым нужен универсальный справочник по современному Linux и практикам эксплуатации серверной инфраструктуры. #linux Скачать: https://max.ru/lazy__programmer/AZ6RdIeBKME
152
12
🟢 Stylus — плюсы и минусы 🟢 ⚡️ Stylus запустили в 2010 году как универсальный CSS-препроцессор с гибкой синтаксической стру
🟢 Stylus — плюсы и минусы 🟢 ⚡️ Stylus запустили в 2010 году как универсальный CSS-препроцессор с гибкой синтаксической структурой. ➕Плюсы 🟢Гибкий синтаксис. Позволяет опускать двоеточия, точки с запятой и фигурные скобки. Код получается более лаконичным и читаемым. 🟢Использование отступов для организации кода. Отступы для блоков улучшают структуру и визуальное восприятие кода. 🟢Расширенный функционал. Переменные, миксины и вложенные селекторы. ➖Минусы 🟠Отличается от традиционного CSS. Его уникальный синтаксис может потребовать дополнительного времени на обучение, особенно для тех, кто привык к стандартному CSS. 🟠Нестандартный синтаксис может привести к путанице. Особенно в командной работе, где участники проекта используют разные стили написания кода. CodeBase | Frontend | #Stylus
244
13
Канал наших друзей с мемами для программистов и айтишников 👇 https://max.ru/iwannabeprogrammer
222
14
📢 Реклама в этом канале Аудитория в Telegram живее, чем кажется. Прежде чем принять решение о размещении — проверьте сами: и
📢 Реклама в этом канале Аудитория в Telegram живее, чем кажется. Прежде чем принять решение о размещении — проверьте сами: индекс читаемости показывает динамику охватов по неделям в разных тематиках. Видно, где аудитория читает стабильно, а где активность просела. ФАС в 2026 году официально подтвердил: реклама в Telegram разрешена. Заказать рекламу в этом канале — через Telega.in, это займёт несколько минут. Форматы и цены — по ссылке.
93
15
CodeBase | Frontend | #meme
CodeBase | Frontend | #meme
216
16
День сурка frontend-разработчика Зарплата стоит, скучные задачи день за днем, календарь забит созвонами, которые не влияют во
День сурка frontend-разработчика Зарплата стоит, скучные задачи день за днем, календарь забит созвонами, которые не влияют вообще ни на что. Откликаешься на вакансии, а в ответ тишина либо какие-то мутные конторы. На собесах вместо нормальной оценки навыков цирк с алгоритмами на скорость, как будто ты на олимпиаде, а не работу ищешь. И самое неприятное, пока ты варишься в этом болоте, кто-то спокойно проходит собесы и уходит в Яндекс, VK или на хорошую Валютную удаленку без лишней драмы. Есть классные проекты и сильные команды, где разработчиков действительно ценят, дают расти, поддерживают развитие и платят достойно и ты можешь туда попасть! 👋 Меня зовут Тихон, привет! Я — действующий Frontend-разработчик и ментор. Я за руку довожу до оффера на хорошую позицию в Big Tech и сопровождаю на испытательном сроке. Также из учеников я собираю комьюнити, где уже более 220 frontend-разработчиков🫂 А в своем канале: 👉Объясняю, как проходить HR-фильтр и превращать отклики в реальные приглашения 👉Помогаю найти мотивацию, борюсь убеждениями, которые мешают развиваться 👉На примерах объясняю, как проходить собеседования, включая техничку 👉Разбираю резюме и делюсь лайфхаками, например как аккуратно “пинговать” рекрутеров А еще регулярно публикую полезные материалы: ▪️Задачи, на которых валяться кандидаты ▪️База по микрофронтам ▪️Подборка из 100+ каналов с вакансиями для разработчиков ▪️100 вопросов, которые точно помогут тебе на собеседовании ▪️Чек лист проверки своего резюме А еще у меня множество успешных кейсов и отзывов, найти их можно в канале. Реклама, erid: 2W5zFJN5zLZ ИП Галактионов Тихон Витальевич, ИНН 771618975809
202
17
⚙️ Что такое свойство 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
217
18
В случае, если долго грузится пост или видео, рассмотрите, пожалуйста, возможность перейти в МАХ
В случае, если долго грузится пост или видео, рассмотрите, пожалуйста, возможность перейти в МАХ
190
19
CodeBase | Frontend | #meme
CodeBase | Frontend | #meme
252
20
В случае, если долго грузится пост или видео, рассмотрите, пожалуйста, возможность перейти в МАХ
В случае, если долго грузится пост или видео, рассмотрите, пожалуйста, возможность перейти в МАХ
218