JSFoo 2019

On component architecture, front-end engineering and Developer Experience (DX)

Create a Blogging App with Angular and Firebase

Submitted by Ankit Sharma (@ankitsharma007) on Jul 16, 2019

Section: Workshop Technical level: Intermediate Status: Waitlisted

Abstract

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 :

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

Slides

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

Comments

{{ gettext('Login to leave a comment') }}

{{ gettext('You need to be a participant to comment.') }}

{{ formTitle }}
{{ gettext('Post a comment...') }}
{{ gettext('New comment') }}

{{ errorMsg }}