Усім привіт. Сьогодні хочу поділитись відео, але загалом україномовним каналом на котрий ви обов'язково маєте підписатись якщо ви і далі плануєте розвиватись в JS/TS та у суміжних технологіях.
https://www.youtube.com/live/UbYjexMO8zw?si=h7G3wRBO-3K6AScE
І також телеграм канал: https://t.me/node_recipes
#js #ts #advanced #tips #resources
https://www.youtube.com/live/UbYjexMO8zw?si=h7G3wRBO-3K6AScE
І також телеграм канал: https://t.me/node_recipes
#js #ts #advanced #tips #resources
YouTube
Node.js Weekly 2024-W11: Internationalization and recaptcha protection
Пропоную ознайомитись з цим тредом, щодо застосування Signal та Observables
https://x.com/BenLesh/status/1775207980268433632
#angulat #signal #rxjs #advanced
https://x.com/BenLesh/status/1775207980268433632
#angulat #signal #rxjs #advanced
X (formerly Twitter)
Ben Lesh (@BenLesh) on X
One of these things is not like the others:
Observables - Push N values.
Iterables - Pull N values.
AsyncIterable - Pull 1 then push 1, for N values.
Signals - Read 1 value. (Which, in the proper context sets up a node in a dependency graph that will notify…
Observables - Push N values.
Iterables - Pull N values.
AsyncIterable - Pull 1 then push 1, for N values.
Signals - Read 1 value. (Which, in the proper context sets up a node in a dependency graph that will notify…
Для тих хто шукає різних рішень оптимізації веб застосунків рекомендую блог Smashing Magazine де є багато статей та на цю тематику, але будьте уважні, адже технології не стоять на місці тому звертайте увагу на дату публікації та пошук альтернативних більш сучасних рішень.
https://www.smashingmagazine.com/2016/12/gpu-animation-doing-it-right/
#advanced
https://www.smashingmagazine.com/2016/12/gpu-animation-doing-it-right/
#advanced
Smashing Magazine
CSS GPU Animation: Doing It Right — Smashing Magazine
Sometimes animation that is nice and smooth in a simple demo runs very slowly on a real website, introduces visual artefacts or even crashes the browser. Why does this happen? How do we fix it? In this article, Sergey Chikuyonok aims to help you to better…
Latest Angular updates from Google I/O.
- Signals under the hood of YouTube
- Signals are now officially available in Angular
- RxJS optional
etc.
https://youtu.be/srP2P6j4Cqw?si=NdvKyez39zwl9Erc
#angular
- Signals under the hood of YouTube
- Signals are now officially available in Angular
- RxJS optional
etc.
https://youtu.be/srP2P6j4Cqw?si=NdvKyez39zwl9Erc
#angular
YouTube
What's new in Angular
Find out about the latest from Angular, including updates on server-side rendering and reactivity. Discover everything from community updates and the request for comments process to new features landing in v18 and beyond.
Angular's official website → ht…
Angular's official website → ht…
Check out Angular Challenges. It might be interesting for those who who lack some practise and way how to implement some stuff in Angular.
#angular #tips
https://angular-challenges.vercel.app/
#angular #tips
https://angular-challenges.vercel.app/
Angular Challenges
Welcome to Angular Challenges
Get started by resolving these challenges and become a better Angular Front-End engineer.
There are now Schematics available to migrate your components from one file to multiple with .html and styles and vice versa.
https://github.com/ngxtension/ngxtension-platform/issues/362
#angular #tips
https://github.com/ngxtension/ngxtension-platform/issues/362
#angular #tips
GitHub
feat: add schematic to convert from multifile to SFC and vice-versa · Issue #362 · ngxtension/ngxtension-platform
Utilities for Angular. Contribute to ngxtension/ngxtension-platform development by creating an account on GitHub.
The only certification any developer will need soon is copilot prompting 😁
https://www.youtube.com/live/NTYJqgGBChM?si=Z0LxaBOpTaRihFFW
#ai #copilot #advanced #tips
https://www.youtube.com/live/NTYJqgGBChM?si=Z0LxaBOpTaRihFFW
#ai #copilot #advanced #tips
YouTube
GitHub Copilot tips from the field: How to accelerate Infrastructure as Code adoption..
Deep Dive demo on how to leverage GitHub Copilot to write, refactor and use IaC to deploy resources to the Cloud. You’ll be able to get your questions answered in real time during our live session.
[eventID:22069]
[eventID:22069]
The way you can optimize your images with almost no efforts in Angular with NgOptimizedImage Directive
https://angularindepth.com/posts/1511/improve-page-performance-and-lcp-with-ngoptimizedimage
#angular #tips #images #LCP
https://angularindepth.com/posts/1511/improve-page-performance-and-lcp-with-ngoptimizedimage
#angular #tips #images #LCP
Angularindepth
Angular in Depth
Unlock the power of software engineering at its core with Angular in Depth!
Full Stack developement can be easier with monorepos like you can see on the picture. Of course the most popular is NX, but Lerna & TurboRepo from Vercel are to consider in future.
https://monorepo.tools/
#tips
https://monorepo.tools/
#tips
Learning RxJS is always a challenge 😅
https://youtu.be/OhuRvfcw3Tw?si=BgEsECRdSkSegU1X
#rxjs #angular #tips
https://youtu.be/OhuRvfcw3Tw?si=BgEsECRdSkSegU1X
#rxjs #angular #tips
YouTube
TOP 6 Mistakes in RxJS code
To try everything Brilliant has to offer—free—for a full 30 days, visit https://brilliant.org/DecodedFrontend.
You’ll also get 20% off an annual premium subscription.
From this video, you will learn the TOP 6 mistakes developers make when writing RxJS code.…
You’ll also get 20% off an annual premium subscription.
From this video, you will learn the TOP 6 mistakes developers make when writing RxJS code.…
If you want to use Headless UI components in your projects instead of libraries like material you can use both
https://www.spartan.ng/documentation/installation
and
http://angularprimitives.com/
But make sure this will cover all your needs, because it is far from feature set regular libraries has, especially for big projects.
#angular #ui
https://www.spartan.ng/documentation/installation
and
http://angularprimitives.com/
But make sure this will cover all your needs, because it is far from feature set regular libraries has, especially for big projects.
#angular #ui
SPARTAN
spartan - Installation
Getting up and running with spartan
Forwarded from Жабаскрипт (веде Віктор Турський)
Що захищає твої дані й гроші від хакерів? Асиметричне шифрування та цифровий підпис
Нарешті нове відео на каналі 😃
Шифрування й цифровий підпис лежить в основі безпеки Інтернету. Базове розуміння цих концепций важливе для кожного інженера.
У відео спробував відповісти на:
✅ Чим відрізняється симетрична й асиметрична криптографія?
✅ Навіщо потрібен вектор ініціалізації?
✅ Як працює аутентифікація по ключу в SSH?
✅ Як працює Дія підпис чи підпис в банківських системах?
✅ Як працює шифрування листів за допомогою PGP. Той самий Proton mail?
✅ Як працює JWT?
✅ Як праюють холодні гаманці в блокчейні?
✅ Як працює двофакторна аутентифікація через Google Authenticator?
Відео - https://youtube.com/watch?v=rbDsf9DGrqg
Нарешті нове відео на каналі 😃
Шифрування й цифровий підпис лежить в основі безпеки Інтернету. Базове розуміння цих концепций важливе для кожного інженера.
У відео спробував відповісти на:
✅ Чим відрізняється симетрична й асиметрична криптографія?
✅ Навіщо потрібен вектор ініціалізації?
✅ Як працює аутентифікація по ключу в SSH?
✅ Як працює Дія підпис чи підпис в банківських системах?
✅ Як працює шифрування листів за допомогою PGP. Той самий Proton mail?
✅ Як працює JWT?
✅ Як праюють холодні гаманці в блокчейні?
✅ Як працює двофакторна аутентифікація через Google Authenticator?
Відео - https://youtube.com/watch?v=rbDsf9DGrqg
YouTube
Що захищає твої дані й гроші від хакерів? Асиметричне шифрування та цифровий підпис
Шифрування й цифровий підпис лежить в основі безпеки Інтернету. Базове розуміння цих концепций важливе для кожного інженера.
У відео спробував відповісти на:
✅ Чим відрізняється симетрична й асиметрична криптографія?
✅ Навіщо потрібен вектор ініціалізації?…
У відео спробував відповісти на:
✅ Чим відрізняється симетрична й асиметрична криптографія?
✅ Навіщо потрібен вектор ініціалізації?…
output & outputToObservable - new outputs API comes to handy
https://blog.angular.dev/meet-angulars-new-output-api-253a41ffa13c
#angular #v17
https://blog.angular.dev/meet-angulars-new-output-api-253a41ffa13c
#angular #v17
Medium
Meet Angular’s new output() API
Angular v17.3 introduces the improved API for declaring outputs as a developer preview.
Two-way binding with signals in developer preview:
https://angular.dev/guide/signals/model#two-way-binding-with-signals
#angular #signals
https://angular.dev/guide/signals/model#two-way-binding-with-signals
#angular #signals
angular.dev
The web development framework for building modern apps.
If you have multiple directives on your element you can order their execution if those are related to each other
https://angular.dev/guide/directives/directive-composition-api#directive-execution-order
#angular #advanced
https://angular.dev/guide/directives/directive-composition-api#directive-execution-order
#angular #advanced
angular.dev
The web development framework for building modern apps.
Best practises of using Angular SSR from v18
https://www.angulararchitects.io/blog/complete-guide-for-server-side-rendering-ssr-in-angular/
#advanced #universal #angular #ssr #pwa #v18
https://www.angulararchitects.io/blog/complete-guide-for-server-side-rendering-ssr-in-angular/
#advanced #universal #angular #ssr #pwa #v18