Нашли codepen того самого переключателя из мемного видео: Detailed Theme Switch

Проект реализован с помощью CSS и JavaScript. Исходники:https://codepen.io/jkantner/pen/OJazKey

👍 — юзабельно
🗿 — троллейбус_из_буханки_хлеба.jpg

#codepen

​​Cloudflare выпустила Pingora v0.3.0 с поддержкой HTTP-модулей

Cloudflare представила второй публичный релиз открытого проекта Pingora v0.3.0. Это асинхронный многопоточный фреймворк на Rust, который помогает создавать прокси-сервисы HTTP.

Проект используется для создания сервисов, обеспечивающих значительную часть трафика в Cloudflare (вместо применения Nginx). Исходный код Pingora опубликован на GitHub под лицензией Apache 2.0.

Проект Pingora предоставляет библиотеки и API для создания сервисов поверх HTTP/1 и HTTP/2, TLS или просто TCP/UDP. В качестве прокси-сервера он поддерживает сквозное проксирование HTTP/1 и HTTP/2, gRPC и WebSocket. Поддержка HTTP/3 — в планах.

Pingora также включает в себя настраиваемые стратегии балансировки нагрузки и аварийного переключения. Чтобы соответствовать требованиям безопасности, он поддерживает как широко используемые библиотеки OpenSSL, так и BoringSSL, которые соответствуют требованиям FIPS (федеральных стандартов обработки информации США) и пост-квантового шифрования.

Подробнее: https://habr.com/ru/news/828678/

#cloudflare

Ничего необычного, просто ​​бэкендер пытается в CSS:

​​mTLS наглядно

​​​​bunkerweb: многостаночный файервол для сайта

Защита на базе NGINX с веб-интерфейсом и CLI-командами, которая в состоянии:
— распознать необычные запросы к серверу и заблокировать их;
— предотвращать TLS Hardening («прослушивание» данных во время передачи от сервера к клиенту);
— блокировать ботов капчей (cookie, javascript, captcha, hCaptcha or reCAPTCHA);

Репозиторий проекта: https://github.com/bunkerity/bunkerweb

#инструменты

​​​Лучшие способы вызова API на JavaScript

При работе с JavaScript чрезвычайно важно знать, как посылать HTTP-запросы и получать динамические данные с сервера/базы данных. А делать это можно различными способами. Подробнее о них: https://nuancesprog.ru/p/15597/

#api #javascript

​​Учим React за месяц

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

Если давно в планах есть изучение React, но растягивать процесс не хочется, то начните с 30DaysOfReact — это учебник, который подойдет как новичкам, так и опытным разработчикам. Там можно найти задачи, темы и материалы для ежедневного изучения.

@prog_point #web #frontend #react

​​24 CSS-проекта: Анимация загрузки, индикаторы выполнения, карточки и многое другое

На freeCodeCamp вышло новое видео, в котором вы сможете узнать, насколько хорошо вы на самом деле знаете CSS.

На протяжении 24 заданий вы будете воссоздавать компоненты и макеты из популярных приложений, таких как GitHub, CodePen и Instagram. Вы также создадите анимацию загрузки, индикаторы выполнения, карточки и многое другое, используя чистый CSS: https://youtu.be/TzuWIHGFKCQ

#css

Написать красивый фронтенд — это искусство

Зачем нужна эта библиотека Python в веб-разработке

Пройдите небольшое тестирование, чтобы узнать, насколько вы знакомы с Python-библиотеками и фреймворками, которые используют в веб-разработке: https://tproger.ru/quiz/zachem-nuzhna-eta-biblioteka-python-v-veb-razrabotke

​​История: как сэкономить $5000/месяц с помощью одного Grafana-запроса

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

В ходе работы над этим проектом они обнаружили способ сэкономить $5000 в месяц, снизив время запуска подов на 300 мс: https://tproger.ru/news/istoriya--kak-sekonomit--5000-mesyac-s-pomoshhyu-odnogo-grafana-zaprosa

#devops@

​​Как компилировать json или история оптимизации Python-сервиса

В процессе работы автор статьи понял, что самый быстрый способ вычислять выражения — переписать их на Python. В итоге получилось написать собственную реализацию библиотеки json-logic, заточенную под максимальную производительность.

Подробнее об этом опыте он рассказал в статье: https://habr.com/ru/companies/oleg-bunin/articles/828986/

#python

​​Firefox не только самый быстрый, но и самый эффективный браузер

Несколько месяцев назад мы публиковали результаты тестов Speedometer 3.0, согласно которым Firefox сохраняет преимущество в производительности перед Chrome.

А сейчас появились доказательства, что Firefox не только быстрее, но и эффективнее Chrome по некоторым параметрам. В частности, по работе с памятью: https://habr.com/ru/companies/ruvds/articles/827170/

#firefox

Она: Он такой загадочный. Интересно, о чем он думает?

Он:

REST Client | Аналог Postman прямо в VS Code

Популярнейшее расширение, скачанное более 4,7M+ раз. Позволяет разработчикам отправлять HTTP-запросы и читать ответное сообщение непосредственно в IDE.

Цена: бесплатно
Расширение на Visual Studio Marketplace

@prog_tools

​​​​Алгоритмы и структуры данных для начинающих

Уверенное применение структур данных и алгоритмов имеет важное значение при создании программ. Изучить основы поможет серия коротких видеоуроков с примерами на JavaScript. Например, что такое BinarySearchTree, LinkedList, Stack, Queue, их применение, а также другие структуры и алгоритмы:

https://youtube.com/playlist?list=PLIFGfLqvZ-yGHI2Fg0NCgi7FY0h1yh-af

#javascript #алгоритмы

Анимированное руководство по CSS flex

flex — свойство в CSS, определяющее способность элемента растягиваться или сжиматься для заполнения собой доступного свободного пространства.

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

#фронтенд #css

Расширяем dev-команду и ищем мидла Vue.js-разработчика

Мы — Tproger. Создаём сообщество для программистов и всех людей, которым интересна эта тема. Мы хотим выпускать больше фич и делать это быстрее, поэтому расширяем dev-команду и ищем Vue.js разработчика.

Наши ожидания:
— Опыт коммерческой разработки.
— Опыт работы с Jira, Git.
— Уверенное знание JavaScript и TypeScript.
— Уверенное владение фреймворком Vue.js.
— Опыт в разработке приложений на Nuxt 3.
— Опыт работы на Vue Composition API.
— Понимание адаптивной верстки, BEM.

Будет плюсом:
— Опыт работы с MySQL, умение писать производительные чистые SQL-запросы.
— Опыт написания backend-a на Node.js.
— Наличие пет-проектов.

Подробнее: https://tproger.ru/jobs/vuejs-web-developer

#вакансии #работа

​​Курс асинхронного JavaScript

На канале freeCodeCamp вышло годное видео про асинхронность в JavaScript. С помощью него вы сможете изучить JavaScript promises, async/await и Fetch API. Знания подкрепляются 3 проектами: https://www.youtube.com/watch?v=OFpqvaJ3QYg

#javascript