Angular Journey: Part 2 - Bindings, Directives, Components, Services
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
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.
React Prettier ESLint Configuration
Soul pretty but code prettier. We now run by this quote, to maintain our code formatting top notch. Thanks to Prettier to take away this burden from the dev community, and with the support of ESLint being pretty becomes a mandate; to maintain overall code quality. In this article, we will learn how to configure Prettier in React Vite app.
React ESLint Configuration
ESLint is the result of prayers performed by senior devs, so that they can enjoy their trips without worrying much about the code chaos other devs will cause. ESLint works with any JavaScript frameworks, for React it's no different. In this article, we will talk about how to configure ESLint with React.
Angular Prettier ESLint Configuration
Devs find their partner pretty but their code Prettier. Code formatting is a big deal in a big project. So, to follow the divine path of consistency across project we include formatters. In this article, along with Angular ESLint will talk about Prettier, an amazing code formatter that will help to take this burden on its own and provide code format consistency within you project team.
Angular ESLint Configuration
Developers are the unique creatures, their thought process is different, and they don't understand the world sometime; but they understand machines quite well. They don't follow the rules made by humans instead they listen to machine. So, to keep your developers aligned and under a check, sigma developers has created linters. In this article, we will talk about how to configure ESLint with Angular.
Passing Input to Azure APIM Policy Fragment
Azure APIM policy fragment enables you to define policy once and use it till eternity. In this article, we will understand the creation of a policy fragment and a way to pass input to them.
How to update Angular project - The Philosophy
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.
Creating Validate JWT Policy in Azure APIM
Validating JWT is nothing new in the context of API development. Thousands of tokens been validated right now while you are reading this text. Azure APIM makes your life easy for API development by allowing you to create a validate-jwt policy to perform such a necessary task. In this article, we will understand how to create such policy under Azure APIM.
React Journey: Part 5 - Context API
Every journey ends somewhere. Our React journey will come to an end with 360-degree shift in our previous approaches of communicating between components. Don't get afraid, this change is helpful and a must for our growing apps. In this article, we will touch base and talk about the concept of Context API in React and how it can allow to manage props and states like a pro.
React Journey: Part 4 - Working with Web API
There is no app existence without communicating server or at least a fake server. In our React learning journey we will now make our Notesy app to communicate to API even though its fake. In this article, we will make use of json-server to create API endpoint for our Notesy app and make our create, read, delete operation little dynamic.
React Journey: Part 3 - React Routes
You have to stick to the route to reach your destination. In this article we will explore about the react-router-dom package to create routing in React.
React Journey: Part 2 - States, Props, Events and Hooks
Life brought us to the moment where we have to think about how to make our Notesy app functional. In this article we will make our Notesy app interactive such that it can show list of notes, add new notes and delete existing notes. On the way of doing so we will explore states, props, events and hooks.
React Journey: Part 1 - Getting Started
It's time to go on a feel trip with React. Let us pack our bags and start our journey towards learning React from scratch with techs those we have today. In this article we will start our React learning journey by setting up the project with Vite and most desirable UI framework Bootstrap.
ISRO React App - Working on the Components - Part 2
The time has brought us to talk about the components of ISRO React App. In this article we will continue to talk about the remnants of the app. How the services been created, what are the components present to show the listing of ISRO API data.
ISRO React App - Initial Setup - Part 1
Hats off to amazing ISRO team to their ongoing space missions. There is an amazing ISRO API available to use for the folks who admire ISRO and their contributions. In this article we will talk about the app created using React that consumes the ISRO API endpoints. The React ISRO App is also based on Vite, Typescript, Redux, TailwindCSS, DaisyUI and some other cool techs. The app will help to explore the ISRO API along with the React UI ecosystem.
Brotli Dockerized Angular App with Nginx - NgDocker
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
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
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
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
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
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.
JEST Started with Unit Testing
Either you are in a deep love with unit testing or hating it to the core, but the bottom line is to do it anyway. So just like many things in our life, let us deal with it; in this article we will start exploring the realm of unit testing along with JEST.
Workflow Core DSL for JSON and YAML
Workflow Core comes with many features one of which is its common DSL for JSON and YAML. In this article, we will explore JSON/YAML way of creating the process workflows.
The Art of Destructuring in JavaScript
Poses the power of destructuring and conquers the world of JavaScript. Like literally, since it's been available to devs, it is the coolest thing ever after the dark theme. To be relevant in the JavaScript gang, one has to understand the art of destructuring in JavaScript; in this article, we will adapt to the destructuring swag.
Spread love with JavaScript
Love knows no distance, boundaries, or conditions it can be spread beyond our imagination. The JavaScript spread operator is there to spread this love among developers. Along with catchy syntax, it has lots of benefits that our brain needs to comprehend. In this article, we will try to explore as many features as possible of the spread operator.
Rest Your Love On JavaScript
We choose love for the rest of our lives while JavaScript chooses rest of the function parameters. Using the rest parameter one can express their loads of love and parameters to any function. In this article, we are falling again in love and JavaScript by understanding one more awesome feature; the rest parameter.
Workflow Core Getting Started
One has to follow some process or a workflow to bring down some mighty and complex tasks, that require actions on each step and need to be fault-tolerant at the same time. Say hello to one such cool, lightweight, and fault-tolerant workflow engine built for .NET to deal with most of the workflow kinda requirements without putting you in stress and discomfort. In this article, we will be getting started with the Workflow Core engine, along with the friendly neighborhood .NET Core (6.0).
NodeJS and MSSQL Connection Pool
In the season of summer, the pool becomes overcrowded and needs to be managed properly; this is not the case for other seasons. On the other hand, the database connections pool needs to be managed irrespective of the seasons. So the need of the hour is to manage these connection pools in order to maintain multiple databases connections, their opening/closing, configurations, etc. In this article, we will understand how to manage NodeJS and MSSQL connection pools like a pro.
Data Access Layer for NodeJS and MSSQL - Part 2
If you like action sequences, this read will definitely give you chills. In this article, without wasting your precious time we will jump straight to the business and understand how to use our bare minimum data access layer which we have built previously.
Data Access Layer for NodeJS and MSSQL - Part 1
Building a bare minimum data access layer for NodeJS and MSSQL for applications that scream for simplicity. Just like any other layered cake, applications also come in layers Data Access Layer (DAL), Business Access Layer (BAL), Presentation/UI Layer (PL), API Layers, etc. In this article, we are picking up the brush and painting our own data access layer for NodeJS and MS SQL Server.
One day I will find some Closure
Closure is the most John Cena concept of JavaScript which is been there in front of your eyes, but of course, you can't see it. So let us put some light on Closures (like literally) in this article and understand what it has to offer.
JavaScript Elders - Call, Apply, Bind
Before the beginning of time, there were these JavaScript elder functions call, apply and bind. These functions, it seems, can only be wielded by coding beings of extraordinary wisdom. These wielders can build the coding architectures, patterns, principles, monuments using these elders. Pretty dramatic, isn't it? It sounds exactly the same when someone tries to explain the call, apply and bind functions. In this article, we will try to understand and simplify a not but little confusing topic the call, apply and bind functions.
The file melting Multer with NodeJS and Express
Multer is a mature multipart/form-data supreme middleware for Node.js. Its been there for a long time, already explored and discussed by many elite developers. In this article, we will revisit the core capabilities of the Multer and will explore scenarios like single/multiple file upload using forms or AJAX.
This is awkward in JavaScript
Whale! This is awkward in JavaScript, also many things in life are. But nothing to worry about, we will try to overcome “this” awkwardness in this article.
NgMarvel app using Angular and Marvel API
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.
Async-Await-ing for your Loving Promises
It is very difficult to wait on someone's loving promises, but not in JavaScript; thanks to the async/await creamy syntactic sugar made available in JavaScript for Promises. In this article, we will see the evolution of writing promises, from then() and catch() methods to super awesome async/await syntax.
Making Promises in Love and JavaScript
One way to get rid of your crush or JavaScript’s callback hell is to make promises. Now there are dozens of quotes revolving about broken promises in love; but thankfully JavaScript handles promises elegantly. Let us dig more into this topic and understand how difficult or easy it is to make promises in love or JavaScript.
Why your crush and JavaScript does not callback anymore
Nobody wants their relationship or JavaScript to look like hell, not a relationship advisor though but can talk about JavaScript for an hour or so. Legend says, crush never callback; there is no more to it and I am not a legend so let us focus on something which can be answered, JavaScript callbacks their heaven and hell.
Pokedex using Angular and Bootstrap with PokeAPI
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
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.
Crafting paginated API with NodeJS and MSSQL
Paging, sorting and filtering seems too much to handle for a single soul; but the soul of a programmer craves for such trouble. When you have tons of data to show in a grid/table provided with filtering and sorting options then there is no option left to leave these duties to your backend. In this article we will see NodeJS with MSSQL acting as backend and fabricate a paginated, sort and filter enabled API.
Calling Stored Procedure with NodeJS and MSSQL
Stored procedures, bringing bread and butter for many full stackers. They are the heavy lifters, holds up many business logics, handles input/outputs, returns multiple record sets and tons of more features. Why in this world, one will avoid the communication to happen between the super heroic NodeJS and MSSQL stored procs. In this article we will highlight most of the common scenarios we deal with while calling stored procs with NodeJS and MSSQL.
Teaming up with NodeJS and SQL Server
It's always satisfying to watch our backend connecting to the database server in one go. Within this short life span we come across different weirdo errors and issues while making the simplest form of connection to a database server; teaming up NodeJS with MS SQL Server is no different. In this article will make a smooth connection between NodeJS and MSSQL, and perform the decade old tradition (CRUD).
Generate SQL script using beloved C#
Generating SQL script is a pretty classy way to obtain queries for schema or data or schema and data which helps to get some sort of backup of your database or get build up queries to regenerate the database entirely. But what if we need to generate SQL scripts programmatically using hearty C#? The SqlManagementObjects (SMO) nuget package is here to help.
Creating Multi-Select Dropdown with Angular and Bootstrap 5
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
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.
Calling API from NodeJS API using Axios
I found Axios a great library to make calls to a third party API, it's easy to understand, demands lesser coding, Promise me to return the data, works perfectly with a async/await style, get along with TypeScript.
Getting Started with NodeJS Express using TypeScript
TypeScript teaches some manners to write JavaScript code. A well written JavaScript code (TypeScript) grabs many attention in the party; so why not we simply include TypeScript to write Nodes Express APIs? Great idea! And both NodeJS and Express play very well with this decision.
JavaScript XHR using JSONPlaceholder API
Sometimes it is very important to know how things are happening on the ground level. This article will talk about how to use XHR - XMLHttpRequest in vanilla JavaScript with the help of most loved REST API; JSONPlaceholder.
JavaScript array methods for living
They will help to find() your inner soul, filter() out your feelings, make a road map() of your life and surely reduce() your pains.
Zaki Mohammed
Learner, developer, coder and an exceptional omelet lover. Knows how to flip arrays or omelet or arrays of omelet.Categories
Authors
Popular Posts
Calling Stored Procedure with NodeJS and MSSQL
December 31, 2020
Creating Multi-Select Dropdown with Angular and Bootstrap 5
October 19, 2020
NodeJS and MSSQL Connection Pool
March 02, 2022
