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.

Outline

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:

1. Using Cloud Firestore with an Angular application
2. Angular material and Bootstrap
3. Template-driven forms
4. Google authentication using Firebase
5. Implementing auth-guards in Angular
6. Creating custom pipes
7. Hosting an Angular app on Firebase

This sample application is hosted at https://blogsite-30c69.firebaseapp.com/

Requirements

• A gmail account to login into Firebase
• Set up Angular development environment by installing following free software in your machine :
  • node.js (LTS Version)
  • Visual Studio Code
  • Angular CLI

Speaker bio

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.

Links

• 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

Slides

https://github.com/AnkitSharma-007/blogging-app-with-Angular-CloudFirestore