Angular: Services
Services are a key part of building a scalable and maintainable Angular application. Services are used to organize and share code across your application. They...
My Learnings
Explore my blog posts documenting the insights and solutions I've gained from overcoming challenges over the past three years. Dive into a range of topics and lessons that showcase my continuous growth and expertise.
Explore by topic
Angular: Template Driven Forms in Angular (ngModel).
Angular provides robust form handling techniques, and one of the easiest ways to handle forms is through Template Driven Forms. Below example one of the...
Angular: ngContent
If you want build a card design and use that card design as wrapper in multiple places you can use it with ngContent method. Example:...
Angular: Structural directives (if, for and switch)
In angular template we can manage conditional rendering by using Structural directives. Let’s see how can we do that with code. Using *ngIf and *ngFor...
Angular: @Output: Passing data from child to parent components.
In angular, @Output is used in a child component to emit events to parent component. This allows communication from the child to the parent component...
Angular: @Input() vs input()
@Input() Decorator The @Input decorator allows parent components to pass data to their children. Example of @Input In this example child component binds userName with...
Getters and Setters in JavaScript
In JavaScript, getter and setter are powerful tool that allow you to manage how properties are accessed and modified in objects. They enable you to...
Angular: Property Binding
In Angular, Property Binding is a one-way binding mechanism that binds the properties of DOM elements (like <input>, <img>, <div>, etc ) to variable or...
Top Websites That Use WordPress: A Showcase of Versatility and Power
WordPress is the world’s most popular content management system (CMS), powering over 40% of all websites on the internet. 1. NASA (Outreach and Blogs) NASA...
Angular: How to create components
When creating an angular component, you have two primary options: using the Angular CLI (Command Line Interface) or creating the component manually. Below is a...
Angular: What is Angular? How it’s different from ReactJS
Angular is a TypeScript-based, open-source web application framework developed and maintained by Google. it’s designed for building, single-page application (SPAs) with robust structure and features....
Creating Hover Effects: Transitioning Images from Black and White to Color
Requirement: By default, the image will appear in black and white. When the user hovers over the image, it will transition to color.How can we...
WordPress Custom CRUD Operations Using `$wpdb`
In WordPress, $wpdb is the built-in database abstraction class that allow you to interact with the WordPress database securely and efficiently. In this post I...
SQL Notes
SQL: SQL Basics – 1 (CRUD)
CRUD Operations: What is SQL SQL (structured Query Language) is a programing language designed for managing designed for managing data in relational database. How to...
SQL: Basics – 2 (SELECT)
Leetcode: Longest Common Prefix
Leetcode: How to reverse a string
Code:
Leetcode: Search Insert Position
Given a sorted array of distinct integers and a target value, return the index if the target is found. if not, return the index where...
Shallow Copy vs Deep Copy in JavaScript
When working with arrays and objects in JavaScript, it’s crucial to understand the differnce between shallow copying and deep copying. This knowledge can help you...