Веб-страница
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
​Переносим уведомления из 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
​7 трюков с веб-компонентами

В этой статье вы найдёте 7 советов и приёмов, которые могут быть не очень очевидны в отношении веб-компонентов, но при этом оставаться крайне полезными:

https://daverupert.com/2022/04/7-web-component-tricks/
👍4
This media is not supported in your browser
VIEW IN TELEGRAM
Акробатичный лоадер

Нестандартный лоадер выполнен с помощью SVG и CSS-анимации. В данном проекте не используется JavaScript, поэтому он практически никак не влияет на нагрузку.

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

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

#codepen
👍72❤5😁3👎1
​Как использовать JavaScript для расстановки элементов на веб-странице

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

Подробнее:

https://nuancesprog.ru/p/15583/

#javascript
👍15❤2💩1
​Теперь лучшие материалы для ДевоПсов собраны в одном месте

Топовые статьи на русском и английском языках каждый день появляются в Telegram-канале «DevOps для ДевоПсов». Переходите и убедитесь в этом сами: @devo_pes.
❤6👍2
This media is not supported in your browser
VIEW IN TELEGRAM
Управляемая игральная кость на CSS

Данная игральная кость выполнена без применения JavaScript, не смотря на то, что здесь предусмотрено управление её положением. Вся работа выполнена с помощью препроцессоров Pug и SCSS. Подробнее:

https://codepen.io/HunorMarton/pen/mdERrLy

#codepen
❤3👍1
​Использование HTTPS в вашей среде разработки

Протокол HTTPS сегодня является обязательным для любого веб-сайта или веб-приложения. Поэтому даже в процессе разработки лучше не использовать http://localhost, а перейти на современный протокол. Но современность не основная причина.

В чём важность использования HTTPS в процессе разработки и как его настроить, узнаете здесь:

https://auth0.com/blog/using-https-in-your-development-environment/

#https #безопасность
👍11👏2😍1
​Когда нашёл свои старые проекты, на которых учился кодить:
😁67🤡23👍9💩1
​Почему Vue (по умолчанию) более эффективен, чем React

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

https://medium.com/@gui.milon/why-vue-is-by-default-more-performant-than-react-34e1d9bbade6

#vue #react #фронтенд
👍22👎7👏4
​Библиотека OpenLayers

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

Подробнее:

https://openlayers.org/

#библиотека
👍12🔥3
​Собираем и деплоим в Kubernetes приложение на Node.js с помощью werf

В этой статье рассмотрели, как собрать Docker-контейнер Node.js-приложения и развернуть его в Kubernetes, используя werf. А также вы узнаете, как потом легко накатить изменения в коде и правильно организовать выдачу asset’ов:

https://tproger.ru/articles/kubernetes-node-js-werf/

#devops #kubernetes #nodejs
👍4