gaorozcoh / firebase-course

Firebase & AngularFire In Depth

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

IMPORTANT

This repository currently contains the code for two versions of the course. Are you looking for the new Firebase & AngularFire In Depth course, which is currently being recorded?

Firebase & AngularFire In Depth

Firebase & AngularFire In Depth

You can find the starting point of this new course in the 1-start branch.

Looking for the previous version of the course?

If so, the master branch of this repository contains the completed version of the Serverless Angular with Firebase & AngularFire Course.

Serverless Angular with Firebase & AngularFire Course

You can also find the starting point of this previous version of the course in the 1-firebase branch.

Installation pre-requisites

IMPORTANT: Please use Node 12 for the old version of the course, and Node 14 for the new version.

Installing the Angular CLI

With the following command the angular-cli will be installed globally in your machine:

npm install -g @angular/cli 

How To install this repository

We can install the master branch using the following commands:

git clone https://github.com/angular-university/firebase-course.git

This repository is made of several separate npm modules, that are installable separately. For example, to run the au-input module, we can do the following:

cd firebase-course
npm install

Its also possible to install the modules as usual using npm:

npm install 

NPM 5 or above has the big advantage that if you use it you will be installing the exact same dependencies than I installed in my machine, so you wont run into issues caused by semantic versioning updates.

This should take a couple of minutes. If there are issues, please post the complete error message in the Questions section of the course.

To Run the Development Backend Server

We can start the sample application backend with the following command:

npm run server

This is a small Node REST API server.

To run the Development UI Server

To run the frontend part of our code, we will use the Angular CLI:

npm start 

The application is visible at port 4200: http://localhost:4200

Important

This repository has multiple branches, have a look at the beginning of each section to see the name of the branch.

At certain points along the course, you will be asked to checkout other remote branches other than master. You can view all branches that you have available remotely using the following command:

git branch -a

The remote branches have their starting in origin, such as for example 1-introduction.

We can checkout that particular remote branch, by using the following command:

  git checkout -b 1-introduction origin/1-introduction

It's also possible to download a ZIP file for a given branch, using the branch dropdown of this page on the top left, and then selecting the Clone or Download / Download as ZIP button.

Other Courses

Angular Core Deep Dive Course

If you are looking for the Angular Core Deep Dive Course, the repo with the full code can be found here:

Angular Core Deep Dive

RxJs In Practice

If you are looking for the RxJs In Practice, the repo with the full code can be found here:

RxJs In Practice Course

NgRx In Depth

If you are looking for the NgRx In Depth, the repo with the full code can be found here:

Angular Ngrx Course

Angular Universal Course

If you are looking for the Angular Universal Course, the repo with the full code can be found here:

Angular Universal Course

Angular PWA Course

If you are looking for the Angular PWA Course, the repo with the full code can be found here:

Angular PWA Course - Build the future of the Web Today

Angular Security Masterclass

If you are looking for the Angular Security Masterclass, the repo with the full code can be found here:

Angular Security Masterclass.

Angular Security Masterclass

Angular Advanced Library Laboratory Course

If you are looking for the Angular Advanced Course, the repo with the full code can be found here:

Angular Advanced Library Laboratory Course: Build Your Own Library.

Angular Advanced Library Laboratory Course: Build Your Own Library

RxJs and Reactive Patterns Angular Architecture Course

If you are looking for the RxJs and Reactive Patterns Angular Architecture Course code, the repo with the full code can be found here:

RxJs and Reactive Patterns Angular Architecture Course

RxJs and Reactive Patterns Angular Architecture Course

Complete Typescript Course - Build A REST API

If you are looking for the Complete Typescript 2 Course - Build a REST API, the repo with the full code can be found here:

https://angular-university.io/course/typescript-2-tutorial

Github repo for this course

Complete Typescript Course

About

Firebase & AngularFire In Depth

License:MIT License


Languages

Language:TypeScript 80.4%Language:HTML 11.4%Language:JavaScript 3.1%Language:CSS 2.8%Language:SCSS 2.3%