Building Chat App Frontend UI with JWT Auth using Ionic 5/Angular 9

In the previous tutorial we have created the server side of our chat application that uses TypeScript, and Node/Nest.js. Now, in this tutorial, we are going to create the frontend mobile application using Ionic 5 and Angular 9. Building Chat App Frontend UI with JWT Auth using Ionic 5/Angular 9

How to Create Whatsapp Clone with Angular 9 - Full Project

In this video, we work from start to finish to create the clone of whatsapp web in Angular 9. It is one of the longest videos till date and is close to 3 hours almost. So sit back, relax and enjoy it till the end. I tried to explain things as much as possible but it is never enough, you know what I mean. Kindly leave your comments below and don't forget to like this video, share it with your friends and subscribe to my channel. I will be doing a live stream shortly with some other web app ( or clone ) so I hope to see you guys joining me there during the stream. How to Create Whatsapp Clone with Angular 9 - Full Project

How to Create Google Clone using Angular 9

In this live stream session, we will be going to clone the Google homepage to learn how to design web pages using Angular and query backend API. How to Create Google Clone using Angular 9

Facebook Clone using Angular 9 & Firebase

In this live stream session, we will be going to create a clone of Facebook Social Networking Site just to learn how to design web pages using Angular and use Firebase as backend to store messages. Facebook Clone using Angular 9 & Firebase

Debugging Like a Boss in Angular 9

For the first time ever, Angular has implemented a robust debugging api (sorry, ng.probe doesn’t count) that make sense and works. Come and learn tips and tricks that will improve the way you debug your Angular apps using the console in Angular 9.

How to Build an Authentication system in Angular using Firebase

In this post, I am going to take you through the steps of how we can build an authentication system in angular using Firebase and Google API. We can easily use this real-time database to and Google API to let users log in to our web-app with their google account. How to Build an Authentication system in Angular using Firebase

How to Implement File Upload in Angular

Uploading files is an integral part of most projects. However, when considering a file upload method, you should carefully assess the needs of your project. You can manually upload files using Angular components, like FormData, HttpClientModule, and reactive forms. Each of these components will serve different purposes. In this article, you will learn about popular Angular components for file upload, including a quick tutorial on how to implement file upload in Angular 9.

Angular 9 Dependency Injection Example Tutorial

Angular ships with one design pattern and its own dependency injection framework. Dependencies are services that a class needs to perform its function.

What is Angular Service | Angular 9 Service Example

Angular Service is typically a class with well-defined purpose. It should do specific and do it well. Angular distinguishes components from services.

Angular 9 Animation Example Tutorial For Beginners

Angular Animations are easy to implement and in modern apps, the animation is the essential part of the application. It provides the illusion of motion.

Angular 9 Material Example Tutorial For Beginners

Angular Material is a material library that we need to install for better UI/UX.  We will use the Angular 9 and Angular Material 9 library.

Angular 9 Directive Example For Beginners

Angular Directive is an inbuilt class with @Directive decorator. Decorators are functions that modify JavaScript classes.

Angular Sass: How To Use Sass In Angular 9 Tutorial

Sass in Angular is an extension of CSS that allows you to use things like variables, nested rules, inline imports. Angular supports Sass, CSS, and Less.

Angular Observables: How to Use Observables In Angular

Angular Observables provides us support for passing messages between publishers and subscribers in our application.

Angular 9 Routing and Sub Routing Example

If you want to navigate to different pages in your application and also want an application to be a SPA with no page reloading, then your app needs routing.

Angular Pipes Example | Angular 9 Pipes Tutorial

The pipes in Angular are a simple way to transform values in the template. The pipe takes in a value or values and then returns a value.

Angular 9 Drag and Drop Example For Beginners

To create a Drag and drop functionality, use DragDropModule in the Angular Material library. Install Angular and Angular Material library.

Angular 9 Material Icons Example For Beginners

To use Material icons in Angular, use component. The directive supports both icon fonts and SVG icons, but not bitmap-based formats.

Spring Boot - Custom Password Validator Using Passay Library

Create a simple form with a registration page. Before continuing with this tutorial, you should have a basic understanding of Java with the Spring framework.

Angular NgFor Example | NgForOf Directive in Angular 9

Angular NgFor is structural directive that renders the template for each item in the collection. An ngForOf is generally used in the shorthand form *ngFor.