Posted on

Down With Cookie Walls, Give Us the Web Privacy API!

Google, Facebook, other advertisers profile us and invade our privacy in all ways imaginable. Lawmakers are always behind, cookie walls and opt-out schemes don’t do much, except ruining the web. Is there a better way? How about a new, GDPR-enforced Web Privacy API? This article lays out a design for an alternative, in form of an RFC.

A few days ago Google announced that it's killing FLoC. The invasive tracking technology, announced in 2021, met with widespread opposition, is finally being dropped, but only to be replaced with the Topics API. This new proposal is technically different, but it still aims at the same goal: 

Posted on

ASP.NET Web API: Benefits and Why to Choose It

In the modern technology world, web-based applications are not sufficient to reach a larger audience. People are now using several smart devices, including smartphones, tablets, etc., in their day-to-day life. Such devices have a multitude of apps that makes life easier. Now everyone is shifting from the web to a world full of applications.

If you want to expose the data to apps and browsers faster and more securely, you need a compatible API or application programming interface. Several popular web APIs like ASP.NET effectively collect, change, or update the data. The Web API is quite helpful in ASP.NET development for creating RESTful apps.

Posted on

Intimidated by OAuth? Here’s Why You Shouldn’t Be

According to the OAuth website, "OAuth is the industry-standard protocol for authorization," which focuses on simplicity while providing specific authorization flows for web applications, desktop applications, mobile phones, and living room devices.

Because of the simplicity and level of security it offers, it has emerged as the de-facto standard protocol for securely protecting Web APIs.

Posted on

How to Search Records Between Two Dates Using Web API and ReactJS

Searching records between two dates is very simple. In this article, we will see how we can perform this using a stored procedure with Web API and ReactJS.

Prerequisites

  • Basic Knowledge of ReactJS.
  • Visual Studio Code.
  • Visual studio and SQL Server Management studio.
  • Node and NPM installed.
  • Bootstrap.
  • React-datepicker.

Create a React.js Project

To create a new React project, open the command prompt and enter the following command:

Posted on

React Bootstrap Table With Searching and Custom Pagination

Introduction

In this article, we will learn how to use the React Bootstrap Table in React applications.  I will also explain how we can implement pagination, searching, and sorting in this Table. 

Prerequisites

  • We should have the basic knowledge of React.js and Web API.
  • Visual Studio and Visual Studio Code IDE should be installed on your system.
  • SQL Server Management Studio.
  • Basic knowledge of Bootstrap and HTML.

Implementation Steps

  • Create a Database and Table.
  • Create Asp.net Web API Project.
  • Create React App.
  • Install React-bootstrap-table2.
  • Implement Sorting.
  • Implement Searching.
  • Implement Custom Pagination.
  • Install Bootstrap.
  • Install Axios.

Create a Table in the Database

Open SQL Server Management Studio, create a database named "Employee", and in this database, create a table. Give that table a name like "Employee".

Posted on

Add Material-UI Table In ReactJS Application

Introduction

In this article, we will learn how to use the Material-UI Table in React applications. Material UI is one of the most popular UI frameworks developed by Google. The Material UI library is designed for faster, easier, and developer-friendly user interface development. Now Material-UI is supported in all major browsers and platforms.

Prerequisites

Posted on

How To Add AutoComplete Textbox In React Application

Introduction

In this article, we are going to learn how we add the AutoComplete textbox in ReactJS. We use the Material UI Autocomplete component in this demo.

Prerequisites

  • We should have the basic knowledge of React.js and Web API.
  • Visual Studio and Visual Studio Code IDE should be installed on your system.
  • SQL Server Management Studio.
  • Material UI Installed.

You may also like: An Angular Autocomplete From UI to DB

Posted on

Create Charts in an Angular 7 Application Using Chart.js

Chart.js is a powerful open source data visualization library. This helps to visualize or represent a data inside a web application using JavaScipt. It helps to plot the data into 8 different types of chart like bars, lines, pies, etc. This Chart.js graphs are highly customizable and used in web application development to build a responsive and beautiful graph.

Prerequisites

  • We should have a basic knowledge of Angular and Web API.
  • Visual Studio Code can be installed.
  • Visual Studio.
  • SQL Server Management Studio.

Project Implementation Steps

  1. Database.
  2. Web API to fetch data from the database.
  3. Angular 7 project.
You may also like: Cube.js and Chart.js Example With Dynamic Dataset.

Step 1

Open SQL Server Management Studio and create a table Tblplayer and add some demo data into this table.

Posted on

Functional Increments in Web Services

Functional Increments in Web Services

Have you seen code reviews where the code being added is not yet used anywhere in a web service? It's not yet covered with automated tests? It will likely be refactored or deleted in a subsequent pull request (aka PR)? Is a library that is not or only partially used? All of these cases represent non-functional increments to a web service.

A functional increment contains only code that is being used by the service to achieve some functionality. Such code is typically fully covered with automated tests. A functional increment should also be self-contained in a way that it doesn't rely on future changes to expose functionality.

Posted on

CRUD Operations Using ReactJS Hooks and Web API

Introduction 

In this article, we will explain how to implement Hooks in React. Hooks are a new concept that were introduced in React 16.8. Hooks are an alternative to classes. In this article, I'm going to create CRUD operations using React Hooks and Web API.

You can check my previous article in which we use class components to perform CRUD from the following link,

Posted on

Create Charts in ReactJS Using Chart.js

In this article, we will learn how to create charts in a React application using the Chart.js library. Chart.js is an open-source JavaScript library for creating charts. Chart.js makes it easier to draw different types of charts like line, bar, doughnut, and area charts. In this article, we will create a line chart, bar chart, pie chart, and polar area using React and Web API. See chart.js' docs for more information.

Prerequisites

  • Basic knowledge of ReactJS and Web API.
  • Visual Studio and Visual Studio Code can be installed.
  • SQL Server Management Studio.

This article covers:

Posted on

How to Work With a Text Editor in an Angular 8 Application

Introduction

In this article, we will learn how to add a text editor in an Angular 8 application. The text editor is a program for adding and editing text. In this demo, we will use an ng2-ckeditor editor. Learn more about Cheditor with their official docs.

 Prerequisites

  • Basic Knowledge of Angular 2 or higher.
  • Visual Studio Code.
  • SQL Server Management studio.
  • Node and NPM installed.
  • Bootstrap.

Step 1

 Create an Angular project by using the following command:

Posted on

Authorization Approach for Multiple Web API Providers

Azure Active Directory (Azure AD) is a popular enterprise identity service used by many organizations for enabling single sign-on for applications and protect their web APIs.

Version 2.0 of Microsoft Identity platform (aka Azure AD) is the latest and improved implementation of OpenId Connect (OIDC) based authentication and OAuth 2.0 authorization flows.

Posted on

Upload Files Using ASP.NET Web API and React.js

File Upload Using ASP.NET Web API and React.js

Introduction

In this tutorial, we will learn how to upload files, images or videos using ASP.NET Web API and React.js. React.js is an open-source JavaScript library used for creating user interfaces, particularly for SPA. It is also used for controlling the view layer for web and mobile applications.

Posted on

Login and Registration ASP.NET Web API Using Angular 8

In this article, we will learn the step by step process of creating login and registration pages in a Web API using Angular 8 using the following technologies: 

  • ASP.NET Web API.
  • Angular 8.
  • SQL Server.
  • Bootstrap.
You may also like: Angular 8: All You Need to Know.

Prerequisites

  • Basic knowledge of Angular and Web API.
  • Visual Studio Code and Visual Studio IDE should be installed.
  • SQL Server Management Studio.
  • Nodejs should be installed.

Step 1

Open SQL Server Management Studio, create a database named Employee, and in this database, create a table. Give that table a name like Employeemaster.

Posted on

Customizing Automatic HTTP 400 Error Response in ASP.NET Core Web APIs

Annotating the controllers with ApiController attribute in ASP .NET Core 2.1 or higher will enable the behavioral options for the API's. These behavioral options include automatic HTTP 400 responses as well.
In this post, we'll see how we can customize the default error response from the ASP .NET Core Web API.Image title

Default Error Response

If you are creating a new default ASP .NET Core web API project, then you'd see the ValuesController .cs file in the project. Otherwise, create a Controller and create an action method to a parameter to test the automatic HTTP 400 responses.