Create a Blogging App with Angular and Firebase
We will create a blogging app, similar to Wordpress, using Angular and Google Cloud Firestore. The attendees will learn how to create a real world application using core Angular concepts. At the end of this workshop, each attendee will have their own blogging app created and hosted on Firebase.
Creating a real world application is the best way to learn any technology rather than just reading blogs or watching tutorial videos. Therefore, i have prepared this session in such a way that the attendees can learn right from creating a blank Angular app to making a full fledged real world application. We will cover all the major features of Angular and the attendees will learn how to create a real world application using Angular concepts. We will create the whole application during the workshop and i will explain each component in detail.
We will explore following Angular concepts in this workshop:
- Using Cloud Firestore with an Angular application
- Angular material and Bootstrap
- Template-driven forms
- Google authentication using Firebase
- Implementing auth-guards in Angular
- Creating custom pipes
- Hosting an Angular app on Firebase
This sample application is hosted at https://blogsite-30c69.firebaseapp.com/
- A gmail account to login into Firebase
- Set up Angular development environment by installing following free software in your machine :
Ankit Sharma is a Senior Software Engineer currently working with IVY Comptech in Hyderabad, India. He has over 5 years of extensive experience in Microsoft technologies including C#, ASP.NET, SQL Server and UI technologies such as JQuery and Angular.
Ankit is a technical author and speaker and loves to contribute to technical community. He writes articles for multiple platforms, which includes c-sharpcorner, Dzone, Medium and TechNet Wiki. For his dedicated contribution to the developer’s community, he has been recognized as c-sharpcorner MVP, Dzone MVB and Top contributor in Technology at Medium. He is also the author of first ever book on Blazor - Blazor Quick Start Guide.
- Application demo: https://blogsite-30c69.firebaseapp.com/
- Angular Connect: https://www.angularconnect.com/talks#ankit-sharma
- Speaking: https://ankitsharmablogs.com/ankit-sharma-speaking-events/
- Personal blog : https://ankitsharmablogs.com/
- LinkedIn : https://www.linkedin.com/in/ankitsharma-007/
- Twitter : @ankitsharma_007
- C# Corner profile : https://www.c-sharpcorner.com/members/ankit-sharma93
- Medium : https://medium.com/@ankitsharmablog
- Dzone: https://dzone.com/users/3146393/ankitsharma007.html