Angular Stream
55 subscribers
21 photos
271 links
Angular news, events, videos etc.
If you want to recommend a post please write @hobbyts911
Download Telegram
Не дуже стикався з потребою динамічного додавання таким чином елементів в Ангулярі, але є такі способи у vanilla js для того щоб сторінка перемалювалась лише один раз:
https://davidwalsh.name/documentfragment
та https://developer.mozilla.org/en-US/docs/Web/API/Range/createContextualFragment #DOM #javascript
Деякі техніки об'єднання масивів https://davidwalsh.name/combining-js-arrays, а також цікавий аналіз по їх продуктивності взятий з коментарів https://jsperf.com/combining-js-arrays/8 #javascript #arrays #tips
Коротка стаття по практикам написання коду, не забудьте глянути ще одну версію лінк на котру є в самій статті: https://indepth.dev/angular-bad-practices-revisited/?utm_campaign=Angular%2BWeekly&utm_medium=email&utm_source=Angular_Weekly_84 #angular #tips
Вже більше тижня розбирався як задеплоїти свого телеграм бота на сервер за допомогою докера, щоб все вірно працювало. Тепер можу себе назвати знавцем Docker, Nginx proxy, Telegram Webhooks, SSL certificates та багато інших суміжних і не дуже понять😁 Якщо комусь знадобиться ось лінк: https://www.digitalocean.com/community/tutorials/how-to-secure-a-containerized-node-js-application-with-nginx-let-s-encrypt-and-docker-compose-ru #tips #docker #nginx #deploy
Введение в Web Vitals: новые метрики от Google

Основываясь на опыте миллионов сайтов, Google представляет новую инициативу по оценке пользовательского опыта - Web Vitals - которая включает в себя три важные метрики:

👉 LCP (Largest Contenful Paint) - отрисовка самой большой части видимого контента - позволяет измерить воспринимаемую скорость загрузки.
👉 FID (First Input Delay) - задержка первого ввода - оценивает опыт взаимодействия со страницей
👉 CLS (Cumulative Layout Shift) - характеризует стабильность макета при загрузке

Очень скоро все основные инструменты аналитики Google будут обновлены с учетом новых показателей.

Подробнее в Chromium Blog: https://blog.chromium.org/2020/05/introducing-web-vitals-essential-metrics.html