​​⚡️Собираем метрики Node.js приложений в PM2 с экспортом в Prometheus

В этой статье я хотел бы рассказать о способе сбора статистики из node.js приложений, которые запущены в PM2, и экспорт этих данных в Prometheus.

Читать...


Original post link: t.me/frontendnoteschannel/3307
Forwarded and filtered by @smartfeed_bot

Почему obj.someprop.x приводит к ошибке?

Ответ очевиден: мы пытается получить доступ к свойству x свойства someprop, которое имеет значение undefined. obj.proto.__proto = null, поэтому возвращается undefined, а у undefined нет свойства x.


Original post link: t.me/senior_front/1862
Forwarded and filtered by @smartfeed_bot

This is a daily stats digest!
Today the bot processed: 10 messages
Today you received: 8 messages
Our filtering prevented you from: 2 messages

Top 3 source channels:
Frontender's notes [ru]: 3 message(s)
Веб-страница: 3 message(s)
Senior Frontend - javascript, html, css: 2 message(s)


React to posts with 👍, 👎, ❤️, or 🔥. Spot spam? Mark it with 🤬 or 💩. Your input is valuable!
Text t.me/OlegBEZb if you want to see something else in the daily report

✍️ Inter Tight – шрифт, разработанный специально для цифровых экранов. Имеет небольшие расстояния между символами. Пример шрифта можно посмотреть в макете "Gradients WebSite Template"

Сайтодел | #шрифт


Original post link: t.me/sitodel/1662
Forwarded and filtered by @smartfeed_bot

9 Dots Menu

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

👉 @seniorFront


Original post link: t.me/seniorFront/3811
Forwarded and filtered by @smartfeed_bot

​​​​SQL-индексы за 10 минут

Канал Listen IT рассказал о суперсиле индексов для оптимизации SQL-запросов. Индексация позволяет ускорить выполнение запросов к базам данных: https://tproger.ru/articles/sql-indeksy-za-10-minut

#sql


Original post link: t.me/tproger_web/4379
Forwarded and filtered by @smartfeed_bot

​​🦾Интеграция React и AngularJS через Webpack Module Federation

В этой статье я поделюсь с вами способом, как оживить ваш проект, плавно встроив элементы React в структуру, построенную на добром старом AngularJS.

Читать...


Original post link: t.me/frontendnoteschannel/3308
Forwarded and filtered by @smartfeed_bot

CSS scroll-driven scroll-snapping animations

Реализовано без использования JS. При помощи CSS scroll-snap.

👉 @seniorFront


Original post link: t.me/seniorFront/3812
Forwarded and filtered by @smartfeed_bot

​​🕔Ты наконец-то поймешь асинхронность в JS

В этой статье мы поговорим о том, что такое асинхронность в JavaScript и как она работает.

Читать...


Original post link: t.me/frontendnoteschannel/3309
Forwarded and filtered by @smartfeed_bot

CSS Movie Clapboard

Создано на HTML и SCSS. Анимировано при помощи CSS keyframes.

https://codepen.io/matthewcsimpson/pen/bGMjOMm


Original post link: t.me/senior_front/1863
Forwarded and filtered by @smartfeed_bot

This is a daily stats digest!
Today the bot processed: 7 messages
Today you received: 7 messages
Our filtering prevented you from: 0 messages

Top 3 source channels:
Senior Frontend - javascript, html, css: 2 message(s)
Frontender's notes [ru]: 2 message(s)
Сайтодел | GitHub, Макеты, Шрифты, JavaScript, Figma: 1 message(s)


React to posts with 👍, 👎, ❤️, or 🔥. Spot spam? Mark it with 🤬 or 💩. Your input is valuable!
Text t.me/OlegBEZb if you want to see something else in the daily report

Exes and Ohs

Проверьте, имеет ли строка одинаковое количество "x" и "o". Метод должен возвращать булево значение и быть нечувствительным к регистру. Строка может содержать любой символ.

Примеры:
XO("ooxx") => true
XO("xooxx") => false
XO("ooxXm") => true
XO("zpzpzpp") => true
XO("zzoo") => false

👉 @seniorFront


Original post link: t.me/seniorFront/3813
Forwarded and filtered by @smartfeed_bot

​​👍Работаем с HTTP API: разбор частых проблем и методы их решения

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

Читать...


Original post link: t.me/frontendnoteschannel/3311
Forwarded and filtered by @smartfeed_bot

🎨 Цветовая палитра макета "Abstract 3D Coral Shapes"

HEX | RGB
#FFB8C2 | rgb(255,184,194)
#F5774F | rgb(245,119,79)
#5C837E | rgb(92,131,126)

⚠️ Цвет копируется одним кликом!

Сайтодел | #палитра


Original post link: t.me/sitodel/1663
Forwarded and filtered by @smartfeed_bot

Bouncy image radio group

Это grid, параметры которого изменяются при нажатии на его элемент. Плавность достигается при помощи CSS transition.

👉 @seniorFront


Original post link: t.me/seniorFront/3814
Forwarded and filtered by @smartfeed_bot

​​⚡️Азы поисковой оптимизации для веб-разработчика: прокачиваем SEO с помощью кода и здравого смысла

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

Читать...


Original post link: t.me/frontendnoteschannel/3312
Forwarded and filtered by @smartfeed_bot

5 лучших библиотек всплывающих окон для React

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

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

Читать статью


Original post link: t.me/senior_front/1864
Forwarded and filtered by @smartfeed_bot

​​Какими знаниями должен обладать JavaScript-разработчик в 2024 году?

Выяснили у опытных разработчиков на JavaScript, что должны учить начинающие программисты в 2024 году, чтобы быть востребованными специалистами: https://tproger.ru/articles/znaniya--kotorymi-dolzhen-obladat-javasript-razrabotchik-v-2024-godu--eto---baza

#javascript #начинающим


Original post link: t.me/tproger_web/4381
Forwarded and filtered by @smartfeed_bot

​Можете ли вы привести пример каррированной функции (curry function) и в чём их преимущество?

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

function curry(fn) {
if (fn.length === 0) {
return fn;
}
function _curried(depth, args) {
return function (newArgument) {
if (depth - 1 === 0) {
return fn(...args, newArgument);
}
return _curried(depth - 1, [...args, newArgument]);
};
}
return _curried(fn.length, []);
}

function add(a, b) {
return a + b;
}

var curriedAdd = curry(add);
var addFive = curriedAdd(5);

var result = [0, 1, 2, 3, 4, 5].map(addFive); // [5, 6, 7, 8, 9, 10]

👉 @seniorFront

Kippo Hover Card Effect

Эффект раскрытия карточек при наведении, реализованный с помощью CSS и JavaScript.

https://codepen.io/Hyperplexed/pen/zYWdYoo


Original post link: t.me/senior_front/1865
Forwarded and filtered by @smartfeed_bot

​​Гигантскую библиотеку CSS-анимаций заказывали?

Animista позволяет играть с коллекцией готовых CSS-анимаций и скачивать только те, которые вы собираетесь использовать. Отличный вариант для веб-дизайнеров и разработчиков, которые хотят добавить динамичность и интерактивность в свои проекты.

Берите на заметку.

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


Original post link: t.me/tproger_web/4382
Forwarded and filtered by @smartfeed_bot