Web Application

Understanding Shadow and Virtual DOM

Reading Time: 4 minutes In this blog we will understand what is shadow and Virtual DOM that is being used now a days by two famous frontend tools angular and react respectively. To understand these two first we need to understand what is DOM. So, we will divide the whole blog into 3 parts – DOM Shadow DOM. Virtual DOM. Understanding DOM Let us take a simple example of Continue Reading

Let’s Have A Look At MVC (Model View Controller) Architecture

Reading Time: 3 minutes MVC Architecture or Model View Controller Architecture is an architectural pattern where the application is separated into three important parts: The model part, the view part, and the controller part. Nowadays this Architecture is widely used to develop mobile and web applications. If you are interested in web development or mobile application development then this blog can help you to know about the basics of Continue Reading

Waits in Selenium from scratch

Reading Time: 6 minutes Hi folks, Initially, In this blog we will learn about what and why part of selenium waits, then we will briefly see all the types of selenium waits. At the end of this blog, we will discuss why we should not consider the Thread.sleep() method for best practices. It has been proven that selenium is a good framework for automation testing. Automation testing has accelerated  Continue Reading

Getting Started With Django web framework

Reading Time: 4 minutes What is Django? Django web framework is a full-fledged python based web framework that can be used to build complex and highly scalable web apps. It closely follows the MVC(Model, View, Controller) pattern of software development i.e., MVT(Model, View, Template) where the template is equivalent to the controller in the MVC pattern. Model defines the data structure. This is the base layer to an application Continue Reading

Angular Routing Guards: Understanding canActivate Guard (Part-2)

Reading Time: 7 minutes If you are trying to block some routes from loading based on some permissions or blocking a route based if not authenticated, then you can read along and at the end, you will understand about the canActivate Guard. In the series of Angular Routing Guards Part-1, we’ve learned and understood the basics of angular route guards. If you’ve no prior knowledge about Angular Route Guards, Continue Reading

black laptop computer turned on showing computer codes

๐†๐จ๐จ๐ ๐ฅ๐ž ๐Š๐ฎ๐›๐ž๐ซ๐ง๐ž๐ญ๐ž๐ฌ ๐„๐ง๐ ๐ข๐ง๐ž (GKE) – Deploy an Application to the Cluster

Reading Time: 3 minutes Introduction to Kubernetes Kubernetes is an open-source container orchestration platform (Originally developed by Google) designed to automate the deployment, scaling, and management of containerized applications. Kubernetes makes it easy to deploy and operate applications in a microservice architecture.  What is GKE? Google Kubernetes Engine is a Management and orchestration way for Containers. The goal of GKE is to increase the potency of DevOps and development teams by comprising Continue Reading

Angular Routing Guards: Let’s understand Route Guards (Part-1)

Reading Time: 6 minutes If the user wants to open a certain page in a traditional server-side application, the application would first check permissions on the server and return a 403 error page. For eg., if the user didnโ€™t have permissions then there will be no routing to the dashboard page and it will route them again to a login/register page if they were not signed up. 403 is an HTTP error code. Specifically, this Continue Reading

Basics of Ngrx

Reading Time: 3 minutes In this blog, we will understand the ngrx, state, actions, reducers and how the ngrx works. So, letโ€™s start with the ngrx. What is Ngrx? Ngrx is a state management framework to make reactive applications in angular. It has six basic parts. Selector 2. Store 3. Reducer 4. Action 5. Component 6. Effects Ngrx state management lifecycle Component is the UI part of the application Continue Reading

Image With Lazy Loading Placeholder In Angular

Reading Time: 3 minutes Introduction We all are familiar with the word lazy loading in Angular Ecosystem. However, when it comes to loading images from a third party either from AWS S3 or others, the time taken (Response Time) by the foreign URL plays a vital role. A big factor that affects front-end performance is the amount of documents and assets being loaded on a web page. Weโ€™ve used variety of Continue Reading

Lazy-Loading Feature Modules In Angular

Reading Time: 6 minutes Before starting the lazy-loading feature module of angular, first, letโ€™s understand what a module is? So, a module is a way to group components, pipes, and services, etc., all together that are related to each other. Module set is group together to form an application. One component can use the data of other modules. Angular Modules: In angular, this feature is defined by NgModule. Every 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