CodeBase | Frontend


Гео и язык канала: Весь мир, Русский
Категория: Технологии


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

Связанные каналы  |  Похожие каналы

Гео и язык канала
Весь мир, Русский
Категория
Технологии
Статистика
Фильтр публикаций


Лови!

Тут полезные факты про AI с легкой подачей, свежие новости Tech и около айтишных тематик

Если тебе хочется каждый день получать выжимку, что происходит важного в мире ИИ и Tech, а так же, потратив всего 2 минуты в день - узнать 90% из мира AI - залетай!

telegram: That's IT


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




CodeBase | Frontend | #meme




⚙️ Что такое свойство visibility в CSS и зачем оно используется?

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

➡️ Пример:

Этот блок всегда виден
А этот скрыт, но занимает место


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

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


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

• visibility: hidden; скрывает элемент, но он по-прежнему занимает место в разметке.
• display: none; убирает элемент полностью (в отличие от visibility).

Это свойство помогает управлять интерфейсом без изменения структуры страницы.

CodeBase | Frontend | #CSS






⚙️ Что такое атрибут aria-hidden в HTML и зачем он используется?

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

➡️ Пример:


🔔


Этот текст будет проигнорирован

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

• 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


CodeBase | Frontend | #meme

521 0 10 1 10

⚙️ Что такое свойство overflow в CSS и зачем оно используется?

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

➡️ Пример:
Этот текст слишком длинный для блока и может выходить за его границы.


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


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

• overflow: hidden; обрезает текст, выходящий за границы блока.
• overflow: scroll; добавляет прокрутку внутри контейнера.
• overflow: auto; включает прокрутку, если контент не помещается.

Это свойство важно для управления адаптивностью и предотвращения ломки верстки.

CodeBase | Frontend | #CSS


⚙️ Что такое атрибут aria-label в HTML и зачем он используется?

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

➡️ Пример:






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

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

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


CodeBase | Frontend | #Основы

568 0 11 1 14

Репост из: Bad Pixel
Когда соседи узнали, что у тебя дедлайн через час 😄

💰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


Хаха, шутники, блин.

CodeBase | Frontend | #meme


⚙️ Что такое свойство object-fit в CSS и зачем оно используется?

object-fit — это CSS-свойство, которое определяет, как содержимое или должно масштабироваться внутри контейнера. Оно позволяет изменять размер изображения, сохраняя его пропорции, без искажений.

➡️ Пример:



.responsive-img {
width: 300px;
height: 200px;
object-fit: cover; /* Заполняет контейнер, обрезая лишнее */
}


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

• object-fit: cover; делает так, что изображение заполняет контейнер, но не растягивается.
• object-fit: contain; сохраняет весь контент, добавляя пустое пространство.
Это свойство особенно полезно при адаптивной вёрстке и работе с изображениями разного размера.

CodeBase | Frontend | #CSS


Репост из: Видеоуроки IT
🎬 Верстка сайта с нуля для начинающих

🔴Видеоуроки:
1 — Разработка крутого веб-сайта для начинающих
2 — Построение шапки сайта
3 — Секция с играми
4 — Информация про проект
5 — Подписка на рассылку
6 — Дополнительная страница
7 — Страница с контактами
8 — Заключительная часть

▶️ Плейлист YouTube

🔻Канал: Школа itProger / Программирование
🔴#html #css


⚙️ Что такое атрибут target в HTML и зачем он используется?

Атрибут target определяет, где откроется ссылка или загруженный ресурс. Он используется в и для указания способа открытия новой страницы или вкладки.

➡️ Пример:


Открыть в новой вкладке


Открыть в этом же окне


Открыть безопасно

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

target="_blank" открывает ссылку в новой вкладке.
• target="_self" (по умолчанию) открывает ссылку в том же окне.
• rel="noopener noreferrer" защищает от возможных атак через window.opener.

Атрибут target важен для управления поведением ссылок и безопасности веб-страниц.


CodeBase | Frontend | #Основы

Показано 20 последних публикаций.