CodeBase | Frontend

👩‍💻 Что такое метод padStart() в JavaScript и как он используется? padStart() — это метод строк в JavaScript, который дополняет строку до нужной длины, добавляя заданные символы в начало. Он удобен для форматирования чисел, дат и других данных. ➡️ Пример:

const num = "7";

// Дополняем до двух символов нулями
console.log(num.padStart(2, "0")); // "07"

// Выравнивание текста
console.log("JS".padStart(5, "-")); // "--JS"

🗣️ В этом примере: • padStart(2, "0") превращает "7" в "07", полезно для форматирования чисел. • padStart(5, "-") добавляет символы до нужной длины. CodeBase | Frontend | #JS

🦥Ленивый программист

🦥Ленивый программист

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

<div class="box">Этот блок всегда виден</div>
<div class="box hidden">А этот скрыт, но занимает место</div>

<style>
  .box {
    width: 200px;
    height: 50px;
    border: 1px solid black;
    text-align: center;
    line-height: 50px;
  }

  .hidden {
    visibility: hidden; /* Элемент становится невидимым, но остаётся на месте */
  }
</style>

🗣 В этом примере: • visibility: hidden; скрывает элемент, но он по-прежнему занимает место в разметке. • display: none; убирает элемент полностью (в отличие от visibility). Это свойство помогает управлять интерфейсом без изменения структуры страницы. CodeBase | Frontend | #CSS

Кого-то ждёт серьёзный разговор 🦥Ленивый программист

⚡️ В сети начали массово сливать курсы и книги известных онлайн школ по айти Вот отсортированная база с тонной материала (постепенно пополняется): (363 видео, 87 книги) — Python (415 видео, 68 книги) — Frontend (143 видео, 33 книги) — ИБ/Хакинг (352 видео, 89 книги) — С/С++/C# (343 видео, 87 книги) — Java/QA (176 видео, 32 книги) — Git/Linux (174 видео, 91 книги) — DevOps (167 видео, 53 книги) — PHP/1С (227 видео, 83 книги) — SQL/БД (114 видео, 77 книги) — Сисадмин (107 видео, 43 книги) — BA/SA (181 видео, 32 книги) — Go/Rust (167 видео, 43 книги) — Kotlin/Swift (112 видео, 24 книги) — Flutter (137 видео, 93 книги) — DS/ML (113 видео, 82 книги) — GameDev (183 видео, 37 книги) — Дизайн (136 видео, 33 книги) — PM/HR Скачивать ничего не нужно — все выложили в Telegram

⚙️ Что такое атрибут aria-hidden в HTML и зачем он используется? Атрибут aria-hidden используется для управления доступностью элементов на веб-странице. Он скрывает элемент от экранных читалок, но не влияет на его видимость для пользователей. ➡️ Пример:

<!-- Иконка, не нужная для экранных читалок -->
<span aria-hidden="true">🔔</span>

<!-- Видимый, но скрытый от читалок текст -->
<p aria-hidden="true">Этот текст будет проигнорирован</p>

🗣️ Почему полезно: • aria-hidden="true" предотвращает озвучивание декоративных элементов. • Используется для скрытия дублирующегося контента, например, иконок, дублирующих текст. • Улучшает доступность и делает сайты более удобными для пользователей с ограниченными возможностями.

Атрибут aria-hidden помогает создавать семантически корректные интерфейсы, соответствующие стандартам Web Accessibility (WCAG).

CodeBase | Frontend | #Основы

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

Мы никому об этом не расскажем 🤐 🦥Ленивый программист

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

const text = "frontend — это круто!";

// Проверяем, заканчивается ли строка на "круто!"
console.log(text.endsWith("круто!")); // true

// Проверяем с ограничением по длине
console.log(text.endsWith("frontend", 8)); // true

🗣️ В этом примере: • endsWith("круто!") проверяет, заканчивается ли строка на "круто!". • endsWith("frontend", 8) проверяет первые 8 символов строки. • Этот метод полезен для проверки расширений файлов, валидации URL и обработки текстов. CodeBase | Frontend | #JS

Мы никому об этом не расскажем 🤐 🦥Ленивый программист

🦥Ленивый программист

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

<div class="box">Этот текст слишком длинный для блока и может выходить за его границы.</div>

<style>
  .box {
    width: 200px;
    height: 50px;
    border: 1px solid black;
    overflow: hidden; /* Обрезаем лишний контент */
  }
</style>

🗣 В этом примере: • overflow: hidden; обрезает текст, выходящий за границы блока. • overflow: scroll; добавляет прокрутку внутри контейнера. • overflow: auto; включает прокрутку, если контент не помещается. Это свойство важно для управления адаптивностью и предотвращения ломки верстки. CodeBase | Frontend | #CSS

Это был сложный выбор 😁 © 🦥Ленивый программист

⚙️ Что такое атрибут aria-label в HTML и зачем он используется? Атрибут aria-label используется для улучшения доступности веб-страниц. Он задаёт текстовое описание элемента для экранных читалок, что делает интерфейс более удобным для людей с ограниченными возможностями. ➡️ Пример:

<!-- Кнопка без видимого текста, но с доступным описанием -->
<button aria-label="Открыть меню">
  <img src="menu-icon.svg" alt="">
</button>

🗣️ Почему полезно: • aria-label="Открыть меню" делает кнопку понятной для пользователей с экранными читалками. • Это полезно для иконок без текстовых подписей. • Улучшает доступность, что важно для SEO и UX.

Атрибут aria-label помогает делать сайты доступными для всех и соответствует стандартам Web Accessibility (WCAG).

CodeBase | Frontend | #Основы

Когда соседи узнали, что у тебя дедлайн через час 😄 💰Bad Pixel › IT Video Memes

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

const text = "JavaScript — крутой язык!";

// Проверяем, начинается ли строка с "Java"
console.log(text.startsWith("Java")); // true

// Проверяем с учетом позиции
console.log(text.startsWith("крутой", 13)); // true

🗣️ В этом примере: • startsWith("Java") проверяет, начинается ли строка с "Java". • startsWith("крутой", 13) проверяет подстроку с 13-го символа. • Этот метод удобен для валидации данных, обработки URL и фильтрации текстовых данных. CodeBase | Frontend | #JS