КОНЬЯКОВ.ру

Разработка и поддержка веб-сайтов на 1C-Bitrix. E-commerce компетенции. Опыт с 2007 года.

Страница 2 из 85

How to check Internet Speed via Linux/MacOS Terminal?

curl -s https://raw.githubusercontent.com/konyakov/speedtest-cli/master/speedtest.py | python3 -

Netdata: Monitor your servers, containers, and applications, in high-resolution and in real-time

Netdata is a high-performance, cloud-native, and on-premises observability platform designed to monitor metrics and logs with unparalleled efficiency. It delivers a simpler, faster, and significantly easier approach to real-time, low-latency monitoring for systems, containers, and applications.

What sets Netdata apart is its cost-efficient, distributed design. Unlike traditional monitoring solutions that centralize data, Netdata distributes the code. Instead of funneling all data into a few central databases, Netdata processes data at the edge, keeping it close to the source. The smart open-source Netdata Agent acts as a distributed database, enabling the construction of complex observability pipelines with modular, Lego-like simplicity.

Netdata also incorporates A.I. insights for all monitored data, training machine learning models directly at the edge. This allows for fully automated and unsupervised anomaly detection, and with the provided APIs and UIs, users can quickly spot correlations and gain deeper insights.

The Netdata Ecosystem Netdata is built on three core components:

Netdata Agent (usually called just «Netdata»): This open-source component is the heart of the Netdata ecosystem, handling data collection, storage (embedded database), querying, machine learning, exporting, and alerting of observability data. All observability data and features a Netdata ecosystem offers, are managed by the Netdata Agent. It runs in physical and virtual servers, cloud environments, Kubernetes clusters, and edge/IoT devices and is carefully optimized to be a polite citizen for production systems and applications.

Netdata Cloud: Enhancing the Netdata Agent, Netdata Cloud offers enterprise features such as user management, role-based access control, horizontal scalability, alert and notification management, access from anywhere, and more. Netdata Cloud does not centralize or store observability data.

Netdata Cloud is a commercial product, available as an on-premises installation, or a SaaS solution, with a free community tier.

Netdata UI: The user interface that powers all dashboards, data visualization, and configuration.

While closed-source, it is free to use with both Netdata Agents and Netdata Cloud, via their public APIs. It is included in the binary packages offered by Netdata and its latest version is publicly available via a CDN.

Netdata scales effortlessly from a single server to thousands, even in complex, multi-cloud or hybrid environments, with the ability to retain data for years.

Key characteristics of the Netdata Agent 💥 Collects data from 800+ integrations Operating system metrics, container metrics, virtual machines, hardware sensors, applications metrics, OpenMetrics exporters, StatsD, and logs. OpenTelemetry is on its way to be included (currently being developed)…

💪 Real-Time, Low-Latency, High-Resolution All data are collected per second and are made available on the APIs for visualization, immediately after data collection (1-second latency, data collection to visualization).

😶‍🌫️ AI across the board Trains multiple Machine-Learning (ML) models at the edge, for each metric collected and uses AI to detect anomalies based on the past behavior of each metric.

📜 systemd-journald Logs Includes tools to efficiently convert plain text log (text, csv, logfmt, json) files to structured systemd-journald entries (log2journal, systemd-cat-native) and queries systemd-journal files directly enabling powerful logs visualization dashboards. The Netdata Agents eliminate the need to centralize logs and provide all the functions to work with logs directly at the edge.

⭐ Lego like, Observability Pipelines Netdata Agents can be linked to together (in parent-child relationships), to build observability centralization points within your infrastructure, allowing you to control data replication and retention at multiple levels.

🔥 Fully Automated Powerful Visualization Using the NIDL (Nodes, Instances, Dimensions & Labels) data model, the Netdata Agent enables the creation of fully automated dashboards, providing corellated visualization of all metrics, allowing you to understand any dataset at first sight, but also to filter, slice and dice the data directly on the dashboards, without the need to learn a query language.

Note: the Netdata UI is closed-source, but free to use with Netdata Agents and Netdata Cloud.

🔔 Out of box Alerts Comes with hundreds of alerts out of the box to detect common issues and pitfalls, revealing issues that can easily go unnoticed. It supports several notification methods to let you know when your attention is needed.

😎 Low Maintenance Fully automated in every aspect: automated dashboards, out-of-the-box alerts, auto-detection and auto-discovery of metrics, zero-touch machine-learning, easy scalability and high availability, and CI/CD friendly.

⭐ Open and Extensible Netdata is a modular platform that can be extended in all possible ways, and it also integrates nicely with other monitoring solutions.

See Project in GitHub

The easiest way to Linux install

Слова, часто используемые в CSS-классах (code-style)

Изображения image, img, picture, pic — картинка

icon — иконка

logo — логотип

userpic, avatar — юзерпик, маленькая картинка пользователя

thumbnail, thumb — миниатюра, уменьшенное изображение

Текст title, subject, heading, headline, caption — заголовок

subtitle — подзаголовок

slogan — слоган

lead, tagline — лид-абзац в тексте

text — текстовый контент

desc — описание, вариант текстового контента

excerpt — отрывок текста, обычно используется перед ссылкой «Читать далее…»

quote, blockquote — цитата

snippet — пример кода

link — ссылка

copyright, copy — копирайт

Списки list, items — список

item — элемент списка

Блоки page — корневой элемент страницы

header — шапка (страницы или элемента)

footer — подвал (страницы или элемента)

section — раздел контента (один из нескольких)

main, body — основная часть (страницы или элемента)

content — содержимое элемента

sidebar — боковая колонка (страницы или элемента)

aside — блок с дополнительной информацией

widget — виджет, например, в боковой колонке

Раскладка wrapper, wrap — обёртка, обычно внешняя

inner — внутренняя обёртка

container, holder, box — контейнер

grid — раскладка (страницы или элемента) в виде сетки (обычно содержит в себе row и col)

row — контейнер в виде строки

col, column — контейнер в виде столбца

Элементы управления button, btn — кнопка, например, для отправки формы

control — элемент управления, например, стрелки «Вперёд/назад» в фотогалерее, кнопки управления слайдером

dropdown — выпадающий список

Медиавыражения phone, mobile — мобильные устройства

phablet — телефоны с большим экраном (6-7″)

tablet — планшеты

notebook, laptop — ноутбуки

desktop — настольные компьютеры

Размеры tiny, xs — маленький, крохотный

small, sm — небольшой

medium, base — средний

big, large, lg — большой

huge, xl — огромный

narrow — узкий

wide — широкий

Разное search — поиск

socials — блок иконок соцсетей

advertisement, adv, commercial, promo — рекламный блок (режутся Адблоком, не рекомендуется использовать такие классы для блоков с внутренней рекламой)

features, benefits — список основных особенностей товара, услуги

slider, carousel — слайдер, интерактивный элемент с прокруткой содержимого

pagination — постраничная навигация

user, author — пользователь, автор записи или комментария

meta — блок с дополнительной информацией, например, блок тегов и даты в посте

cart, basket — корзина

breadcrumbs — навигационная цепочка, «хлебные крошки»

more, all — ссылка на полную информацию

modal — модальное (диалоговое) окно

popup — всплывающее окно

tooltip, tip — всплывающее подсказки

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

overlay — перекрывающий слой, например, для затемнения изображений или создания модальных окон

Состояния active, current — активный элемент, например, текущий пункт меню

visible — видимый элемент

hidden — скрытый элемент

error — статус ошибки

warning — статус предупреждения

success — статус успешного выполнения задачи

pending — состояние ожидания, например, перед сменой статуса на error или success

Примеры использования:

Простой список

  • Первое
  • Второе
  • Третье

Картинка пользователя (юзерпик)

Галерея

Навигация


Виджет в боковой колонке

Выращиваем желе

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

Не читать дальше...

Блок новостей

Вчерашние новости

  • Соревнования среди воблы по конькобежному спорту

    Победила команда килек из Петрозаводска

    Читать дальше
  • Учёные уточнили роль напильника в уходе за ногтями

    Британские учёные высоко оценили вклад напильника в отращивание полутораметровых ногтей.

    Не читать дальше

Статья или пост в блоге (простой вариант)

Нащупываем чакры у пучка петрушки

Сходите на рынок и купите у старушек пучок петрушки грамм на 100. Как следует переберите, очистите от жуков и гусениц. Жуков отдайте поиграться коту, гусениц поселите в горшок с кактусами, пусть одна будет Джоном, вторая Билли, а у вас в горшке теперь будет Дикий Запад. Вернитесь к пучку петрушки. Ласково взгляните на него и как следует почешите за ухом, можно себе или коту. Перевяжите атласной ленточкой, непременно завяжите бант. Поздравляем! Теперь у вас есть полностью одомашненный пучок петрушки, который будет весело бегать за вами по пятам и проращивать свои семена в ваших тапках.

Статья или пост в блоге (сложный вариант)

Резиновые уточки как способ самопознания

Достаньте с чердака коробку с полусотней резиновых уточек, оставшихся после празднования нового года. Из уточек и горящих свечей выложите пентаграмму на полу комнаты. Сядьте посередине в позу лотоса, в каждую руку возьмите по немецко-бразильскому словарю, прокашляйтесь, наберите полную грудь воздуха и громко и уверенно, с полной самоотдачей скажите "Кря!"

Полезные ресурсы по frontend-разработке

Статьи из Википедии на английском языке

  1. Сравнение браузерных движков.
  2. DNS.
  3. Прокси-серверы.
  4. Цветовая модель RGB.

Статьи на авторских сайтах

  1. Dave Geddes (@geddski) про разницу между width и flex-basis.
  2. A List Apart про область видимости в JS.

Полезные группы в ВКонтакте

  1. For Web.
  2. Love Frontend.

Хабры по frontend

  1. CSS.
  2. JavaScript.
  3. Разработка веб-сайтов.

Полезные посты на freeCodeCamp

  1. Флексбокс в гифках.
  2. Большой гайд по флексу.
  3. Быстрый гайд по адаптивным гридам.

Тематические сообщества

  1. Дизайн-кабак.
  2. WebDEV.
  3. CodyHouse.

Дайджесты

  1. Дайджест от @alexzfort.
  2. Фронтенд — это не больно.

Полезные ответы на частые вопросы

  1. Как клонировать репу в определённую папку.
  2. Конфликтуют ли абсолютное позиционирование и флексбокс.
  3. Список скрин-ридеров.

Надежные сайты

  1. html5book — создаётся одним человеком. Некоторые материалы могут устаревать, но в целом грамотный сайт.
  2. CSS-live — хорошие переводы и актуальные материалы.
  3. CSS-TRICKS — один из известнейших сайтов по вёрстке. Регулярно появляются новые материалы и обновляются старые.
  4. Smashing Magazine — ещё один известный сайт, есть авторы спецификаций.
  5. Google Developers — справочные материалы от Google.
  6. web.dev — новый сайт от Google о веб-разработке.
  7. MDN — один из самых популярных справочников по веб-разработке.
  8. javascript.info — учебник по JS. Русскоязычная версия не всегда актуальна.
  9. EnmaScript — **рецепты и статьи по веб-разработке.
  10. W3C Group Note — **актуальные CSS-спецификации.
  11. HTML — **актуальные HTML-cпецификации.
  12. Postman: инструмент для тестировщиков.
  13. SQL: задачи и решения.

YouTube-каналы

  1. Frontend Channel.
  2. Академия Яндекс. Фронтенд.
  3. HolyJS.

Как защититься от мошенников в интернете

Важно уметь не только пользоваться интернетом, но и защищать личную информацию от хакеров и мошенников. Это можно сделать, следуя простым правилам

Правила безопасности в интернете

  • Используйте сложные пароли
  • Включите двухфакторную аутентификацию для всех своих аккаунтов
  • Установите и регулярно обновляйте антивирусное программное обеспечение (ПО) и операционные системы
  • Не открывайте подозрительные письма и вложения, не переходите по ссылкам, где требуется ввести личную информацию
  • Защитите домашний Wi-Fi паролем
  • Не выкладывайте слишком много информации о себе в интернет. Не делитесь ею с сомнительными сайтами
  • Рассказывайте о кибербезопасности своим детям и родителям.
  • Научите их быть осторожными в интернете и обсуждать с вами любые сомнительные ситуации

Правила кибербезопасности на работе

  • Используйте только одобренные внутренней службой безопасности ресурсы и ПО
  • Будьте осторожны при открытии электронных писем — это может быть фишинг
  • Не оставляйте рабочие устройства без присмотра и блокируйте их, если отходите
  • Храните конфиденциальные данные только на защищённых серверах и устройствах
  • Сообщайте обо всех киберинцидентах и нарушениях в отдел информационной безопасности

Полезные сайты о кибербезопасности

На сайте «Финансовая культура» собраны истории людей о популярных схемах мошенничества с комментариями экспертов. Можно прислать свою историю, а также пройти онлайн-игру и проверить, насколько вы бдительны

Источник: Госуслуги: Кибербезопасность — это просто!

© 2007–2024, konyakov.ru