CBLT — безопасный, быстрый и минималистичный веб-сервер на языке программирования Rust

Rust не имеет аналогов Nginx, Lighttpd, Caddy, HAProxy, Apache, Tomcat, Jetty и т.д. Все эти веб-сервера написаны на C, Go, Java и других языках. Как тогда написать свой веб-сервер на Rust без всех этих технологий?

Автор решил сделать свой сервер с нуля, написав свои решения вместо этих инструментов. Что из этого вышло, рассказал в статье.

#rust #бэкенд

Интерактивная галерея полароид-фото

Это классная идея для пет-проекта, который вы сможете повторить самостоятельно. Автор написал проект на ванильном CSS и JavaScript.

Посмотреть код можно по ссылке.

#codepen #javascript

Лучший способ создания паттерна проектирования Singleton в JavaScript и TypeScript

Паттерн проектирования Singleton гарантирует, что у класса есть только один экземпляр и предоставляет глобальную точку доступа к этому экземпляру. Этот паттерн полезен, когда необходим именно один объект для координации действий в системе.

В этой статье собраны эффективные методы реализации паттерна Singleton в JavaScript и TypeScript.

#паттерны #javascript #typescript

У CSS теперь есть свой официальный логотип

Его выбрали по итогам голосования, организованного рабочей группой CSS-Next.

Почитать подробнее можно здесь.

#новости #css

screenshot-to-code | Генерируем веб-приложение по скриншоту / Figma-концепту

Простой инструмент для преобразования скриншотов, макетов и дизайнов Figma в чистый, функциональный код с использованием ИИ. Поддерживает Claude Sonnet 3.5 и GPT-4o.

Цена: бесплатно
Репозиторий проекта

А какие OCR вы используете? Поделитесь в комментариях.

@neuro_channel

Признавайтесь, как часто у вас такое?

Для чего используется stopPropagation()

Данный метод используется для предотвращения всплытия или поднятия события вверх по цепочке из предков целевого элемента. Другими словами, он прекращает передачу события от целевого элемента к его предкам. Рассмотрим пример ниже.

При клике по вложенному контейнеру в консоль выводится сообщение «Внутренний контейнер». Если убрать event.stopPropagation(), то при клике по вложенному контейнеру, в консоль будут выведены оба сообщения.

#основы

Anchoreum: Новая игра для изучения CSS

В этой игре вы сможете научиться работать с позиционированием CSS-якорей. Игра от создателя Flexbox Froggy и Grid Garden, так что интерфейс вполне узнаваем и принцип игры понятен.

Пройти бесплатно можно по ссылке: https://anchoreum.com/

#css

Как разобрать HTML в JavaScript

По мере роста спроса на данные растёт и потребность в их извлечении, обработке и анализе. Но большая часть этих данных представлена на веб-сайтах по всему интернету. Как же получить к ним доступ программно?

Решение заключается в автоматизации процесса анализа, извлечения и преобразования необработанных данных в структурированный, легко читаемый формат. Этот процесс известен как синтаксический анализ HTML, и в этой статье вы узнаете, как это сделать с помощью JavaScript.

#javascript #html #парсинг

Позиционируем плавающие элементы без лишних сложностей

В этом нам поможет JavaScript-библиотека Floating UI. Она не только упрощает размещение элементов в нестандартном месте, но и помогает добавлять им интерактивность.

С помощью неё можно разместить подсказку, плавающую возле курсора, настроить необычное поведение при скролле страницы и многое другое.

Сохраняйте себе в библиотеку в закладки, чтобы не потерять.

#библиотека #javascript

Как подросток превратил Twitter в личную машину для кражи денег?

Представьте: аккаунты Илона Маска, Билла Гейтса, Джеффа Безоса и даже Apple начинают публиковать странные твиты про биткоины.

Мир в шоке, миллионы людей в недоумении, а за всем этим стоит... 17-летний парень.

Как он провернул крупнейший взлом соцсетей в истории? Кто ему помогал? И почему даже опытные хакеры аплодировали этой дерзости?

В новом выпуске подкаста «АЙТИ КРАЙМ» мы разбираем взлом, который поставил под удар доверие к крупнейшей платформе и заставил весь мир задуматься: а насколько безопасны наши любимые соцсети?

Слушайте и смотрите новый выпуск:

Яндекс.Музыка
Apple Music
Spotify
YouTube
Telegram

#подкаст #айтикрайм

Микрофронтенды: build time vs runtime

Александр Гончаров на прошлогодней конференции FrontendConf поделился своим опытом и рассказал почему микрофронтенд — логичное архитектурное развитие индустрии, а также какие принципиальные различия и сходства подходов build time и runtime.

Если ещё не смотрели, то стоит это исправить. Мы для вас принесли доклад из YouTube сюда, чтобы у вас не возникало проблем с загрузкой.

#доклад #микрофронтенд

Наглеть или вести себя поскромнее?

❤️/🗿

Как работает всплытие в JavaScript

Представьте себе следующее: у вас есть коробка (родительский элемент), и внутри неё находится ещё одна меньшая коробка (дочерний элемент). Когда вы касаетесь (или кликаете) меньшей коробки, ваше прикосновение не только ощущается на меньшей коробке, но и как бы «передаётся» на большую коробку.

В JavaScript это называется всплытием: если событие, например клик, происходит на внутреннем элементе, оно начинает перемещаться вверх к наружным элементам.

Вот так это может выглядеть в реальном коде:

<!DOCTYPE html>
<html lang="en">
<body>
  <div id="parent" style="padding: 20px; background-color: lightblue;">
    Большая коробка (Parent Div)
    <div id="child" style="padding: 20px; background-color: lightcoral;">
      Меньшая коробка (Child Div)
    </div>
  </div>

  <script>
    document.getElementById('parent').addEventListener('click', function(event) {
      alert('Клик по большой коробке!');
    });

    document.getElementById('child').addEventListener('click', function(event) {
      alert('Клик по меньшей коробке!');
    });
  </script>
</body>
</html>

Для настройки логики в JS также предусмотрена остановка всплытия

Если вы не хотите, чтобы событие поднималось вверх, можно его остановить с помощью event.stopPropagation(). Например, добавив это в код клика по меньшей коробке, вы сможете предотвратить срабатывание события для большей коробки.

Когда используется всплытие?

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

#простымисловами #javascript

Чёрная пятница — отличный повод инвестировать в развитие своей карьеры с максимальной выгодой
 
Как не захламлять свой дом ненужными вещами с распродаж? Вкладываться в себя. Знания — лучшая инвестиция, которая поможет вам увеличить доход и купить всё, что вы действительно хотите.
 
В Нетологии вы можете освоить новую профессию или получить навыки для роста в карьере. Только в ноябре любой курс доступен со скидкой до –40%, но и это ещё не всё — на сайте вы найдёте промокод на дополнительную скидку на 10, 15, 20 тысяч рублей. А при единой оплате сможете получить ещё -5%.
 
Двойные скидки для максимальной выгоды. Распродажа продлится с 15 по 24 ноября.

Это #партнёрский пост

Топ JavaScript-фреймворков для быстрой разработки в 2025

Для JS существует огромное количество фреймворков. Возможно, пока вы читаете этот текст, вышел ещё один новый фреймворк.

Но как понять какие стоят внимания, какие — нет? Какие стоит использовать сегодня, а какие уже устарели?

Мы составили подборку JavaScript-фреймворков, которые достойны вашего внимания и точно будут актуальны в следующем году. Переходите по ссылке и выбирайте свой.

#javascript #подборка

Неизвестно полезный CSS

Неважно, верстаете ли вы сайт для малого бизнеса или создаёте супермодное React приложение. Здесь собраны фишки CSS, которые пригодятся каждому. Что-то, возможно, вы уже знаете, но наверняка тут найдётся для вас что-то новенькое.

В этой подборке про вертикальный текст, clip-path, контрастность текста и не только.

Кстати, это уже 6 подборка советов, остальные вы найдёте в конце статьи.

#css

Django или FastAPI: какой фреймворк выбрать в 2025 году

Django и FastAPI — одни из самых популярных фреймворков Python. На какой стоит обращать внимание сейчас при начале работы с новым проектом?

В этой статье мы подробно разберём все основные критерии при выборе между этими фреймворками для начинающих свой путь разработчиков — востребованность фреймворка на рынке труда, тренды, которые повлияют на их востребованность в будущем, а так же важные особенности, которые нужно учитывать при выборе.

https://tproger.ru/articles/django-vs-fastapi-v-2025-godu--kakoj-frejmvork-vybrat-

#бэкенд #python #django #fastapi