CodeBase | Frontend

⚙️ Что такое атрибут tabindex в HTML и зачем он используется? Атрибут tabindex управляет порядком перехода по элементам с клавиатуры (с помощью Tab). Это важно для удобства навигации и доступности веб-страниц. ➡️ Пример:

<button tabindex="2">Кнопка 2</button>
<button tabindex="1">Кнопка 1</button>
<button tabindex="3">Кнопка 3</button>

🗣️ Почему полезно: • tabindex="0" делает элемент доступным для Tab по умолчанию. • tabindex="-1" исключает элемент из последовательности табуляции, но сохраняет фокусируемость через JavaScript. • tabindex="1" (и выше) изменяет порядок фокуса, но злоупотреблять этим не стоит — лучше использовать естественный порядок DOM. Правильное использование tabindex улучшает доступность и удобство навигации для всех пользователей CodeBase | Frontend | #Основы

Запоминайте энтерпрайз 🔥 Трехдюймовая дискета ©

🖥 Курс: "Верстка простого сайта для самых маленьких, html/css подробное объяснение"! 🖥 Изучите шаг за шагом, как создать современный веб-макет с помощью HTML и CSS. Идеально подходит для новичков, желающих развить практические навыки в веб-разработке! 🕞 Продолжительность: 4:00:18 🔗 ссылка CodeBase | Frontend | #CSS #html

Осторожно 18+ 🤩 Я хочу стать программистом

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

const text = "   Привет, мир!   ";

console.log(text.trim());   // "Привет, мир!"
console.log(text.trimStart()); // "Привет, мир!   "
console.log(text.trimEnd());   // "   Привет, мир!"

🗣️ В этом примере: • trim() удаляет пробелы с обеих сторон строки. • trimStart() — удаляет только в начале, trimEnd() — только в конце. CodeBase | Frontend | #JS

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

HTML and CSS Год: 2023 Автор: Kumar T Язык: Английский

Веб―разработчики - это ваше универсальное руководство по HTML и CSS! Научитесь использовать HTML для форматирования текста и структурирования веб-страниц. Разберитесь со структурой HTML-документа, прежде чем создавать формы, ссылаться на гиперссылки, встраивать активный контент и многое другое. Затем оформляйте свои страницы с помощью CSS: создавайте согласованные дизайны с помощью селекторов, модели box, каскадного алгоритма и наследования. Дополните свой опыт разработки на стороне клиента знакомством с JavaScript. С подробными примерами кода вы освоите HTML и CSS в кратчайшие сроки! Ваше полное руководство по HTML5 и CSS3

#en #HTML #CSS CodeBase | Frontend | #book

Почувствуй этот вайб 🤩 Я хочу стать программистом ©

Паттерны проектирования JavaScript Год: 2025 Автор: Ди Франческо Уго Язык: Русский

Раскройте потенциал паттернов проектирования jаvascript. Найдите структурированные решения распространенных задач разработки, пригодные для многократного использования и повышающие масштабируемость, производительность и удобство сопровождения кода. Узнайте, как применение этих паттернов позволяет создавать более чистый и понятный код, способствует организации совместной работы в команде, сокращает количество ошибок и экономит время и силы. Автор дает исчерпывающее представление о паттернах проектирования в современном jаvascript (ES6+) и приводит практические примеры их применения. Сначала вы познакомитесь с порождающими, структурными и поведенческими паттернами проектирования в идиоматическом для jаvascript стиле, а затем переключитесь на архитектурные паттерны и паттерны пользовательского интерфейса. Вы узнаете, как применять паттерны, характерные для таких библиотек, как React, и распространять их на фронтенд и микрофронтенд. В последней части книги представлены и проиллюстрированы паттерны улучшения производительности и безопасности, включая обмен сообщениями, события и стратегии загрузки ресурсов, а также паттерны высокопроизводительных асинхронных вычислений.

#ru #JavaScript CodeBase | Frontend | #book

🔍 IT без багов не бывает, но с ними можно жить! Вы тестировщик, разработчик или просто любите IT? Тогда добро пожаловать в I’m QA, bitch! — канал, который понимает вашу боль. 💥 Что вас ждёт? ✅ Мемы про баги — потому что без смеха в этой профессии не выжить. ✅ Разборы эпичных фейлов — учимся на чужих (и своих) ошибках. ✅ Советы по тестированию — делаем софт стабильнее, а нервы крепче. ✅ Руководство по выживанию в IT — дедлайны, релизы, багрепорты без истерики. 👀 Почему стоит подписаться? 🔸 “Не воспроизводится” — худший ответ на багрепорт, и это здесь понимают. 🔸 Канал поможет стать тем QA, которому доверяют. 🔸 Любовь к IT — с мемами, лайфхаками и порцией иронии в каждом посте. 🔥 Подписывайтесь сейчас — и будьте тем, кто находит баги, а не тем, кто их делает! 👉 Подписаться  P.S. Если не подпишетесь, следующая ошибка в продакшн будет на вашей совести. 😏

🤩 Я хочу стать программистом ©

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

<button class="disabled-btn">Нажми меня</button>

<style>
  .disabled-btn {
    background-color: gray;
    color: white;
    pointer-events: none; /* Элемент игнорирует клики */
    cursor: not-allowed;
  }
</style>

🗣 В этом примере: • pointer-events: none; делает кнопку некликабельной, но оставляет её видимой. • Это удобно для отключения кнопок, слоёв с анимацией или создания "сквозных" элементов. • Значение pointer-events: auto; возвращает стандартное поведение. Свойство pointer-events полезно для дизайна UI, управления интерактивностью и создания анимаций. CodeBase | Frontend | #CSS

Табы или пробелы? 🦥Ленивый программист ©

Эффективный TypeScript Автор: Вандеркам Д. Год: 2025 Язык: Русский

Способен ли TypeScript устранить проблемы, которыми так знаменит JavaScript? Да, но его изучение потребует определенных усилий, времени и практики. Эти правила позволят ускорить и облегчить знакомство с TypeScript. Каждое правило — это конкретная рекомендация, рассказывающая на примерах, что можно и чего нельзя делать в TypeScript и как грамотно работать с этим языком. Эта книга поможет подняться с уровня начинающего или среднего пользователя, знакомого с основами TypeScript, на уровень TS-эксперта, который может профессионально работать с этим языком. Второе издание было обновлено для TypeScript 5 и включает две новые главы, посвященные программированию на уровне типов и рецептам TypeScript.

#ru #TypeScript CodeBase | Frontend | #book

Пройдите тест из вселенной Назад в будущее  Проверьте себя: попробуйте спасти мир и стать DevOps всех времён. 7 вопросов для инженеров и девопс инженеров. 🚀 Пройти тест в боте Всем участникам скидка на курсы Слёрма.

Всё нормально будет продолжайте учиться © 🤩 Я хочу стать программистом

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

<!-- Обозначение навигационного меню -->
<nav role="navigation">
  <ul>
    <li><a href="#">Главная</a></li>
    <li><a href="#">О нас</a></li>
  </ul>
</nav>

<!-- Определение элемента как диалогового окна -->
<div role="dialog" aria-labelledby="dialog-title">
  <h2 id="dialog-title">Подтвердите действие</h2>
  <button>ОК</button>
</div>

🗣️ Почему полезно: • role="navigation" помогает читалкам распознавать меню. • role="dialog" делает <div> доступным как модальное окно. CodeBase | Frontend | #Основы

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

💐 Какое счастье, что именно в начале весны, когда всё расцветает и начинает наполняться жизненной силой, мы можем поздравить вас с женским праздником очарования, красоты и женственности — Днём 8 Марта! ✨ Никто, кроме женщины, не сможет почувствовать всю глубину и многогранную палитру возрождения природы. Только ей дoступно сакральное понимание любви, из которой рождается новая жизнь, созидается доброта и изобилие, раскрываются все человеческие ресурсы. Сияйте, наслаждайтесь каждым мгновением жизни, наполняйте себя и всех вокруг светом, теплом и благодатью. CodeBase | Frontend |

Лови! Тут полезные факты про AI с легкой подачей, свежие новости Tech и около айтишных тематик Если тебе хочется каждый день получать выжимку, что происходит важного в мире ИИ и Tech, а так же, потратив всего 2 минуты в день - узнать 90% из мира AI - залетай! telegram: That's IT