Type to search
Advanced channel search

SearcheeBot

Your guide in the world of telegram channels
img
ad

TGStat Bot

Bot to get channel statistics without leaving Telegram
img
ad

Telegram Analytics

Subscribe to stay informed about TGStat news.
img
ad

TGAlertsBot

Monitoring of keywords in channels and chats
img
ad

CodeBase | Frontend

@codebase_frontend
Channel's geo and language: World, Russian
Category: Technologies

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

Related channels  |  Similar channels
Channel's geo and language
World, Russian
Category
Technologies
Statistics
Is this your channel? Confirm Канал в реестре блогеров РКН? Confirm Channel history
Posts filter

CodeBase | Frontend

19 Jan, 17:58

Open in Telegram Share Report
⚙️ Что такое свойство opacity в CSS и зачем оно используется?

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

➡️ Пример:
Прозрачный текст


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


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

CodeBase | Frontend | #CSS
550 1 9 13
CodeBase | Frontend

15 Jan, 07:41

Open in Telegram Share Report
⚙️ Что такое атрибут title в HTML и зачем он используется?

Атрибут title добавляет всплывающую подсказку для элемента при наведении на него курсором. Это полезно для предоставления дополнительной информации пользователям или улучшения доступности.

➡️ Пример:

Главная

🗣️ В этом примере при наведении на ссылку появится подсказка с текстом "Перейти на главную страницу". Это улучшает взаимодействие с пользователем, добавляя полезные пояснения.

CodeBase | Frontend | #Основы
722 1 12 17
CodeBase | Frontend

11 Jan, 10:04

Open in Telegram Share Report
👩‍💻 Что такое метод some() в JavaScript и как он используется?

some() — это метод массивов в JavaScript, который проверяет, удовлетворяет ли хотя бы один элемент массива заданному условию. Он возвращает true, если хотя бы один элемент прошёл проверку, иначе false.

➡️ Пример:

const numbers = [1, 3, 5, 8];

// Проверяем, есть ли чётные числа
const hasEven = numbers.some(num => num % 2 === 0);

console.log(hasEven); // true

🗣️ В этом примере метод some() возвращает true, так как в массиве есть число 8, которое является чётным. Это полезно для проверки условий без необходимости проходить весь массив.

CodeBase | Frontend | #JS
582 0 5 9
CodeBase | Frontend

9 Jan, 17:13

Open in Telegram Share Report
👨‍💻 В телеграме появился новый канал по Фронтенду

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

➡️ Перейти в канал "Фронтенд заметки"
570 0 1 1 6
CodeBase | Frontend

9 Jan, 09:15

Open in Telegram Share Report
⚙️ Что такое z-index в CSS и зачем он используется?

z-index — это CSS-свойство, которое определяет порядок отображения элементов по оси Z (вертикальной оси относительно экрана). Оно позволяет управлять наложением элементов, где элементы с большим значением z-index отображаются поверх элементов с меньшим значением.

➡️ Пример:
Box 1
Box 2


.box1 {
position: absolute;
width: 100px;
height: 100px;
background-color: lightblue;
z-index: 1; /* Будет позади box2 */
}

.box2 {
position: absolute;
width: 100px;
height: 100px;
background-color: lightgreen;
left: 50px;
z-index: 2; /* Отображается поверх box1 */
}


🗣 В этом примере z-index определяет, что элемент с классом .box2 перекрывает элемент .box1. Свойство работает только с элементами, у которых задано позиционирование (position).

CodeBase | Frontend | #CSS
526 0 5 9
CodeBase | Frontend

6 Jan, 21:24

Open in Telegram Share Report
⚙️ Что такое атрибут alt у тегов в HTML и зачем он используется?

Атрибут alt у тега задаёт текстовое описание изображения. Он используется для улучшения доступности (помогает пользователям с нарушениями зрения) и отображения текста, если изображение не удалось загрузить.

➡️ Пример:



🗣️ В этом примере текст "Фотография заката на пляже" будет отображён вместо изображения, если оно недоступно. Атрибут alt улучшает опыт пользователей и способствует SEO-оптимизации страницы.

CodeBase | Frontend | #Основы
499 0 6 5
CodeBase | Frontend

6 Jan, 12:03

Open in Telegram Share Report
Подборка советов от Дениса Мищенко для студентов и новичков о том как на самом деле преуспеть в команде и чего ждет от тебя руководитель.

Денис рассказывает в своем блоге о развитии бизнеса и выхода из долга в 💵10+ миллионов рублей
439 0 4 5
CodeBase | Frontend

3 Jan, 20:41

Open in Telegram Share Report
👩‍💻 Что такое метод reduceRight() в JavaScript и как он используется?

reduceRight() — это метод массивов в JavaScript, который работает аналогично reduce, но выполняет операцию справа налево.

➡️ Пример:

const numbers = [1, 2, 3, 4];

// Сложение чисел с обходом справа налево
const sum = numbers.reduceRight((acc, num) => acc + num, 0);

console.log(sum); // 10

🗣️ В этом примере метод reduceRight суммирует элементы массива, начиная с последнего. Это полезно, когда порядок обработки элементов имеет значение.

CodeBase | Frontend | #JS
614 0 8 9
CodeBase | Frontend

29 Dec 2024, 19:20

Open in Telegram Share Report
⚙️ Что такое свойство object-fit в CSS и как оно используется?

object-fit — это CSS-свойство, которое определяет, как содержимое (например, изображения или видео) вписывается в контейнер, сохраняя пропорции или заполняя пространство.

➡️ Пример:





.image-container {
width: 300px;
height: 200px;
overflow: hidden;
}

img {
width: 100%;
height: 100%;
object-fit: cover; /* Заполняет контейнер, обрезая края */
}


🗣️ В этом примере свойство object-fit: cover заставляет изображение заполнять контейнер, обрезая края, чтобы сохранить пропорции. Это удобно для создания адаптивных галерей.

CodeBase | Frontend | #CSS
697 0 9 16
CodeBase | Frontend

28 Dec 2024, 10:07

Open in Telegram Share Report
Video is unavailable for watching
Show in Telegram
❤️ //code – мемы, которые вы больше нигде не найдете! Уникальный авторский контент, созданный с душой и чувством юмора. Редко, но метко.

Подписывайся, чтобы стать частью тех, кто ценит оригинальность!
579 0 2 1 3
CodeBase | Frontend

26 Dec 2024, 14:03

Open in Telegram Share Report
⚙️ Что такое семантические теги в HTML и зачем они используются?

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

➡️ Пример:


Мой блог



Заголовок статьи
Текст статьи...



© 2024 Все права защищены


🗣️ В этом примере семантические теги улучшают структуру страницы, делая её логически понятной и удобной для обработки браузерами и поисковыми системами.

CodeBase | Frontend | #Основы
639 0 4 9
CodeBase | Frontend

26 Dec 2024, 11:31

Open in Telegram Share Report
• infosec - один из самых ламповых каналов по информационной безопасности, где говорят об истории ИТ, публикуют актуальные новости и пишут технический материал по разным темам:

- Как зарождалась Флибуста?
- Сервисы для обеспечения безопасности в сети;
- Каким образом "компьютерные мастера" обманывают своих клиентов?
- Бесплатный бот, который проверит файлы на предмет угроз более чем 70 антивирусами одновременно.

• А еще у нас часто проходят розыгрыши самых актуальных и новых книг по ИБ. Так что присоединяйся, у нас интересно!
533 0 0 3
CodeBase | Frontend

25 Dec 2024, 13:39

Open in Telegram Share Report
👩‍💻 Что такое метод reduce() в JavaScript и как он используется?

reduce() — это метод массивов в JavaScript, который выполняет функцию-аккумулятор, последовательно обрабатывая каждый элемент массива и возвращая одно итоговое значение.

➡️ Пример:

const numbers = [1, 2, 3, 4, 5];

// Сумма всех чисел в массиве
const sum = numbers.reduce((acc, num) => acc + num, 0);

console.log(sum); // 15

🗣️ В этом примере метод reduce() суммирует все числа массива, начиная с начального значения 0. Это полезно для вычислений, таких как сумма, произведение или объединение данных.

CodeBase | Frontend | #JS
493 0 6 8
CodeBase | Frontend

25 Dec 2024, 10:07

Open in Telegram Share Report
Учите английский для работы и жизни?

В канале Английский Меридиан мы:

🔘Публикуем видео с фразами для разных уровней, от базового до продвинутого;
🔘Разбираем типичные ошибки с уроков;
🔘Делимся фишками, как выстроить обучение с помощью знаний о работе мозга;
🔘Обсуждаем англоязычные подкасты, делаем разборы интервью на английском;

Топ полезных постов:
🔘Как сказать "отстой" на английском?
🔘Лучшие протоколы обучения по исследованиям Стэнфорда
🔘Урок "Вопросы с глаголами" + квиз
🔘Разбор английского из видео "Почему кофе успокаивает тех, у кого СДВГ?

Канал Английский Меридиан ❤️
Английский меридиан
🎙️Как сказать «отстой» на английском? #базовый уровень 🔘That sucks ▶️Это отстой. Самый распространённый разговорный вариант и между прочим — вполне приличный. Его можно использовать с друзьями и коллегами, это не грубость, хоть фраза и не очень подходит для официального общения из-за эмоциональ...
473 0 1 2
CodeBase | Frontend

24 Dec 2024, 13:28

Open in Telegram Share Report
⚙️ Что такое aspect-ratio в CSS и зачем оно используется?

aspect-ratio — это CSS-свойство, которое позволяет задать соотношение сторон для элемента. Это полезно для создания адаптивных контейнеров, изображений и видео, сохраняя их пропорции независимо от размера.

➡️ Пример:




.responsive-box {
width: 300px;
aspect-ratio: 16 / 9; /* Пропорция 16:9 */
background: lightblue;
}


🗣️ В этом примере элемент .responsive-box сохраняет соотношение сторон 16:9 независимо от изменения ширины. Это упрощает работу с адаптивными компонентами, такими как видеоплееры или карточки.

CodeBase | Frontend | #CSS
541 0 11 12
CodeBase | Frontend

24 Dec 2024, 09:10

Open in Telegram Share Report
Как айтишнику выйти из выгорания и вернуть силы что-то делать?

Пол беды, если просто тошнит от работы. Хуже, если пропал интерес вообще ко всему - к хобби, путешествиям, личной жизни.

Выгорание - профессиональная болезнь программистов. И чтобы не потерять доход и бесценные годы, надо научиться с ним справляться.

📍 Если хотите жить ярко и работать с удовольствием, рекомендуем подписаться на канал Психолог взрослого человека.

Это must-have для IT-специалистов, у которых периодически опускаются руки и отключается мозг от постоянных переработок и тревожки.

✔️ Научиться расставлять приоритеты и найти время на жизнь
✔️ Избавиться от прокрастинации
✔️ Вернуть себе мотивацию и интерес к работе
✔️ Расставить границы и перестать перерабатывать

Подписывайтесь на канал @vadimpetrovpsi и научитесь работать без упахивания и ущерба для личной жизни!
570 0 0 7
CodeBase | Frontend

20 Dec 2024, 18:42

Open in Telegram Share Report
⚙️ Что такое Content Security Policy (CSP) и зачем он нужен?

Content Security Policy (CSP) — это механизм безопасности, который помогает предотвратить выполнение вредоносного кода, такого как XSS-атаки, ограничивая источники, из которых можно загружать контент (скрипты, стили, изображения).

➡️ Пример:



🗣️ В этом примере CSP позволяет загружать скрипты только с текущего домена (self) и https://trusted-scripts.com. Все другие источники запрещены. Это снижает вероятность внедрения стороннего кода и повышает безопасность вашего приложения.

CodeBase | Frontend | #основы
762 0 14 1 11
CodeBase | Frontend

17 Dec 2024, 13:39

Open in Telegram Share Report
👩‍💻 Что такое метод filter() в JavaScript и как он используется?

filter() — это метод массивов в JavaScript, который создаёт новый массив, содержащий только те элементы, которые удовлетворяют условию, заданному в функции обратного вызова.

➡️ Пример:

const numbers = [1, 2, 3, 4, 5, 6];

// Оставляем только чётные числа
const evenNumbers = numbers.filter(num => num % 2 === 0);

console.log(evenNumbers); // [2, 4, 6]

🗣️ В этом примере метод filter() возвращает новый массив, содержащий только чётные числа. Это полезно для фильтрации данных на основе определённых условий.

CodeBase | Frontend | #js
801 0 9 11
CodeBase | Frontend

17 Dec 2024, 08:17

Open in Telegram Share Report
🌀 Кто просил английский для IT?

🔷 Подписывайтесь на авторский канал -> English - ITnglish
Читайте закрепы.
797 0 3 1 20
CodeBase | Frontend

16 Dec 2024, 08:26

Open in Telegram Share Report
👩‍💻 Что такое свойство filter в CSS и как оно используется?

filter — это CSS-свойство, которое позволяет применять визуальные эффекты, такие как размытие, изменение яркости или насыщенности, к элементам. Это полезно для стилизации изображений, фона и других элементов без использования графических редакторов.

➡️ Пример:




.filtered {
filter: grayscale(50%) blur(5px); /* Частично чёрно-белое изображение с размытие */
}


🗣️ В этом примере свойство filter делает изображение частично черно-белым и добавляет размытие. Это упрощает создание визуально сложных эффектов средствами CSS.

CodeBase | Frontend | #css
791 0 15 13
20 last posts shown.