I am
Ayyash
; a UX Front-end Developer
This is my Garage
Sekrab Garage
light mode
sek
rab
/
sek
r
a
b /
a small piece or amount of something, especially one that is left over after the greater part has been used.
Taming Angular forms
Validation style final tweaks
Angular
Design
one day ago
To add the missing styles to make it as functional as possible, need to keep reminding ourselves of a...
Taming Angular forms
Angular validation common functions
Angular
Design
one day ago
There are some repetitive validation functions that I would like to move for their own common file, a...
Taming Angular forms
Angular form field types
Angular
Design
3 days ago
Today we are going to dig into validating all field types. We begin with the simpler ones: the string...
Taming Angular forms
Angular form validation directive
Angular
Design
9 days ago
The component we created thus far is enough to make the form invalid if submitted, and show the “re...
Taming Angular Forms
Using CSS to validate Angular reactive form
Angular
Design
14 days ago
I want to create a simple reusable solution for forms in Angular. A solution that is unobtrusive, and...
Angular SSR update, and deprecated tokens
Upgrading to Angular version 19
Angular
28 days ago
There are two ways to update, using ng update directly, or creating a new application after updatin...
Angular SSR Update
Replacing Angular Universal with SSR version 17.0
Angular
12 months ago
Angular has adopted Universal and made it a kid of its own! Today I will rewrite some old code we use...
Angular Firebase Authentication
III - Firebase For Authentication only in Angular
Angular
one year ago
The middle ground is to use Firebase Auth, for authentication, and use our own API for user managemen...
Angular Firebase Authentication
II - Firebase User Management in Angular
Angular
one year ago
To recap, we need to create a sign up process using password and Google provider. We need to keep all...
Angular Firebase Authentication
I - Setting up AngularFire with Authentication
Angular
one year ago
This series is not a tutorial for AngularFire per se. We are interesting in knowing how to connect ...
Angular Standalone Feature
Angular Standalone in SSR: update
Angular
Tip
one year ago
[TLDR]To allow all components to be standalone and build for SSR in Angular using the still-supported...
Storage and Caching
Displaying cacheable content with a partial component in Angular
Angular
one year ago
After creating a localstroage wrapper , and a data cache decorator , let’s put them together to cre...
An xhr2 explicit exclusion of the cookie
Angular SSR Refused to set unsafe header
Tip
one year ago
I've been trying to fix a bug where I was making an http call to my local host, to get list of cate...
Intersection events and loose ends
Angular
one year ago
We used intersection observer to add classes and lazy load images. Here are some final touches that m...
Taming dynamic images
Lazy loading images upon intersection in Angular
Angular
one year ago
Images are content, whether allowed on the server or not. They are usually controlled by host servers...
Intersection observer directive to add and remove classes in Angular
Angular
one year ago
First, the basics, this directive needs to return if on SSR.I borrowed the definition of isBrowser ...
Storage and Caching
A cache decorator in Angular
Angular
Design
two years ago
Having a decorator that caches the result of a service call is not a new quest on the web, but today ...
Angular programmatically created components
Homemade dialog service in Angular
Angular
two years ago
Let's put all our knowledge in creating components programmatically in Angular 16 to good use. Let's ...
Angular programmatically created components
Providing services to programmatically created components in Angular
Angular
two years ago
The last bit to investigate before we put everything together as a Dialog service is how to pass inst...
Angular programmatically created components
Inserting programmatically created components with templates and content projection in Angular
Angular
two years ago
Previously we tried hosting the newly created component in an HTML element, whether existing in body...
Angular programmatically created components
Inserting Peach component into Rose at runtime
Angular
two years ago
The great Dialog componentThe Angular Material Dialog component is—among other things—a component i...
Angular programmatically created components
Creating a component dynamically, and programmatically in Angular
Angular
two years ago
An example use of a dynamically, programmatically created component in Angular is the infamous Dialo...
Saving cookie on local server
Authentication in Angular: Part V, Handling SSR
Angular
two years ago
When loading a localStorage-authenticated page, the SSR version kicks in with no access to the token....
Redirect feature and Account extra service
Authentication in Angular: Part IV
Angular
Design
two years ago
Picking up as we move on, there are a couple more features we want to implement to close the circle. ...
Logout and Clean up Code
Authentication in Angular: Part III
Angular
two years ago
Today let me add a proper logout, and before we move forward to more features, let’s clean up and app...