Веб-страница
24.2K subscribers
1.73K photos
527 videos
1 file
3.92K links
Всё по фронтенду, бэкенду и девопсу в одном месте

Разместить рекламу: @tproger_sales_bot

Правила общения: https://tprg.ru/rules

Другие каналы: @tproger_channels

Сайт: https://tprg.ru/site

Регистрация в перечне РКН: https://tprg.ru/64ai
Download Telegram
Meshery — инструмент для упрощения работы с инфраструктурой на базе Kubernetes

Этот облачный менеджер с открытым исходным кодом позволяет проектировать и урпавлять всей инфраструктурй и приложениями на базе Kubernetes. Он также предлагает визуальное и совместное управление GitOps, избавляя вас от необходимости использовать YAML при управлении развертыванием Kubernetes в нескольких кластерах.

#инструменты@tproger_web #devops@tproger_web #бэкенд@tproger_web #kubernetes@tproger_web
🔥5👍1
Как использовать серверы Redis и Memcached для кэширования

Открывая ваш сайт или запуская мобильное приложение, пользователи рассчитывают на быструю загрузку. Если страница не загрузится за пару секунд, большинство посетителей просто закроет её и уйдёт к конкурентам.

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

Сейчас мы вам расскажем про вариант создания кэша на сервере с помощью Redis и Memcached.

#бэкенд@tproger_web #redis@tproger_web #memcached@tproger_web
👍2👎1
Шарите в Git? Давайте проверим

Мы приготовили для вас тест, который поможет проверить свои знания по продвинутым техникам и настройкам. Сможете ответить правильно на все вопросы?

Пройти тест

#тест
🔥6👍1💩1
Как создавать сложные расширения Chrome

Создать сложное расширение для браузера не так-то просто, особенно для новичков.

Но не волнуйтесь. Это руководство покажет вам, как сделать полнофункциональное расширение для Chrome на реальном примере!

В итоге у вас получится расширение для сохранения изображения с любых сайтов в ваш сервис через API.

#extensions #chrome
👍9🥰2
Минутка важных статистических исследований

На графике показано, как меняется средний возраст потери девстенности у мужчин.

Бэкендеры, выводы делайте сами 😏
Please open Telegram to view this post
VIEW IN TELEGRAM
😁29🤣9🔥3👍1
Немного безумия вам в ленту

Нашёл для вас библиотеку, которая позволяет писать JavaScript код внутри Python. PythonMonkey — это движок JS от Mozilla, который встроили прямо в Python Runtime.

Что делать с этим безумием, решайте сами, а мы оставим ссылку на проект: https://github.com/Distributive-Network/PythonMonkey

#ненормальноепрограммирование #javascript #python
🔥6👍2
CBLT — безопасный, быстрый и минималистичный веб-сервер на языке программирования Rust

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

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

#rust #бэкенд
👍5🗿1
Media is too big
VIEW IN TELEGRAM
Интерактивная галерея полароид-фото

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

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

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

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

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

#паттерны #javascript #typescript
👍1👎1
У CSS теперь есть свой официальный логотип

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

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

#новости #css
👎28😁16💩10👍31
This media is not supported in your browser
VIEW IN TELEGRAM
screenshot-to-code | Генерируем веб-приложение по скриншоту / Figma-концепту

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

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

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

@neuro_channel
🔥7👍2👎2
Признавайтесь, как часто у вас такое?
😁36🤣11💩42👍1
Для чего используется stopPropagation()

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

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

#основы
👍13
This media is not supported in your browser
VIEW IN TELEGRAM
Anchoreum: Новая игра для изучения CSS

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

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

#css
👍11
Ловите небольшую, но полезную шпаргалку по флексбоксах. Здесь все основные свойства и варианты их значений наглядно.

Сохраняйте, чтобы не потерять!

#шпаргалка #css
👍212🔥1🤔1🤣1
Как разобрать HTML в JavaScript

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

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

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

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

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

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

#библиотека #javascript
👍7🔥2
Вы когда-нибудь использовали один и тот же пароль для разных сайтов?
Anonymous Poll
58%
Да, так удобнее
29%
Иногда, но стараюсь избегать
12%
Нет, каждый раз новый
🗿12🤣5