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

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

#алгоритмы #javascript

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

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

https://tprg.ru/Ddvf

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

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

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

https://tprg.ru/lBIX

#фронтенд

Делимся с вами очень интересной находкой по теме Kubernetes. Книга «Путеводитель по Kubernetes для детей. В картинках»:

https://tprg.ru/BNfy

В книге довольно увлекательно рассказывается о том, как работают современные компьютерные программы. Можете порекомендовать её своим знакомым детям (или чужим), а можете на досуге почитать сами.

#devops #kubernetes

Забавный сайт с адаптивными пикселями:

https://tprg.ru/DdMz

#фронтенд #кек

Не знаете, что выбрать в качестве своего тестового проекта? Один разработчик-энтузиаст написал клон Jira на React.

Исходники есть в свободном доступе:

https://tprg.ru/MhmU

#фронтенд #react

​Преждевременная оптимизация

Наверняка вы не раз слышали фразу «преждевременная оптимизация — корень всех зол». Читайте мнение разработчика, который считает, что корень всех зол — эта фраза:

https://tprg.ru/spZu

#оптимизация

Хотите немного олдскульного веб-треша? Тогда обратите внимание на сайт «Make Frontend Shit Again»:

https://tprg.ru/5AQa

#фронтенд #кек

Распространённые ошибки при использование Promise в JavaScript

Promise в JavaScript позволяют довольно гибко объединить несколько асинхронных операций без необходимости использования функций обратного вызова.

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

https://tprg.ru/WAcK

#javascript

Lazy-Loading в WordPress по умолчанию

Команда WordPress заявила, что в версии 5.4, релиз которой запланирован на 31 марта этого года, будет по умолчанию реализована «ленивая» загрузка для всех изображений: https://tprg.ru/BmZT

Эта будет сделано путём добавления нового HTML-атрибута «loading» со значением «lazy» ко всем элементам IMG.

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

#фронтенд #wordpress

Анализ тональности текста на Node.js

Автор статьи рассказывает, как создать микросервис на Node.js, который будет анализировать тональность текста:

https://tprg.ru/kRyB

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

#nodejs

​Как самому обучиться бэкенд-разработке?

Что можно запрограммировать через 1 год, если заниматься бэкенд-разработкой по 2 часа в день?

Профессиональный бэкендер рассказывает, чего и как можно достичь за это время:

https://tprg.ru/1ZF4

#бэкенд

Большой справочник по конфигурации PostgreSQL:

https://postgresqlco.nf/en/doc/param/

#бэкенд #базыданных #postgresql

Гайд по созданию такой визуализации прогресса в навигационном меню с помощью CSS:

https://tprg.ru/gijo

#фронтенд #css

Подробный гайд по созданию PWA-приложения про кофе с использованием HTML, CSS и JavaScript:

https://tprg.ru/8zVw

#фронтенд #pwa

Как работают контейнеры?

Автор этой подробной заметки отвечает на этот вопрос. С примерами кода, отсылками к документации и описанием всего этого:

https://tprg.ru/WLvu

#devops #контейнеры

Полноценный клон YouTube, написанный на React и использующий API YouTube для отображения реальных данных:

https://tprg.ru/9kpJ

А в блоге автора вы найдёте подробный гайд из 45 частей, в котором шаг за шагом показывается процесс создания этого приложения:

https://tprg.ru/j7em

Также смотрите: как написать клон Jira на React

#фронтенд #react

Знали, что в инструментах разработчика Chrome есть специальный инспектор для CSS-анимаций?

Можно управлять синхронизацией, задержками, продолжительностью и т.д. Чтобы попасть в этот инспектор, в меню инструментов разработчика выберите «More tools», а затем «Animations».

#фронтенд #css #chrome

Как имитировать сетевые проблемы в Linux

Стабильная сеть — это просто замечательно. Однако есть ситуации, когда разработчику нужна сеть, работающая с перебоями. Например, для тестов.

Рекомендуем статью, автор которой рассказывает и приводит примеры того, как внести задержку, потери и другие искажения в передачу трафика:

https://tprg.ru/6Pc3

#сеть #linux

Хотите сделать такой таймер?

Здесь подробный гайд: https://tprg.ru/5IPl

А здесь только код: https://codepen.io/geoffgraham/pen/yLywVbW

#фронтенд #javascript

Небольшая хитрость из инструментов разработчика Chrome:

Логи в консоли можно стилизовать с помощью CSS. Вот как:

https://tprg.ru/ZyM7

#фронтенд #css