/ngc-workshop-docs

ngColombia workshop training material

Getting Real-Time with Firebase and Angular

A workshop delivered by Katerina Skroumpelou at ngColombia 2018.

Description

The participants of this workshop will work hands on with Firebase in an Angular application. They will walk along a journey of developing an app with Angular and the real-time magic of Firebase, using the angularfire2 library. Firebase acts as a backend as a service and takes care of real time synchronization across apps and platforms. The participants will learn about and use the main Firebase modules needed to develop a simple social application. They will use Authentication, cloud storage and the Real-Time database. Best practices about application planning will be discussed, like structuring the data in the API and decisions that need to be made in advance. At the end of this workshop, each participant will have created and deployed a simple web application. The workshop needs prior knowledge of web development. Some basic Angular experience is preferable, but not essential. No prior knowledge of Firebase is needed. The users will need a web-development-friendly laptop (preferably a Unix-based system, or Windows with nodejs and npm installed).

Outline

  1. Chapter 01 - Description of our application
  2. Chapter 02 - Setting up working environments for Angular and Firebase development
  3. Create a new Angular app using the CLI
  4. Set up Firebase in the console and the Angular app
  5. Set up Authentication
  6. Create our data in Firestore
  7. Fetch and post data
  8. Create the rest of our components
  9. Add Styles
  10. Deploy
  11. Extras

Let's begin!

Go to first chapter - Description of our application