Angular πŸ‡ΊπŸ‡¦ - practical notes
1.63K subscribers
1.6K photos
1 file
532 links
Angular - practical notes

This group is for posting practical notes for Angular developers. Mostly all posts are for quick implementation https://t.me/angular_practical_notes (Commenting on posts only in ENG and UA langs here). Welcome!
Download Telegram
πŸ“„ Angular 16 + Broadcast channel (Auth Fragments)

#angular #BroadcastChannel

βœ… Article Link: https://techshareskk.medium.com/angular-16-broadcast-channel-4049a7f46019
πŸ‘1
πŸ“„ Why Class/Component inheritance in your Angular app might not be good

#angular #inheritance

βœ… Article Link: https://medium.com/hackernoon/why-class-component-inheritance-in-your-angular-app-might-not-be-good-a5d88fdd855b
πŸ‘1πŸ”₯1
πŸ“„ Lesser-Known Tricks in HTML

#html

β„–1: Opening the Device Camera
<input type="file" capture="user" accept="image/*">
<input type="file" capture="environment" accept="video/*" />

β„–2: Automatic Website Refresh
<head>
<meta http-equiv="refresh" content="10">
</head>

β„–3: Spellcheck Activation
<input type="text" spellcheck="true" lang="en">

β„–4: Preventing Translation
<p translate="no">Brand name</p>

β„–5: Automatic Download on Link Click
<a href="image.png" download>Download Image</a>

β„–6 Responsive Images with srcset
<img srcset="image.jpg 1x, image@2x.jpg 2x, image@3x.jpg3x" src="image.jpg" alt="Responsive Image">
πŸ‘2😱1
πŸ“„ How to use Cypress in 5 steps

#angular #cypress

Cypress is a desktop application. It supports multiple operating systems such as Windows, Linus, and iOS. Cypress is a tool that you can use to test a front-end application whatever the front-end framework you are using. E2E is a software testing method that simulates what the application should be able to do from the start to the end.

βœ… Article Link: https://levelup.gitconnected.com/e2e-testing-with-cypress-angular-219eaa3926c
✳️ Handling custom errors in TS

#typescript #ts #angular #errors

Error handling in Type/JavaScript is a topic that doesn’t get the importance it deserves. It’s crucial to the longevity of any project to catch and log errors.

βœ… Article Link: https://engineering.udacity.com/handling-errors-like-a-pro-in-typescript-d7a314ad4991
πŸ“„ What’s new in CSS 2023

#css

⚠️ Experimental (not fully supported)

βœ… Article link: https://medium.com/@trinhcamminh25112002/whats-new-in-css-and-ui-i-o-2023-edition-5bac2c7271bb

🎁 Code Link:

1. @container: https://codepen.io/web-dot-dev/pen/KKxzYQx

2. new nth-child: https://codepen.io/web-dot-dev/pen/oNMRaQq

3. @scope: https://codepen.io/web-dot-dev/pen/MWPVGPL
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ“„ Add missing functionality to third-party components using Directives

#angular #directive

When working with third-party components, there are times when you need to add missing functionality. We can create a directive that targets this input by classname, and then we can use the Angular API to add what we need.

βœ… Article link: https://netbasal.com/the-power-of-selectors-in-angular-cd6947ce3bfd