JavaScript задачи с собеседований

💡Шпаргалка по CSS

Критическая уязвимость в декодировщике Brotli, затрагивающая Node.JS, Bun, браузеры, HTTP-клиенты и другие проекты В библиотеке с эталонной реализацией декодировщика для формата сжатия данных Brotli выявлена уязвимость (CVE-2026-111497, приводящая к переполнению буфера при обработке специально оформленных сжатых данных. По данным Google уязвимость может использоваться для удалённого выполнения кода при атаке на проекты, использующие официальную реализацию декодировщика Brotli. Среди подобных проектов Node.js, Bun, Envoy, Istio, web-браузеры, прокси-серверы, HTTP-клиенты и -серверы, архиваторы, прокси-серверы, UEFI-прошивки, просмотрщики JPEG XL, декодирующие контент библиотеки для Python, Ruby, Java, PHP и .NET и связанные с ними зависимости. Полный текст: https://opennet.ru/66537/ https://opennet.me/66537/

🌐 Умный DNS-резолвер Numa Numa - это портативный DNS-резолвер, который работает из одного бинарного файла. Он блокирует рекламу, позволяет настраивать локальные сервисы и шифрует запросы с помощью ODoH, обеспечивая вашу конфиденциальность. Все функции встроены, без необходимости в облачных сервисах. 🚀 Основные моменты: - Портативный, работает на любом устройстве. - Блокировка рекламы и кэширование по умолчанию. - Поддержка DNSSEC и DNS-over-TLS для шифрования. - Автоматическое обнаружение устройств в локальной сети. - Легкий в использовании интерфейс и настройка. 📌 GitHub: https://github.com/razvandimescu/numa

Electric strings Электрический паук, следующий за мышью. Написан на JavaScript. https://codepen.io/Mertl/pen/dybBPWx

Button with rotating gradient border Кнопка с вращающейся градиентной рамкой – это эффектный веб-элемент, который был разработан и анимирован с использованием языков HTML и CSS. Этот элемент привносит интересное визуальное восприятие на веб-страницу и обращает на себя внимание пользователей благодаря своей креативной анимации. 🌐Ссылка на код (https://codepen.io/shuding/pen/gOBXxpe)

🔐 В интернете сменили один из важнейших криптографических ключей. Всего второй раз в истории. 11 октября корневая зона DNS перешла с KSK-2017 на KSK-2024. Предыдущая смена была в 2018 году. Этот ключ служит отправной точкой цепочки доверия DNSSEC, которая позволяет проверять подлинность DNS-ответов. Почему это важно: DNS-резолвер, который не доверяет новому ключу, может отклонять корректные ответы. Сайт или API работает, серверы исправны, но пользователи не могут до них добраться. Большинству владельцев сайтов ничего менять не нужно. А тем, кто управляет резолвером с проверкой DNSSEC, ICANN рекомендует проверить наличие KSK-2024, Key Tag 38696 среди доверенных ключей. Полагаться только на автоматическое обновление не стоит. https://www.icann.org/resources/pages/ksk-rollover-en

Почему сайт узнаёт тебя после удаления cookies? Удалил cookies, но сайт будто помнит тебя? Показываем, как экран, язык, шрифты и настройки складываются в цифровой отпечаток браузера. #Приватность #Cookies #Fingerprinting https://www.youtube.com/shorts/mg5gVeuw2Xs

Arc Time Slider Это кастомный слайдер, разработанный с использованием веб-технологий HTML, SCSS и JS. Этот уникальный слайдер добавляет интересный и инновационный элемент управления на вашем веб-сайте. 🌐Ссылка на код (https://codepen.io/nicolasjesenberger/details/KKGJgWr)

Ознакомьтесь с этими 5 советами по адаптивному веб-дизайну 👨‍💻

Импорт локальных изображений vs использование изображений из папки / public в Next.js

Совет по веб-доступности 💡 Лучший способ сделать ваши ссылки, состоящие только из иконок, удобными для экранных читалок.

🌐 Человек, который создал первый веб-браузер, сервер и заложил основу современного интернета. В 1989 году Тим Бернерс-Ли, работая в CERN, предложил систему для обмена связанными документами. А уже к концу 1990 года написал первый браузер-редактор WorldWideWeb, первый веб-сервер и сформулировал базовые технологии веба: HTML, HTTP и URL. Первый сайт работал по адресу info.cern.ch и рассказывал о самом проекте World Wide Web. Ключевой момент случился в 1993 году, когда CERN сделала технологию Web общедоступной. Это позволило ей быстро распространиться по всему миру без патентных барьеров и лицензий. Позже Бернерс-Ли основал W3C, чтобы развивать открытые веб-стандарты и сохранять совместимость между браузерами и платформами. Один из тех редких случаев, когда решение не закрывать технологию оказалось не менее важным, чем сама технология.

🛠️ Awesome SRE - большая подборка ресурсов для Site Reliability Engineering Репозиторий awesome-sre собирает полезные материалы по SRE и Production Engineering в одном месте. Внутри есть подборки по: - Monitoring и Observability - Incident Response и Post-Mortem - On-Call - Chaos Engineering - Automation и Toil Reduction - Capacity Planning - SLO / SLI - Performance - книгам, докладам, статьям и гайдам Также собраны инструменты вроде Prometheus, Ansible, Puppet, SaltStack, Chaos Monkey, Gatling и другие решения для эксплуатации production-систем. : Хорошая база, если изучаете SRE, DevOps, reliability engineering или готовитесь к собеседованию. GitHub: https://github.com/dastergon/awesome-sre

Если вы занимаетесь ручным тестированием и хотите перейти к автоматизации, отдельных уроков по JavaScript и Playwright может быть недостаточно. Чтобы уверенно писать автотесты, важно понимать, как устроен весь процесс: от проверки API и интерфейса до запуска тестов в CI/CD. Курс «Автоматизатор тестирования на JavaScript» поможет выстроить эту систему на практике. Вы научитесь писать автотесты для API и UI, работать с Jest и Playwright, проектировать тестовый фреймворк и запускать проверки с помощью Docker и GitHub CI. Обучение включает живые занятия, домашние задания и обратную связь от преподавателей-практиков. В итоговом проекте вы создадите собственный тестовый фреймворк, разработаете не менее 10 функциональных автотестов и настроите отчёты о результатах. Старт курса — 30 сентября. Пройдите вступительное тестирование и узнайте условия обучения: https://vk.cc/d2bLGJ Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576

Card Carousel Этот элемент веб-дизайна реализован с использованием HTML и CSS. Он представляет собой карусель карточек, и при наведении на карточку применяются CSS трансформации. Это позволяет создать интерактивный и привлекательный элемент на веб-странице. 🌐Ссылка на код (https://codepen.io/william-goldsworthy/pen/JzVajj)

Pure horizontal slider with sliding menu Увлекательный проект, в котором вёрстка выполнена с использованием HTML и CSS, а логика раскрытия меню и карточек реализована с помощью JavaScript. Этот проект представляет собой горизонтальный слайдер с возможностью скольжения меню. 🌐Ссылка на код (https://codepen.io/kristen17/pen/KKrzbYo)

Если вы знаете JavaScript, HTML и CSS, но Vue.js пока используете для отдельных задач, пора собрать знания в систему и научиться создавать полноценные приложения. Курс «Vue.js разработчик» — практическое обучение разработке современных веб-приложений. Вы разберёте компонентную архитектуру и реактивность Vue 3, научитесь работать с маршрутизацией, состоянием приложения и TypeScript. В программе также — тестирование, GraphQL, WebSockets, Nuxt и подготовка проекта к деплою. Обучение строится вокруг практики. На живых занятиях можно задавать вопросы преподавателям, а в домашних заданиях — закреплять материал и получать ревью кода. В ходе курса вы разработаете собственный проект для портфолио. Старт курса — 29 сентября. Пройдите вступительное тестирование и узнайте условия обучения: https://vk.cc/d21yU2 Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576