Author: Piyush Agarwal

background

Modify The DOM Behaviour In Angular: Angular Directives

Reading Time: 3 minutes Angular is a client-side web app creation technology. There are multiple ways to manipulate DOM behavior in Angular, but today we are going to learn Angular, one of the most asked topics in an interview Angular Directives. Angular Directives One of the hottest topics in angular is angular directives. Angular directives are used to manipulate DOM( Document Object Model) or add new behavior. In Simple Continue Reading

How To Convert Text to Speech In JavaScript

Reading Time: 3 minutes Ever wondered what it would be like to build your own screen reader? With the Web Speech API, this is an achievable task. In this article, we’ll be building a basic text-to-speech reader. let’s take a look at how can we convert text to speech in javaScript. Prerequisites To follow along with this blog, you should have: A basic understanding of HTML and JavaScript. A Continue Reading

How To Create Custom Form Control In Angular

Reading Time: 4 minutes An Angular’s reactive forms module enables us to build and manage complex forms in our application using a simple but powerful model. You can build your own custom form control that works seamlessly with the Reactive Forms API. The core idea behind form controls is the ability to access a control’s value( form input value). In this blog, I am going to share how can Continue Reading

Sharing Content On Social Media By JavaScript

Reading Time: 2 minutes Social Sharing by JavaScript is one of the biggest and time taking tasks. In this blog, I am going to share how can we easily share our content on Facebook or Twitter-like applications. In this blog, we are going to integrate APIs that are given by Facebook and Twitter. By this, we will share our content on Facebook and Twitter. What is API? API is Continue Reading

Adding Elements Dynamically in Angular

Reading Time: 3 minutes Adding Elements Dynamically in Angular is a very hot and interesting topic. Angular gives us two nice ways to handle form data Reactive Form & Template Driven Form. In this blog, I am going to share how can we dynamically add form field controls in Reactive form. Prerequesties: Knowledge of Angular Reactive form, JavaScript. What is an Angular FormArray? In Angular Reactive Forms, every form Continue Reading

Introduction to NGXS, state management pattern + library for Angular

Reading Time: 3 minutes Ngxs is a state management pattern for the Angular framework. It acts as a single source of truth for our application. Ngxs is very simple and easily implementable. It reduce  lots of boilerplate code . It is a replacement for Ngrx. In Ngrx we are creating state, action, reducer, and effects but in Ngxs, we are creating only state and actions instead of all of Continue Reading

JavaScript Series, Let’s Deep Down To It, Part 1

Reading Time: 3 minutes In this blog we are going to learn what is JavaScript, why uses JavaScript. Now I am starting the JavaScript Series, one by one we are going to deep down to it and exploring every concept of it. What is JavaScript? JavaScript is a text-based programming language used both on the client-side and server-side that allows you to make web pages interactive. HTML and CSS Continue Reading

Effective ways of Data-Binding in Angular

Reading Time: 4 minutes Data-binding is an important concept of Angular. It allows us to define the communication between components and views. Data-binding plays the role of mediator between our Typescript file and Angular Html template for instance. Generally, data-binding may be one-way or two-way. Angular provides a various way of binding the data String Interpolation Property Binding Event binding Two-way binding These four types of data-binding are provided by Continue Reading