CodeBase | Frontend
2.19K subscribers
461 photos
187 videos
7 files
724 links
Все самое интересное и полезное у нас 😎

Контакт: @Filgood777 (реклама, сотрудничество)
Download Telegram
⚙️ Что такое атрибут minlength в HTML и зачем он используется?

Атрибут minlength задаёт минимальное количество символов, которое пользователь должен ввести в поле формы.

Если условие не выполнено — браузер покажет предупреждение


➡️ Пример:

<form>
<label>
Пароль (минимум 6 символов):
<input type="password" minlength="6" required>
</label>
<button type="submit">Отправить</button>
</form>


🗣️ Почему полезно:

• Добавляет валидацию прямо в браузере
• Удобен для паролей, логинов, текстовых полей
• Работает с <input> и <textarea>

minlength помогает контролировать корректность данных без JavaScript


CodeBase | Frontend | #Основы
Please open Telegram to view this post
VIEW IN TELEGRAM
👍7
🖥 Я сломал русский язык. Теперь ваша очередь

Покажу «Лабораторию Абсурда» — ванильный JS-инструмент, который превращает смысл в хаос 50 способами. Без баннеров, с тысячей словарных извращений. Чистый эксперимент над текстом и логикой.

🔗 Ссылка

CodeBase | Frontend | #article
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1
This media is not supported in your browser
VIEW IN TELEGRAM
⚡️Smooth Pulse Button — Пульсирующая кнопка для воспроизведения видео

Технологии: CSS

🔗 Ссылка

CodeBase | Frontend | #animate
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4
Освой сети и командную строку с лучшими обучающими каналами

🤩 Network Admin - обучающий канал по сетевым технологиям

🤩 Network Admin | Guides - канал, где рассказывают полезную информацию про Windows/Linux

📱 BashTex - обучение работе с командной строкой
Please open Telegram to view this post
VIEW IN TELEGRAM
👍2
⚙️ Что такое свойство line-height в CSS и зачем оно используется?

Свойство line-height управляет высотой строки текста, то есть расстоянием между базовыми линиями соседних строк.

Оно напрямую влияет на читаемость и визуальный баланс текста


➡️ Пример:

<div class="text">
Это пример текста<br>
с увеличенным межстрочным интервалом.
</div>

<style>
.text {
width: 250px;
line-height: 1.8;
font-size: 16px;
}
</style>


🗣 В этом примере line-height: 1.8 делает текст более “воздушным” и удобным для чтения.

Популярные значения:
• normal — стандартное поведение (обычно 1.2)
• число — множитель от размера шрифта (рекомендуется)
• px, em, % — фиксированная высота


line-height — основа типографики в вебе. Грамотный выбор значения делает интерфейс аккуратным и читабельным.

CodeBase | Frontend | #CSS
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5🤝1
This media is not supported in your browser
VIEW IN TELEGRAM
Не очень комфортно жить, когда твой телефон прослушивает Google 🤷

Или писать личную СМСку, когда каждое слово видит клавиатурный шпион.

Приватности больше нет. Крупные поисковики в открытую залазят к нам в трусы ради прибыли, и только 5-10% пользователей знают, как этому противопостоять.

Для тех, кому не наплевать на свою безопасность в сети, есть канал «Отдел К».

Как понять, что ваш смартфон хотели взломать? Какие 3 настройки отключить, чтобы избавиться от прослушки? Как по любому сообщению узнать точное гео собеседника?

Осторожно, после подписки вам захочется удалить все соцсети: @cyber_cabb
😁2
🖥 Мой список вопросов о CSS для собеседования в 2025 году

Я обновил список вопросов для проверки знаний CSS — с фокусом на новые фичи и неожиданные нюансы. Попробуйте пройти этот мини-тест и проверьте, насколько хорошо вы чувствуете современный CSS.

🔗 Ссылка

CodeBase | Frontend | #article
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1
Джуны — всё, ИИ победил. По статистике BCG, за последний год компании выбросили на улицу 75% молодняка. При этом миддлам и сеньорам зарплаты подняли в 4 (!) раза.

Чтобы подняться до уровня элит в аномально короткие сроки — подпишитесь на легендарные каналы для айтишников:

Новости и инсайды
Фронтенд разработка
ИИ и биг дата
Node js
Вёрстка
Питон и нейросети
QA-тестировщики

Там раскрыли инфу из курсов общей стоимостью 5.000.000р в эксклюзивных пошаговых инструкциях. Пока остальные пойдут на дно якорем, вы войдете в 10% тех, кто сломал систему.
😁2
Капча уровень бог. 👋Подпишись @club_arduino
Please open Telegram to view this post
VIEW IN TELEGRAM
😁6👍2🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
⚡️Radio Button Dot-Slider — Форма переключателя с возможностью выбора одного из предложенных вариантов

Технологии: CSS

🔗 Ссылка

CodeBase | Frontend | #animate
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3
👩‍💻 Метод findIndex() в JavaScript и как он используется

Метод findIndex() возвращает индекс первого элемента, который удовлетворяет условию.

Если подходящего элемента нет — возвращает -1.


➡️ Пример:

const users = [
{ name: "Анна", age: 22 },
{ name: "Борис", age: 30 },
{ name: "Вера", age: 25 }
];

const index = users.findIndex(u => u.age > 25);
console.log(index); // 1


🗣️ В этом примере:

findIndex() ищет первого пользователя старше 25
• Возвращает индекс 1, так как это Борис
• Удобен, когда нужно не сам элемент, а его позиция в массиве

Полезно для обновления, удаления или проверки существования элемента по условию


CodeBase | Frontend | #JS
Please open Telegram to view this post
VIEW IN TELEGRAM
👍41
Лучший канал с бесплатными книгами ТУТ📕📕📕