Веб-страница
22.1K subscribers
2.18K photos
561 videos
2 files
4.46K links
Всё по фронтенду, бэкенду и девопсу в одном месте

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

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

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

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

Регистрация в перечне РКН: https://tprg.ru/64ai
Download Telegram
​​Mailwind — используем Tailwind для создания электронных писем

Mailwind представляет собой версию Tailwind CSS, созданную специально для разработки электронных писем в формате HTML. Если работали с оригиналом, то и тут проблем не возникнет, но зато вы сможете сэкономить кучу времени и сил.

Подробнее об установке и использовании тут:

https://github.com/soheilpro/mailwind

#библиотека #tailwind
👍22
​​Фронтенд-разработчики, когда увидели новый фреймворк:
😁64💩20❤5👍1
​Как создавать шаблоны блочных тем в WordPress 6.0

Блочные шаблоны, также часто называемые разделами, были введены в WordPress 5.5, чтобы пользователи могли создавать и совместно использовать предопределённые макеты блоков в каталоге шаблонов.

Эта статья призвана научить вас создавать шаблоны без регистрации, а также использовать их:

https://css-tricks.com/how-to-create-block-theme-patterns-in-wordpress-6-0/

#wordpress
👍11🤮9🤔1
​Решения для ведения журналов для Node.js

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

В этой статье представлены различные решения для ведения журналов для вашего приложения Node.js — Winston, Pino, Bunyan, Log Level и npmlog:

https://blog.bitsrc.io/logging-solutions-for-node-js-964487f169ea

#nodejs
👍10
This media is not supported in your browser
VIEW IN TELEGRAM
Анимация набора текста на чистом CSS

Плавная и аккуратная анимация ввода текста выполнена на чистом CSS. JavaScript здесь отвечает только за её перезапуск. Посмотреть, как реализовано можно тут:

https://codepen.io/5t3ph/pen/qBdJVEq

#codepen #css
👍35
This media is not supported in your browser
VIEW IN TELEGRAM
Крутые эффекты наведения CSS, использующие обрезку фона, маски и 3D

В этой статье вы найдёте целую подборку различных эффектов наведения на CSS с инструкциями по их созданию:

https://css-tricks.com/css-hover-effects-background-masks-3d/

#css #фронтенд
👍33💩3
Покайтесь, грешники!
😁117🔥8👍5👎5😱2
​GitHub прекратила разработку редактора кода Atom

Один из популярных редакторов кода уходит на покой. Уже в конце этого года компания переведёт репозиторий проекта в режим архива, оставив его доступным только для чтения. Информация об этом появилась в официальном блоге GitHub.

Проект просуществовал 11 лет, но теперь команда GitHub сосредоточится на развитии Microsoft Visual Studio Code, GitHub Codespaces и других облачных решений.

https://habr.com/ru/news/t/670510/

#новости

Есть желающие развивать форк?
😢37👍27👎2
​Разбивка на страницы и фильтрация на стороне сервера Angular

В этой статье вы узнаете, как использовать RxJS для реализации разбиения на страницы и фильтрации на стороне сервера для таблицы данных в приложении Angular:

https://levelup.gitconnected.com/angular-server-side-pagination-and-filtering-2206ce8279d1

#angular
👍14
Необычный часы для вашего сайта

Эти часы выполнены в футуристичном стиле и представляют собой комбинацию SVG и ванильного JavaScript. Забирайте себе на сайт:

https://codepen.io/jkantner/pen/MWEmExB

#codepen
👍36👎4
​Переносим уведомления из Google Календаря в Telegram

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

Подробнее:

https://habr.com/ru/post/666372/

#javascript #telegram #бот
👍25👏3
​6 API-интерфейсов, которые должны знать фронтенд-разработчики

Для фронтенд-разработки существуют самые разные API. В этой статье представлены несколько полезных API, которые важно знать программистам. Они помогут быстрее разрабатывать и тестировать интерфейсы:

https://blog.bitsrc.io/6-apis-frontend-developers-should-know-3a94815c53dd

#фронтенд #api
👍13💩3
​Максимально простое объяснение микрофронтендов

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

Лучше понять, как это работает и в чём преимущества такого подхода можно узнать тут:

https://dev.to/richkurtzman/explaining-micro-frontends-as-simply-as-possible-2pch
😁14👍4🤬1
​Gatekeeper и его роль в обеспечении безопасности кластеров Kubernetes

Расширение сред Kubernetes (K8s), добавление новых кластеров и приложений — необходимые процессы для развития сервисов. В таких условиях для администратора Kubernetes важно обеспечить соблюдение политик безопасности для всех новых и существующих ресурсов. Но сделать это вручную практически невозможно. К счастью, автоматизировать можно и это. И поможет в этом Gatekeeper:

https://habr.com/ru/company/vk/blog/669788/

#devops #kubernetes
👍3
​Веб-разработчики сегодня be like:
😁49👍4🥰3❤1🤬1
​Реально ли стать техдиром к 30-ти и стоит ли оно того?

А вот и новый выпуск подкаста Frontend Weekend. На этот раз гостем выпуска стал Алексей Авдеев, который уже к 30 годам стал СТО в студии mish.design. При этом он успевает и сам с заказчиками встречаться, и преподавать, и заниматься пет-проектами.

Как ему удаётся всё успевать, можно узнать здесь:

https://youtu.be/5W0qLdhGhl8

#подкаст #видео
👍9🤔2
​Что такое децентрализованная база данных?

Обычно, при росте баз данных применяется распределённый подход. Но мы в 2022 году всё-таки и web3 даёт знать о себе и здесь. Поэтому предлагаем вам познакомиться с новым вариантом БД, а именно децентрализованным.

Подробнее в статье:

https://blog.bitsrc.io/what-is-a-decentralized-database-8ed4edfdc743

#web3 #бд
👍4
​Какие знания нужны бэкендеру для трудоустройства?

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

https://nuancesprog.ru/p/15821/

#бэкенд
😁45🔥3💩2
This media is not supported in your browser
VIEW IN TELEGRAM
Анимированная карточка входа

С такой карточкой пользователю вашего сайта точно будет приятно взаимодействовать, ведь она не только стильная, но и удобная. Ну а вам поможет избежать лишнего кода на JS, ведь выполнена она на чистом CSS.

Посмотреть код можно тут:

https://codepen.io/ig_design/pen/KKVQpVP

#codepen #css
🔥60👍16👎3👏1
Помогаю IT-сообществу как могу!
😁84