tproger_web | Unsorted

Telegram-канал tproger_web - Веб-страница

26007

Всё по фронтенду, бэкенду и девопсу в одном месте Разместить рекламу: @tproger_sales_bot Правила общения: https://tprg.ru/rules Другие каналы: @tproger_channels Сайт: https://tprg.ru/site Регистрация в перечне РКН: https://tprg.ru/64ai

Subscribe to a channel

Веб-страница

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

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

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

#devops@

Читать полностью…

Веб-страница

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

Читать полностью…

Веб-страница

Разыскиваем опытных Java-разработчиков

Обязанности:
— Участие в полном цикле разработки.
— Проектирование/разработка back-end и API.
— Обеспечение чистоты кода, тестирование, код-ревью, релизы.

Требования:
— Знание Java/Kotlin, Spring.
— Понимание микросервисной архитектуры.
— Опыт SQL/NoSQL.
— Опыт командной работы, код-ревью, git flow.

Откликайтесь тут

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

Читать полностью…

Веб-страница

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

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

#api #javascript

Читать полностью…

Веб-страница

Яндекс устраивает технологический Код-хоппинг 8 августа!

Встретимся в Петербурге, чтобы потусить и послушать короткие лайтнинги от коллег. Переключимся с работы на живое общение — так мы сможем не только подзарядиться, но и поймать новые идеи! В программе — прогулка по трём барам, настойки и коктейли, codebattle, задушевные разговоры и крутая вечеринка!

Заполняйте форму и регистрируйтесь уже сейчас! А если хотите рассказать о проекте или увлечении, приложите к форме тему и тезисы.

До встречи на Код-хоппинге! 

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

Читать полностью…

Веб-страница

📱Тапайте со смыслом

Вместе с Tproger запустили игру про историю платежных инструментов!

Сегодня мы оплачиваем покупки телефоном, а далекие предки делали это с помощью…шкурок зверей!

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

Ваша задача ― кликать по предмету на экране, чтобы от обмена ракушками дойти до современных видов платежей!

Начать игру можно по ссылке.

@gazprombank

Читать полностью…

Веб-страница

​​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

Читать полностью…

Веб-страница

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

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

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

#codepen

Читать полностью…

Веб-страница

​​В CSS появился условный оператор

Делимся статьей, в которой подробнее рассказали о синтаксисе и примерах использования: https://css-tricks.com/if-css-gets-inline-conditionals/

#css

Читать полностью…

Веб-страница

​​15 советов по оптимизации страниц

Аспекты разработки (на которые часто не обращают внимание), которые помогут улучшить загрузку и работу вашего приложения: https://www.speedcurve.com/blog/15-neglected-page-speed-optimizations/

#собеседование #фронтенд

Читать полностью…

Веб-страница

​​​Old but gold: Микрофронтенд с feature sliced design

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

А так же рассказал, как ему удалось удачно объединить оба решения в одном проекте: https://habr.com/ru/articles/747952/

#архитектура

Читать полностью…

Веб-страница

Хорошо смеется тот, кто пользуется эффективными инструментами для бизнеса — решили в МТС и сделали несерьезную рекламную кампанию для настоящих и будущих акул бизнеса. 

Так появился стартап «Камни-питомцы», в котором любые, даже самые абсурдные задачи, решаются легко и эффективно с помощью сервиса МТС Линк. Это единая платформа для бизнес-коммуникаций с видео-звонками, чатами и онлайн-досками, которая поможет легко выстроить эффективные рабочие процессы.

Улыбнитесь новой рекламной кампании МТС и обязательно воспользуйтесь новым сервисом по ссылке.

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

Читать полностью…

Веб-страница

​​Разработчик представил веб-сайт, который имитирует работу утилиты Disk Defragmenter в Windows 98, включая звуки HDD

Разработчик Деннис Морелло представил онлайн-проект Windows 98 Disk Defrag Simulator, который имитирует работу утилиты Disk Defragmenter в Windows 98, включая звуки HDD. На сайте можно посмотреть, как работала система дефрагментации дисковых носителей в Windows 98.

Для этого проекта Морелло использовал некоторые из самых мощных инструментов современной веб-разработки, включая:
— React для создания компонентов пользовательского интерфейса;
— Next.js для оптимизации производительности и SEO;
— Zustand для управления состоянием приложения;
— TailwindCSS для стилизации приложения вместе с 98.css для придания эстетики Windows 98;
— Radix UI Primitivesx для доступных интерактивных компонентов, таких как слайдеры и модальные окна;
— Vercel, хостинговую платформу для приложения.

Одной из самых больших проблем была реализация алгоритма дефрагментации, который выглядел бы аутентичным. Чтобы добиться точного внешнего вида Windows 98, требовалось пристальное внимание к деталям. Морелло использовал комбинацию 98.css и TailwindCSS. А чтобы добавить дополнительный слой ностальгии, Морелло реализовал реалистичные звуки жёсткого диска.

Ностальгируем: defrag98.com

#петпроект

Читать полностью…

Веб-страница

Да, да, конечно сделаем)))))

@ithumor

Читать полностью…

Веб-страница

Почему мидлу полезно быть недовольным?

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

В своём канале «Недовольный мидл» Артём делится своим опытом, мыслями и лайфстайлом. Здесь нет строгих рамок и форматов — хаос мыслей перемешивается с мемами и техническими заметками.

Подписывайтесь, если вы тоже недовольный.

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

Читать полностью…

Веб-страница

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

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

Читать полностью…

Веб-страница

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

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

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

#css

Читать полностью…

Веб-страница

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

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

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

@prog_point #web #frontend #react

Читать полностью…

Веб-страница

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

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

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

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

Читать полностью…

Веб-страница

​​mTLS наглядно

Читать полностью…

Веб-страница

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

Читать полностью…

Веб-страница

AvitoTech выпустили бесплатный видеокурс по JavaScript.

Четвёртый эпизод уже доступен к просмотру: https://youtu.be/RFR43fpTARs

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

Не забудьте подписаться на канал, чтобы не пропустить следующие выпуски.

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

Читать полностью…

Веб-страница

​​ В Python могли встроить вирус. Все из-за утечки админского токена языка через публичный Docker-контейнер

В мире программирования произошла одна из самых опасных ошибок за последнее время. И все из-за невнимательности одного из разработчиков: https://tproger.ru/news/v-python-mogli-vstroit-virus--vse-iz-za-utechki-adminskogo-tokena-yazyka-cherez-publichnyj-docker-kontejner

#python

Читать полностью…

Веб-страница

ChatGPT определила HTML-программиста

Читать полностью…

Веб-страница

​​Я: устраиваюсь на работу с опытным коллективом

Тем временем их тимлид 2010-го года рождения:

Читать полностью…

Веб-страница

Одна буква, а какая разница

Читать полностью…

Веб-страница

​​Шпаргалка по Flexbox

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

Сохраняйте себе в закладке и пользуйтесь по необходимости: https://css-tricks.com/snippets/css/a-guide-to-flexbox/

#шпаргалка #css #flexbox

Читать полностью…

Веб-страница

​​Playwright и Allure как хорошая практика для разработки веб-приложения

Разработчики вынуждены вечно искать баланс: как выпускать фичи быстро, качественно и желательно небольшой командой. Один из рабочих рецептов — это фронт + E2E-тесты.

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

Playwright предоставляет API для автоматизации действий в браузере. Он предлагает удобный способ создания и запуска E2E-тестов, благодаря поддержке браузеров Chromium, Firefox и WebKit, а также поддержке нескольких языков программирования: JavaScript, TypeScript, Python и других.

В статье автор рассказывает, как пользоваться этими инструментами и как прогонять порядка 1000 автотестов в сутки, имея всего 2 тестировщика вместо 15: https://habr.com/ru/companies/clevertec/articles/822583/

#react

Читать полностью…

Веб-страница

​​15 кастомных хуков для облегчения компонентов React

Появившиеся в React 16.8 хуки позволяют использовать состояние и прочие возможности библиотеки без написания классов. В небольшом обзоре приводятся 15 наиболее полезных из них: https://proglib.io/p/15-kastomnyh-hukov-dlya-oblegcheniya-komponentov-react-2021-08-11

#react

Читать полностью…

Веб-страница

Джун, когда впервые узнал про докер и показывает эту революционную технологию на общем созвоне:

Читать полностью…
Subscribe to a channel