Веб-страница
24.1K subscribers
1.73K photos
529 videos
1 file
3.93K links
Всё по фронтенду, бэкенду и девопсу в одном месте

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

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

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

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

Регистрация в перечне РКН: https://tprg.ru/64ai
Download Telegram
В нашем Типичном боте есть крутая функция — подписка на рассылку новостей. Присылаем только самое интересное и важное, раз в день по будням.

Подписывайтесь, заваривайте себе кофейку и смотрите, как сотрясается айти: @tproger_official_bot
Node-RED — визуальный язык программирования с Node.js под капотом

Есть написанные на JS + HTML ноды, для которых можно задавать разные свойства, есть связи между нодами. Можно просто открыть Web IDE, накидать нод, задать свойства, задеплоить, и код улетит на бэкенд в Node.js рантайм и сразу же там исполнится.

Получившийся визуальный код можно сохранить в виде JSON-списка нод. Встроенные ноды позволяют работать с HTTP-запросами, MQTT, веб-сокетами, TCP, UDP, читать и парсить файлы в разных форматах.

Документация, начальные настройки на сайте языка: https://tprg.ru/1rZv

Cookbook с разными примерами кода: https://tprg.ru/ihT1

#бэкенд #nodejs
Годный справочник по методам console в JavaScript:

https://tprg.ru/AMbB

#javascript
Основы Kubernetes

Репозиторий, в котором новичок может шаг за шагом прокачаться в Kubernetes:

https://tprg.ru/W0pc

Начинается всё с основ работы в Docker, а потом идёт детальный разбор основных тем по Kubernetes.

#devops #kubernetes
7 CSS-свойств, о которых вы ничего не слышали

https://bit.ly/2v9qfgN

Например, в CSS есть свойство «caret-color», которое позволяет менять цвет курсора.

#фронтенд #css
Подробный чек-лист для тех, кто хочется разработать свою систему дизайна для продукта:

https://tprg.ru/QjEv

#дизайн
Когда же всё таки можно использовать !important?

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

Наш подписчик попробовал разобраться, когда же всё-таки !important уместен:

https://tprg.ru/3Sxd

#фронтенд #css
В JavaScript есть 2 популярных метода для итерирования: forEach() и map(). В чём между ними разница? Что по производительности?

Автор статьи попытался разобраться:

https://tprg.ru/7bO5

#javascript
Советы по Vue.js

12 годных советов, которые помогут сделать ваш Vue.js код лучше

https://tprg.ru/z3Ve

#фронтенд #vuejs
This media is not supported in your browser
VIEW IN TELEGRAM
Cassowary — интересный кроссплатформенный инструмент для нагрузочного тестирования. Может встраиваться в CI и пушить метрики в Prometheus PushGateway.

Подробности и гайд по установке на гитхабе:

https://tprg.ru/AiKL

#тестирование #инструменты
О 30-кратном увеличении параллелизма в Node.js

Кейс: у команды было запущено 4000 контейнеров Node, обеспечивающих работу сервиса интеграции с банками. Сервис изначально был спроектирован так, что каждый воркер был рассчитан на обработку только одного запроса за раз. При таком подходе система не могла достойно масштабироваться. Поэтому появилась задача найти способ надёжной параллельной обработки запросов.

В итоге у команды получилось повысить уровень параллелизма системы в 30 раз. Читайте о том, как им это удалось:

https://tprg.ru/M6lc

#бэкенд #nodejs
Если вы ещё не заметили, у нас на сайте появился личный кабинет, совсем как у больших :)

Пока что в нём немного фич, но уже сейчас вы можете оценивать статьи и сохранять их в закладки. А в начале весны планируем выкатить свою систему комментариев вместо ВКшной.

Приглашаем всех протестировать: https://tprg.ru/tpauth2
This media is not supported in your browser
VIEW IN TELEGRAM
Что было бы, если бы Матрицу снимали в России? Ну, как минимум там использовали бы кириллицу.

Вот код:

https://tprg.ru/pSK6

#фронтенд #css
Атрибуты width и height существуют и в CSS, и в HTML. В чём между ними разница? Когда они переопределяют друг друга? В какой последовательности применяются?

Читайте подробный разбор вопроса:

https://tprg.ru/o4l1

#фронтенд #html #css
Большой курс по Node.js

https://tprg.ru/oyIr

Курс состоит из 38 видеолекций (35 часов). Основной упор делается на то, как создавать надёжные высоконагруженные серверы приложений и API без привязки к конкретному фреймворку и протоколу. Весь материал сопровождается примерами и задачами.

#бэкенд #nodejs
DNS Spy — онлайн-инструмент для проверки настроек DNS

https://tprg.ru/Rwjc

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

#инструменты #dns
Для чего хорош JavaScript?

Самое известное применение JavaScript — это, конечно же, веб-разработка. Чаще всего к JS прибегают, когда нужно добавить динамичности на сайт или сделать браузерное приложение, но при желании на нём можно написать и бэкенд.

В каких областях ещё нашёл себя JavaScript? Рассказываем:

https://tprg.ru/XCIe

#javascript
Rete.js — фреймворк для создания визуальных редакторов алгоритмов.

Документация и примеры использования на сайте: https://tprg.ru/Oe0c

#алгоритмы #javascript
При использовании инструмента PageSpeed Insights для оптимизации своего сайта велик соблазн попытаться достичь отметки 100/100 при прохождении теста.

Читайте о том, почему высшая оценка этого теста — не цель, к которой нужно стремиться, и как грамотно использовать этот инструмент в своей работе:

https://tprg.ru/Ddvf

#инструменты
Вы вводите название сайта в адресную строку браузера, нажимаете Enter и видите запрашиваемую страницу. Вроде всё просто.

До сих пор не знаете, что скрыто от ваших глаз в этот момент? Тогда читайте подробный разбор темы рендеринга веб-сайтов:

https://tprg.ru/lBIX

#фронтенд