JSFoo 2019

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

Tickets

Create a Blogging App with Angular and Firebase

Submitted by Ankit Sharma (@ankitsharma007) on Tuesday, 16 July 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

  •   Zainab Bawa (@zainabbawa) Reviewer 6 months ago

    Hello Ankit,

    Thank you for submitting the workshop proposal. We need the following information regarding this workshop:

    1. What is the duration of this workshop? 3 hours or 6 hours?
    2. What is the prior background knowledge that participants need in order to attend this workshop?
    3. What is the maximum number of participants who can attend this workshop?

    These responses will help us structure and work with you to host the workshop on 29 September. Look forward to your responses.

    •   Ankit Sharma (@ankitsharma007) Proposer 6 months ago

      Hi Zainab,
      I have added the answers below.
      1. What is the duration of this workshop? 3 hours or 6 hours?
      - This workshop will be of 3 hours.
      2. What is the prior background knowledge that participants need in order to attend this workshop?
      - I expect a very basic understanding of Angular Framework. This workshop will not tell you What is Angular. It will explain how to create a real world application using Angular concepts.
      3. What is the maximum number of participants who can attend this workshop?
      - This is difficult to answer from my end. This workshop will be a complete hands on session. I will create the whole application from scratch. So, I expect the attendees will also code along with me. May be you can use this info to decide on number of attendees.

      If you want further discussion mail me at ankit007.sharma@hotmail.com. I am also comfortable to have a skype call to quickly discuss the things.

  •   Rabindra Kumar Mahato 5 months ago

    Can I know the exact date and venue for this workshop please, I am interested to attend this.

  •   infocampus logics (@babysamaira) a month ago

    I want to to thank you for this good read!! I definitely enjoyed every little bit of it. I’ve got you book-marked to look at new stuff you post…

    http://infocampus.co.in/angularjs-training-in-bangalore.html
    http://infocampus.co.in/angulartwo-training-in-bangalore.html

Login with Twitter or Google to leave a comment