Старий RxJS (прошу це врахувати), але принципи залишились ті ж самі: https://www.slideshare.net/mobile/ladyleet/rxjs-operators-real-world-use-cases-full-version
#rxjs

Ще трохи інформації про можливості Angular 9 (та цікавий підхід до тестування):
https://www.toptal.com/angular/angular-9-tutorial-angular-ivy?utm_campaign=Toptal%20Engineering%20Blog&utm_source=hs_email&utm_medium=email&utm_content=85644212&_hsenc=p2ANqtz-88Mh-Tc9IDmMHOpEccGg-t89EHPHnAdWwWVsUcABkQAgkqunQOLvBCseqcxezgrKAiFqkSmoFG0ppFTwggBzpyJryy8g&_hsmi=85644213

Напевно найкращий плейлист з поясненням основ JS (якщо хтось знає якісь україномовні варіанти, можете скинути в чат): https://www.youtube.com/playlist?list=PLqKQF2ojwm3l4oPjsB9chrJmlhZ-zOzWT #javascript #core #playlist

Що ви ще не знали про примітив Символ та його використання в об'єктах: https://dmitripavlutin.com/detailed-overview-of-well-known-symbols/ #javascript #advanced

https://scotch.io/tutorials/rxjs-operators-for-dummies-forkjoin-zip-combinelatest-withlatestfrom #rxjs

Не дуже стикався з потребою динамічного додавання таким чином елементів в Ангулярі, але є такі способи у vanilla js для того щоб сторінка перемалювалась лише один раз:
https://davidwalsh.name/documentfragment
та https://developer.mozilla.org/en-US/docs/Web/API/Range/createContextualFragment #DOM #javascript

Для тих хто ще не в курсі як браузери рендерять застосунки: https://blog.logrocket.com/how-browser-rendering-works-behind-the-scenes-6782b0e8fb10/ #browser #DOM #CSSOM #rendering

Деякі техніки об'єднання масивів https://davidwalsh.name/combining-js-arrays, а також цікавий аналіз по їх продуктивності взятий з коментарів https://jsperf.com/combining-js-arrays/8 #javascript #arrays #tips

Трохи пояснення по деяким методам rxjs та їх використання: https://blog.angular-university.io/rxjs-higher-order-mapping/ #rxjs

Advanced Angular - нові можливості з Ivy по динамічній загрузці Lazy компонентів: https://netbasal.com/welcome-to-the-ivy-league-lazy-loading-components-in-angular-v9-e76f0ee2854a #angular #advanced #ivy #lazy

Коротка стаття по практикам написання коду, не забудьте глянути ще одну версію лінк на котру є в самій статті: 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

презентація - https://intellias.cmail20.com/t/j-l-qjina-tushikrlr-r/
гіт - https://intellias.cmail20.com/t/j-l-qjina-tushikrlr-y/ #typescript

презентація - https://intellias.cmail20.com/t/j-i-qaklhk-l-r/
відео - https://intellias.cmail20.com/t/j-i-qaklhk-l-y/ #angular #bazel #advanced

відео - https://youtu.be/2DlTzAtDBwM?t=2784 #angular #nest #full-stack

відео - https://www.youtube.com/watch?v=vCkAuVIoZ9Q
презентація - https://docs.google.com/presentation/d/1U2Ow2ZR-MtrpFqW6xVcheuszCQ9P21M3i4iXNaYnbP8/present?ueb=true&slide=id.gcb9a0b074_1_0
код з презентації - https://github.com/rokikon/angular-dynamic-redux
#angular #redux #state #ngrx

відео - https://www.youtube.com/watch?v=7S4uIMLsvFQ&feature=youtu.be
презентація - https://drive.google.com/file/d/1G0v_aAtL1p-uZ57qxKQTkfgqAZk6Vfwd/view #web #scale #tips

​Введение в 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

Тут будуть відео з лайфстріму на фейсбуці, тому майте на увазі;)

Functional JS using Folktale and Ramda - https://www.facebook.com/TechMagic.co/videos/2327174850903283/
How to run your Angular app inside the biggest CRM. First steps with Chrome extension and Angular Elements - https://www.facebook.com/TechMagic.co/videos/2502539656424056/

Serverless:
Building serverless applications with reusable Serverless Components - https://www.facebook.com/TechMagic.co/videos/2193246187564326/
Serverless Workflow Management with AWS Step Functions - https://www.facebook.com/TechMagic.co/videos/2193112974244314/
Getting started with Serverless on AWS - https://www.facebook.com/TechMagic.co/videos/2193130147575930/

Запис виклaдено за підтримки TechMagic #serverless #angular #functional_programming #advanced

​Шаблоны верстки email-рассылок

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

Тут есть базовый каркас письма, колонки, оформление текста, кнопок и т.д. Бонусом - подробные объяснения, для чего нужно каждое правило.

Забрать себе: https://www.goodemailcode.com/

#html #email #bestpractices