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
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
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
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
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.
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
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 ships with one design pattern and its own dependency injection framework. Dependencies are services that a class needs to perform its function.
Angular Service is typically a class with well-defined purpose. It should do specific and do it well. Angular distinguishes components from services.
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 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.
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 provides us support for passing messages between publishers and subscribers in our application.
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.
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.
To create a Drag and drop functionality, use DragDropModule in the Angular Material library. Install Angular and Angular Material library.
To use Material icons in Angular, use component. The directive supports both icon fonts and SVG icons, but not bitmap-based formats.
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 is structural directive that renders the template for each item in the collection. An ngForOf is generally used in the shorthand form *ngFor.