Angular

search by tag

Angular Journey: Part 6 - Adapting to v17 and Beyond

Dec 30, 2024 | 5 min read | 153 Views | Comments

It's time to embrace the renaissance of Angular. Since v17 has launched many things have been changed for Angular. This buffy release has offered tons of new features and shift in the ideology of Angular development. The enhancement is continued any version beyond v17. In this article, we will adapt to this new way of development and will touch base some of the groundbreaking features.

Angular Journey: Part 5 - RxJS Touch

Dec 26, 2024 | 7 min read | 102 Views | Comments

Let us give RxJS touch to our Notesy App which we have created in our Angular journey so far. In this article, we will explore some of the capabilities of RxJS operators and will understand some idealism to follow while dealing with async operations.

Angular Journey: Part 4 - Working with Web API

Dec 25, 2024 | 5 min read | 118 Views | Comments

One does not simply develop an app without hitting the server. In this article we will explore how Angular handles the HTTP communication.

Angular Journey: Part 3 - Angular Routes

Dec 24, 2024 | 4 min read | 122 Views | Comments

There comes a point in our journey to take a way in getting to a destination, in Angular we do this using routing. In this article, we will explore Angular Routing concept and explore the ways to make component routable and ways to navigate.

Angular Journey: Part 2 - Bindings, Directives, Components, Services

Nov 09, 2024 | 7 min read | 266 Views | Comments

Healthy communication and maintaining strong binding are key in any relationship. Same goes in any Angular as well. In this article, we will explore the ways Angular offers to form bindings between templates and code-behind, along with communication between components.

Angular Journey: Part 1 - Getting Started

Aug 24, 2024 | 6 min read | 407 Views | Comments

Angular is close to heart and its injustice to not create an Angular journey series where we take a learning path to explore the Angular from a beginner's eye. In this article we will start a learning series to understand and explore the modern Angular framework.

How to update Angular project - The Philosophy

Jan 14, 2024 | 7 min read | 865 Views | Comments

Migration is a natural phenomenon across species, and it is happening due to better life expectancy, healthy environment, safety, and many more reason those are unknown to humankind. All in all, it's a way of nature to tell you to update and migrate to a new environment. Technology follows the same, specifically Angular. In this article, we will deep dive into the philosophy of Angular updates and how to migrate Angular project effectively.

Brotli Dockerized Angular App with Nginx - NgDocker

Jul 16, 2023 | 5 min read | 2491 Views | Comments

Patience is the key to success; not heard or followed by any of the web app visitors. We want everything to be loaded within blink of an eye. This is the place where Brotli shines. In this article, we will explore how we can enable Brotli in the NgDocker app to improve performance at a marvelous scale.

NgFate - A tool for deciding the fate of an Angular app

Jul 06, 2023 | 2 min read | 775 Views | Comments

A tool for salvation and exploration of your beloved Angular app. It is what's inside that matters; NgFate will provide your app's inside, app structure, component routes, dependencies and relations. Made by CodeOmelet with love and a bunch of sleepless nights using dotnet csharp. In this article, we will walk you through, what, why and how of NgFate so that you can deep dive inside your Angular app.

Cache Angular HTTP request using @ngneat/cashew

May 23, 2023 | 4 min read | 1885 Views | Comments

The time of not wasting time on caching HTTP request data has come. Presenting @ngneat/cashew package to do the needfully; it takes our stress of manually creating service variables to hold up the HTTP requests data again and again. In this article we will explore @ngneat/cashew dope package for caching HTTP requests.

Nginx Cache Config for Dockerized Angular App - NgDocker

May 16, 2023 | 5 min read | 4701 Views | Comments

App running so fast, even the cops are chasing! Not breaking any law here just configuring Nginx caching for our Dockerized Angular app. In this article we will address the need for speed for our super silly NgDocker app by setting up the Nginx cache configurations for static files.

Gzip Dockerized Angular App with Nginx - NgDocker

Apr 07, 2023 | 6 min read | 3112 Views | Comments

Leveling up by taking performance improvement measures for our super friendly NgDocker app. In this article, we will explore how we can enable Gzip to improve performance at a hulking scale.

Dockerized Angular App with Nginx - NgDocker

Mar 26, 2023 | 4 min read | 3001 Views | Comments

Meet super friendly NgDocker app, made with love and care using Angular and Cirrus UI, garnished with Docker and Nginx. In this article, we will explore how to make and bake a Dockerized Angular App with Nginx without much hassle.

NgMarvel app using Angular and Marvel API

Jul 12, 2021 | 12 min read | 3146 Views | Comments

When life gives you lemons, make lemonade; and when Marvel provides you an API, make an Angular app. In this article, we will do the Hulk Smash! and create an awesome Marvel comic explorer app using Angular and Marvel Comics API.

Pokedex using Angular and Bootstrap with PokeAPI

Feb 28, 2021 | 9 min read | 11449 Views | Comments

Squirtle, without a doubt, is my favorite Pokemon and I am open for a debate. You can check the Pokedex on your own or create a Pokedex on your own. Let us talk about the second option in this article, and with the help of PokeAPI, Angular and Bootstrap such crazy demands can be achieved.

Baking pagination with Angular and Bootstrap 5

Feb 08, 2021 | 8 min read | 10478 Views | Comments

After having a nice cup of morning tea/coffee, users of your web app needs to get their data table/grid loaded in a blink of an eye. Pretty neat with data in the range of hundreds but when data is in range of "K" things are not okay. But with the help of paginated API and corresponding UI we can tackle this situation. Obviously, in this article will make and bake a paginated UI with sorting and filtering using Angular and Bootstrap 5.

Creating Multi-Select Dropdown with Angular and Bootstrap 5

Oct 19, 2020 | 11 min read | 20126 Views | Comments

The single select dropdown is cool, but what if we have to implement multi-select, search enabled, with toggle all option dropdown? Challenge accepted. This article focuses on creating a cute looking multi-select dropdown in Angular with the help of Bootstrap 5.

Exploring Bootstrap 5 with Angular - Creating Dropdown

Oct 08, 2020 | 8 min read | 8513 Views | Comments

Bootstrap 5 is nothing but love and a dream come true for many developers. With its many features and ability to fight alongside any JS framework makes it insanely powerful. This article focuses on getting along with Bootstrap 5 with super heroic Angular.