#News
🌐 HTTP QUERY: A New Method for Search Queries
In the world of HTTP, there has long been a problem with transmitting complex search queries. When a developer needs to pass a large set of parameters for searching or filtering, there are two not-so-ideal options.
One can use GET and pass everything in the URL:
However, URLs have inherent length limitations, and encoding complex parameters can become cumbersome.
The second option is to use POST and send the parameters in the request body. However, POST is not intended for such operations: it is not cacheable and not idempotent, complicating interactions with CDNs and resending requests.
This is why the new QUERY method was introduced. It allows sending search parameters in the request body:
The QUERY method retains all the advantages of GET: it is safe, idempotent, and cacheable. It combines support for the request body with caching capabilities.
The method has officially received PROPOSED STANDARD status, indicating that support in browsers and web frameworks is on the horizon.
Summarizing:
RFC
🌐 HTTP QUERY: A New Method for Search Queries
In the world of HTTP, there has long been a problem with transmitting complex search queries. When a developer needs to pass a large set of parameters for searching or filtering, there are two not-so-ideal options.
One can use GET and pass everything in the URL:
GET /feed?q=foo&limit=10&sort=-published&filters[]=status:active&filters[]=type:post
However, URLs have inherent length limitations, and encoding complex parameters can become cumbersome.
The second option is to use POST and send the parameters in the request body. However, POST is not intended for such operations: it is not cacheable and not idempotent, complicating interactions with CDNs and resending requests.
This is why the new QUERY method was introduced. It allows sending search parameters in the request body:
QUERY /feed
Content-Type: application/json
{ "q": "foo", "limit": 10, "sort": "-published", "filters": ["status:active", "type:post"] }
The QUERY method retains all the advantages of GET: it is safe, idempotent, and cacheable. It combines support for the request body with caching capabilities.
The method has officially received PROPOSED STANDARD status, indicating that support in browsers and web frameworks is on the horizon.
Summarizing:
+============+=============+==================+==================+
| | GET | QUERY | POST |
+============+=============+==================+==================+
| Safe | yes | yes | potentially no |
+------------+-------------+------------------+------------------+
| Idempotent | yes | yes | potentially no |
+------------+-------------+------------------+------------------+
| Cacheable | yes | yes | no |
+------------+-------------+------------------+------------------+
| Content | "no defined | expected | expected |
| (body) | semantics" | (semantics per | (semantics per |
| | | target resource) | target resource) |
+------------+-------------+------------------+------------------+
RFC
IETF Datatracker
The HTTP QUERY Method
This specification defines the QUERY method for HTTP. A QUERY requests that the request target process the enclosed content in a safe and idempotent manner and then respond with the result of that processing. This is similar to POST requests but can be automatically…
🔥1
🚀 Enforce a standardized order of attributes in your #angular templates thanks to this #eslint rule.
💡 Consistency in your codebase is more important than the specific order you choose. Pick a standard and stick to it across your team.
Link to rule:
https://github.com/angular-eslint/angular-eslint/blob/main/packages/eslint-plugin-template/docs/rules/attributes-order.md
PS:
and this supports autofix (--fix)!!!
💡 Consistency in your codebase is more important than the specific order you choose. Pick a standard and stick to it across your team.
Link to rule:
https://github.com/angular-eslint/angular-eslint/blob/main/packages/eslint-plugin-template/docs/rules/attributes-order.md
PS:
and this supports autofix (--fix)!!!
❤1🔥1
‼️ "if you sick - stop working" ‼️
1️⃣ When a software developer is sick, productivity drops significantly; complex problem-solving requires clear thinking, which illness compromises.
2️⃣ Sickness can derail project timelines, leading to increased pressure on the team and potential burnout.
3️⃣ Working while unwell often results in reduced code quality, as fatigue may lead to overlooked bugs that require more debugging later.
4️⃣ In a collaborative environment, a sick developer can’t fully participate in code reviews or meetings, hindering communication and slowing down overall progress.
5️⃣ Ignoring the need to rest can lead to severe health issues, resulting in extended absences that further impact the team’s workflow.
6️⃣ While remote work offers flexibility, it can blur the lines between work and rest, making it harder for developers to take the necessary time off when unwell.
In my opinion the cases 5️⃣ and 6️⃣ are very critical and should be taken seriously!
———
@Memoirs_of_a_ngxSamurai
1️⃣ When a software developer is sick, productivity drops significantly; complex problem-solving requires clear thinking, which illness compromises.
2️⃣ Sickness can derail project timelines, leading to increased pressure on the team and potential burnout.
3️⃣ Working while unwell often results in reduced code quality, as fatigue may lead to overlooked bugs that require more debugging later.
4️⃣ In a collaborative environment, a sick developer can’t fully participate in code reviews or meetings, hindering communication and slowing down overall progress.
5️⃣ Ignoring the need to rest can lead to severe health issues, resulting in extended absences that further impact the team’s workflow.
6️⃣ While remote work offers flexibility, it can blur the lines between work and rest, making it harder for developers to take the necessary time off when unwell.
In my opinion the cases 5️⃣ and 6️⃣ are very critical and should be taken seriously!
———
@Memoirs_of_a_ngxSamurai
🤖 Github Copilot Agent Mode and more
Important new features:
1️⃣ Agent Mode: Autonomous code iteration, error recognition, and automatic fixes.
2️⃣ Copilot Edits: Intelligent code suggestions and multi-file editing capabilities.
3️⃣ Gemini 2.0 Flash: Access to advanced AI models for improved code generation.
4️⃣ Vision capabilities: #Copilot can now accept screenshots with annotations and drawings and reason about the necessary changes
These updates collectively aim to place developers at the center of the creative process, with #AI handling routine tasks to free up time for more complex challenges.
Read the blog post at github blog
Important new features:
1️⃣ Agent Mode: Autonomous code iteration, error recognition, and automatic fixes.
2️⃣ Copilot Edits: Intelligent code suggestions and multi-file editing capabilities.
3️⃣ Gemini 2.0 Flash: Access to advanced AI models for improved code generation.
4️⃣ Vision capabilities: #Copilot can now accept screenshots with annotations and drawings and reason about the necessary changes
These updates collectively aim to place developers at the center of the creative process, with #AI handling routine tasks to free up time for more complex challenges.
Read the blog post at github blog
🚀 Boost Your Angular App’s Performance with Lesser-Known Configurations!
As #angular developers, we’re always on the lookout for ways to optimize our applications. One lesser-known but powerful configuration you can enable in your
🔧 What do these options do?
𝗲𝘃𝗲𝗻𝘁𝗖𝗼𝗮𝗹𝗲𝘀𝗰𝗶𝗻𝗴: This option helps in reducing the number of change detection cycles by coalescing multiple events into a single change detection cycle. This can significantly improve performance, especially in applications with a lot of user interactions.
𝗿𝘂𝗻𝗖𝗼𝗮𝗹𝗲𝘀𝗰𝗶𝗻𝗴: Similar to eventCoalescing, this option coalesces multiple NgZone runs into a single run, further optimizing the change detection process.
#𝗿𝘂𝗻𝗖𝗼𝗮𝗹𝗲𝘀𝗰𝗶𝗻𝗴 #eventCoalescing #NgZone #changeDetection #cd
———
@Memoirs_of_a_ngxSamurai
As #angular developers, we’re always on the lookout for ways to optimize our applications. One lesser-known but powerful configuration you can enable in your
main.ts file is the eventCoalescing and runCoalescing options when calling the bootstrapModule function.🔧 What do these options do?
𝗲𝘃𝗲𝗻𝘁𝗖𝗼𝗮𝗹𝗲𝘀𝗰𝗶𝗻𝗴: This option helps in reducing the number of change detection cycles by coalescing multiple events into a single change detection cycle. This can significantly improve performance, especially in applications with a lot of user interactions.
𝗿𝘂𝗻𝗖𝗼𝗮𝗹𝗲𝘀𝗰𝗶𝗻𝗴: Similar to eventCoalescing, this option coalesces multiple NgZone runs into a single run, further optimizing the change detection process.
#𝗿𝘂𝗻𝗖𝗼𝗮𝗹𝗲𝘀𝗰𝗶𝗻𝗴 #eventCoalescing #NgZone #changeDetection #cd
———
@Memoirs_of_a_ngxSamurai
🚨 AWS UG Munich - 25 February 2025
AGENDA:
18:00 - Doors open, networking, drinks, food
18:30 - Markus Ostertag (AWS Hero): Recent AWS announcements
19:15 - Meisi Zhan (codecentric): AWS Well Architected Framework
20:00 - Steffen Renz (Porsche Digital) and Raphael Manke (codecentric): Lambda Observability Outside X-Ray and CloudWatch
20:45 - More drinks, more networking
RSVP
#aws #awsUG
———
@Memoirs_of_a_ngxSamurai
Codecentric AG
August-Everding-str. 20, · München
AGENDA:
18:00 - Doors open, networking, drinks, food
18:30 - Markus Ostertag (AWS Hero): Recent AWS announcements
19:15 - Meisi Zhan (codecentric): AWS Well Architected Framework
20:00 - Steffen Renz (Porsche Digital) and Raphael Manke (codecentric): Lambda Observability Outside X-Ray and CloudWatch
20:45 - More drinks, more networking
RSVP
#aws #awsUG
———
@Memoirs_of_a_ngxSamurai
👨🏻💼 PM: „We want to upgarde #Angular from 16 to 19, can you do it today?”
🦸🏻♂️ Dev: „Sure, but we have to do each version individually and fix issues as we go.”
👨🏻💼 PM: „What? Just upgrade all the way to 19 at once and fix eveything later, can’t be that hard we are paying you enough”
🥷🏼 Angular: “I got you bro”
🦸🏻♂️ Dev: “😎”
👨🏻💼 PM: “😭”
#funny reality on a daily life as #angular developer ^_^
———
@Memoirs_of_a_ngxSamurai
🚨 GRATIS WEBINAR | Einführung in reaktives Angular
Stellt Euch vor, Euer Angular-Code läuft flüssig, reagiert blitzschnell und bleibt übersichtlich – ganz ohne komplizierte Workarounds. Wie wäre es, wenn Ihr in nur zwei Stunden lernt, genau das umzusetzen?
Am 20. Februar 2025 tauchen wir gemeinsam in die Welt der reaktiven Entwicklung ein. In einer kompakten Live-Session zeigen Euch die Experten David Müllerchen und Felix S., wie Ihr RxJS-Operatoren und Angular Signals gezielt einsetzt, um Ihre Anwendungen noch performanter zu machen.
Zwei Sessions, direkt auf den Punkt:
▶️ 13:00 Uhr | RxJS-Operatoren – die asynchrone Datenverarbeitung
▶️ 14:00 Uhr | Angular Signals: Neue Features für die reaktive Entwicklung
𝗗𝗶𝗲 𝗧𝗲𝗶𝗹𝗻𝗮𝗵𝗺𝗲 𝗶𝘀𝘁 𝗸𝗼𝘀𝘁𝗲𝗻𝗹𝗼𝘀 – sichert euch euren Platz, indem Ihr euch für den Newsletter anmeldet. Alle Infos kommen direkt in euer Postfach.
Meldet euch jetzt an und werdet Teil der Live-Session: link
Release v19.1.6 (2025-02-12)
🔘 compiler
— handle tracking expressions requiring temporary variables
🔘 compiler-cli
— handle deferred blocks with shared dependencies correctly
🔘 core
— invalidate HMR component if replacement throws an error
🔘 migrations
— account for let declarations in control flow migration
— count used dependencies inside existing control flow
———
@Memoirs_of_a_ngxSamurai
🔘 compiler
— handle tracking expressions requiring temporary variables
🔘 compiler-cli
— handle deferred blocks with shared dependencies correctly
🔘 core
— invalidate HMR component if replacement throws an error
🔘 migrations
— account for let declarations in control flow migration
— count used dependencies inside existing control flow
———
@Memoirs_of_a_ngxSamurai
👨🏻🎓 Expected Angular/JavaScript Questions for Frontend Developers
One more Questions for you:
- https://learn-with-bittu.vercel.app/interview-preparation
- https://learn-with-bittu.vercel.app/angular-articles/angular-workflow
#angular #job #interview #cv
———
@Memoirs_of_a_ngxSamurai
One more Questions for you:
- https://learn-with-bittu.vercel.app/interview-preparation
- https://learn-with-bittu.vercel.app/angular-articles/angular-workflow
#angular #job #interview #cv
———
@Memoirs_of_a_ngxSamurai
One-time password input component for Angular. Accessible. Unstyled. Customizable. Open Source.
https://ngxpert.github.io/input-otp/home
———
@Memoirs_of_a_ngxSamurai
ng add @ngxpert/input-otp
https://ngxpert.github.io/input-otp/home
———
@Memoirs_of_a_ngxSamurai
Angular Munich
👨🏻🎓 Expected Angular/JavaScript Questions for Frontend Developers One more Questions for you: - https://learn-with-bittu.vercel.app/interview-preparation - https://learn-with-bittu.vercel.app/angular-articles/angular-workflow #angular #job #interview…
I hope everyone know this repo: https://github.com/sudheerj/angular-interview-questions
😊
#angular #cv #interview #job
———
@Memoirs_of_a_ngxSamurai
😊
#angular #cv #interview #job
———
@Memoirs_of_a_ngxSamurai
GitHub
GitHub - sudheerj/angular-interview-questions: List of 300 Angular Interview Questions and answers
List of 300 Angular Interview Questions and answers - sudheerj/angular-interview-questions
❤1
This media is not supported in your browser
VIEW IN TELEGRAM
‼️ New #CSS property to cut away the space around the text
Available in #Edge and #Chrome from v.133
———
@Memoirs_of_a_ngxSamurai
𝐭𝐞𝐱𝐭-𝐛𝐨𝐱: 𝐭𝐫𝐢𝐦-𝐛𝐨𝐭𝐡 𝐜𝐚𝐩 𝐚𝐥𝐩𝐡𝐚𝐛𝐞𝐭𝐢𝐜;
Available in #Edge and #Chrome from v.133
———
@Memoirs_of_a_ngxSamurai
‼️ #Angular release 19.1.7 (2025-02-19)
🔘 common
— clean up urlChanges subscribers when root scope is destroyed
🔘 compiler-cli
— avoid crash in isolated transform operations
🔘 forms
— fix typing on FormRecord.
———
@Memoirs_of_a_ngxSamurai
🔘 common
— clean up urlChanges subscribers when root scope is destroyed
🔘 compiler-cli
— avoid crash in isolated transform operations
🔘 forms
— fix typing on FormRecord.
———
@Memoirs_of_a_ngxSamurai
🤝2
Free Virtual conference: February 25-27
Building Accessible Experiences
What are axe-con watch parties?
Registration: https://www.deque.com/axe-con/watch-parties/
#a11y #accessebility
Building Accessible Experiences
What are axe-con watch parties?
Registration: https://www.deque.com/axe-con/watch-parties/
#a11y #accessebility
YouTube
What are axe-con watch parties?
Watch parties are an excuse to get together to further your digital accessibility efforts!
Learn more at: https://www.deque.com/axe-con/watch-parties/
00:00 What is a watch party?
00:25 Watch party examples
01:03 How it works
01:59 How to host
Trannoscript:…
Learn more at: https://www.deque.com/axe-con/watch-parties/
00:00 What is a watch party?
00:25 Watch party examples
01:03 How it works
01:59 How to host
Trannoscript:…
#ngxtension - A collection of utilities for Angular.
I think they have potencial as a signal-based utilities!
https://ngxtension.netlify.app/
———
@Memoirs_of_a_ngxSamurai
I think they have potencial as a signal-based utilities!
https://ngxtension.netlify.app/
———
@Memoirs_of_a_ngxSamurai
❤3
This media is not supported in your browser
VIEW IN TELEGRAM
#Angular Developers after learning that #Observables are landing in #Chrome v135
#angular #rxjs
———
@Memoirs_of_a_ngxSamurai
#angular #rxjs
———
@Memoirs_of_a_ngxSamurai
😁2❤1
Still using Page Objects in Playwright or Cypress? It’s time to rethink that.
❌ POM is overkill — modern test frameworks already provide:
✅ Stable selectors (data-testid, data-cy)
✅ Built-in UI utilities (page.locator(), page.click())
✅ Faster debugging (no unnecessary abstraction)
💡 Ditch POM, use functional helpers! They’re simpler, scalable, and easier to debug.
Murat Ozcan break it down 👉 here !
#pom #playwright #cypress #e2e #testing
———
@Memoirs_of_a_ngxSamurai
❌ POM is overkill — modern test frameworks already provide:
✅ Stable selectors (data-testid, data-cy)
✅ Built-in UI utilities (page.locator(), page.click())
✅ Faster debugging (no unnecessary abstraction)
💡 Ditch POM, use functional helpers! They’re simpler, scalable, and easier to debug.
Murat Ozcan break it down 👉 here !
#pom #playwright #cypress #e2e #testing
———
@Memoirs_of_a_ngxSamurai
👍1
‼️ Understanding Angular Ahead-of-Time (AOT) Compilation
#AOT in #Angular transforms templates and #TypeScript code into optimized #JavaScript before the application is loaded in the browser. Unlike Just-in-Time (#JIT) compilation, which occurs in the browser, AOT operates at the build stage, significantly improving performance, security, and reducing the number of errors.
The article discusses the principles of AOT, its advantages over JIT, common issues, and debugging methods. It also showcases the evolution of the Angular compiler from version 2 to the modern #Ivy engine.
———
@Memoirs_of_a_ngxSamurai
#AOT in #Angular transforms templates and #TypeScript code into optimized #JavaScript before the application is loaded in the browser. Unlike Just-in-Time (#JIT) compilation, which occurs in the browser, AOT operates at the build stage, significantly improving performance, security, and reducing the number of errors.
The article discusses the principles of AOT, its advantages over JIT, common issues, and debugging methods. It also showcases the evolution of the Angular compiler from version 2 to the modern #Ivy engine.
———
@Memoirs_of_a_ngxSamurai