CodeBase | Frontend

👩‍💻 Что такое метод every() в JavaScript и как он используется? every() — это метод массивов в JavaScript, который проверяет, удовлетворяют ли все элементы массива заданному условию. Он возвращает true, если все элементы проходят проверку, иначе false. ➡️ Пример:

const numbers = [2, 4, 6, 8];

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

console.log(allEven); // true

🗣️ В этом примере метод every() возвращает true, так как все числа в массиве чётные. Этот метод полезен, когда требуется убедиться, что все элементы массива соответствуют определённым критериям. CodeBase | Frontend | #JS

⚙️ Что такое свойство 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

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

<a href="https://example.com" title="Перейти на главную страницу">Главная</a>

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

👩‍💻 Что такое метод 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

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

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

<div class="box1">Box 1</div>
<div class="box2">Box 2</div>

<style>
  .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 */
  }
</style>

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

⚙️ Что такое атрибут alt у тегов <img> в HTML и зачем он используется? Атрибут alt у тега <img> задаёт текстовое описание изображения. Он используется для улучшения доступности (помогает пользователям с нарушениями зрения) и отображения текста, если изображение не удалось загрузить. ➡️ Пример:

<img src="photo.jpg" alt="Фотография заката на пляже">

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

Подборка советов от Дениса Мищенко для студентов и новичков о том как на самом деле преуспеть в команде и чего ждет от тебя руководитель. Денис рассказывает в своем блоге о развитии бизнеса и выхода из долга в 💵10+ миллионов рублей

👩‍💻 Что такое метод 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

⚙️ Что такое свойство object-fit в CSS и как оно используется? object-fit — это CSS-свойство, которое определяет, как содержимое (например, изображения или видео) вписывается в контейнер, сохраняя пропорции или заполняя пространство. ➡️ Пример:

<div class="image-container">
  <img src="example.jpg" alt="Пример">
</div>

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

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

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

❤️ //code – мемы, которые вы больше нигде не найдете! Уникальный авторский контент, созданный с душой и чувством юмора. Редко, но метко. Подписывайся, чтобы стать частью тех, кто ценит оригинальность!

⚙️ Что такое семантические теги в HTML и зачем они используются? Семантические теги HTML, такие как <header>, <article>, <section> и <footer>, описывают структуру и смысл содержимого. Они делают код более читаемым для разработчиков и улучшенным для поисковых систем и вспомогательных технологий. ➡️ Пример:

<header>
  <h1>Мой блог</h1>
</header>
<section>
  <article>
    <h2>Заголовок статьи</h2>
    <p>Текст статьи...</p>
  </article>
</section>
<footer>
  <p>© 2024 Все права защищены</p>
</footer>

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

• infosec - один из самых ламповых каналов по информационной безопасности, где говорят об истории ИТ, публикуют актуальные новости и пишут технический материал по разным темам: - Как зарождалась Флибуста? - Сервисы для обеспечения безопасности в сети; - Каким образом "компьютерные мастера" обманывают своих клиентов? - Бесплатный бот, который проверит файлы на предмет угроз более чем 70 антивирусами одновременно. • А еще у нас часто проходят розыгрыши самых актуальных и новых книг по ИБ. Так что присоединяйся, у нас интересно!

👩‍💻 Что такое метод 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

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

⚙️ Что такое aspect-ratio в CSS и зачем оно используется? aspect-ratio — это CSS-свойство, которое позволяет задать соотношение сторон для элемента. Это полезно для создания адаптивных контейнеров, изображений и видео, сохраняя их пропорции независимо от размера. ➡️ Пример:

<div class="responsive-box"></div>

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

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

Как айтишнику выйти из выгорания и вернуть силы что-то делать? Пол беды, если просто тошнит от работы. Хуже, если пропал интерес вообще ко всему - к хобби, путешествиям, личной жизни. Выгорание - профессиональная болезнь программистов. И чтобы не потерять доход и бесценные годы, надо научиться с ним справляться. 📍 Если хотите жить ярко и работать с удовольствием, рекомендуем подписаться на канал Психолог взрослого человека. Это must-have для IT-специалистов, у которых периодически опускаются руки и отключается мозг от постоянных переработок и тревожки. ✔️ Научиться расставлять приоритеты и найти время на жизнь ✔️ Избавиться от прокрастинации ✔️ Вернуть себе мотивацию и интерес к работе ✔️ Расставить границы и перестать перерабатывать Подписывайтесь на канал @vadimpetrovpsi и научитесь работать без упахивания и ущерба для личной жизни!

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

<meta http-equiv="Content-Security-Policy" content="script-src 'self' https://trusted-scripts.com; object-src 'none';">

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

👩‍💻 Что такое метод 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

🌀 Кто просил английский для IT? 🔷 Подписывайтесь на авторский канал -> English - ITnglish Читайте закрепы.