Sign in

A guide for creating an editable table in Angular with functionality to add new rows using Angular Material.

Adding or editing a row in a table is a pretty common ask in websites. We have a basic table component in Angular Material but no ready-to-use component for the add/edit functionality. And that is precisely where this article comes in.

Prerequisites

  • Angular Material needs to be included in the codebase…


A guide for creating a Material themed file uploader in Angular

File uploader is one component which is missing in both the Angular Material as well as the Material docs.

In this article, we will create one sample file uploader component that has the following features —

  • Files can be selected both by clicking a button and by drag-and-drop.
  • Each file…


A guide on how to download files from API in Angular.

Frame courtesy — চালচিত্র / The Kaleidoscope (1981)

There is a specific use case when the service API request sends back a file as BLOB and we need to have the file downloaded in the user system through the browser (and not directly writing the file into…


Part four of the opinionated guide for well structured applications using Bootstrap, SCSS and Angular Material.

Prerequisites

Before starting with this part of the guide, it will be necessary to complete the part(s) that precede it —

Introduction to optimized Angular codebase setup
Part 1 — Angular Component and Routing Setup
Part 2 — Styling Framework Setup
Part 3 — Including Angular Material

Service/ API Integration

By the time we…


Part three of the opinionated guide for well structured applications using Bootstrap, SCSS and Angular Material.

Prerequisites

Before starting with this part of the guide, it will be necessary to complete the part(s) that precede it —

Introduction to optimized Angular codebase setup
Part 1 — Angular Component and Routing Setup
Part 2 — Styling Framework Setup

Including Angular Material

It is now time to include the final weapon in…


Part two of the opinionated guide for well structured applications using Bootstrap, SCSS and Angular Material.

Prerequisites

Before starting with this part of the guide, it will be necessary to complete the part(s) that precede it —

Introduction to optimized Angular codebase setup
Part 1 — Angular Component and Routing Setup

Styling Framework Setup

Before we start with the development of HTML markups and their associated styling, it will be…


Part one of the opinionated guide for well structured applications using Bootstrap, SCSS and Angular Material.

Prerequisites

Before starting with this part of the guide, it will be necessary to complete the part(s) that precede it —

Introduction to optimized Angular codebase setup

Angular Component and Routing Setup

Now that we are ready to start with the setup, we will be closely following the order in which the components are to be…


An introduction to the opinionated guide for well structured applications using Bootstrap, SCSS and Angular Material.

If characters from “Joy Baba Felunath” became parts of an Angular application

After working with Angular for several years across multiple applications, I am finally in a position to present an Angular architecture that has worked smoothly for me. …

Owrrpon

Front-end developer. Code commentator. Inventor of Modhyobitto Application Design (M.A.D.) principles.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store