• This repository has been archived on 14/Oct/2019
  • Stars
    star
    123
  • Rank 290,145 (Top 6 %)
  • Language
    TypeScript
  • License
    MIT License
  • Created about 8 years ago
  • Updated about 5 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

The code for the Angular and Firebase - Build a Web App Course

Important

This course is now archived and has been replaced with the Serverless Angular with Firebase & AngularFire Course.

Repository contents

This repository contains the full application of the course Angular and Firebase - Build a Web Application, so this contains the complete application like it will look like at the end of the course.

This course repository is updated to Angular 6, there is a Yarn lock file available.

Angular and Firebase - Build a Web Application

Angular firebase course

Looking for the course starting repo?

If you are looking for a clean starting point for coding along as you follow the course, please check this repository instead.

Which Course are You Looking For?

Below is a list of the Angular University courses:

Angular University Lessons Code

Contains the code for all the Angular University courses.

Angular for Beginners course

If you are looking for the Complete Angular With Typescript Course, the repo can be found here:

Complete Typescript 2 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:

Complete Typescript 2 Course - Build A REST API

Complete Typescript Course

Angular Ngrx Reactive Extensions Architecture Course

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

Angular Ngrx Reactive Extensions Architecture Course

Angular Ngrx Course

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

Installation pre-requisites

For running this project we need and npm installed on our machine. These are some tutorials to install node in different operating systems:

Its important to install the latest version of Node

Installing the Angular CLI

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

npm install -g @angular/cli

Installing the code

The code can be installed with the following command (needs to be run in the folder where package.json is):

npm install 

If you prefer the Yarn package manager, instead of npm install you can also run:

yarn

Although npm install would also work, its recommended to use Yarn to install the course dependencies. Yarn 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.

Running the code

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

More Repositories

1

angular-material-course

Angular Material In Depth
TypeScript
483
star
2

rxjs-course

RxJs In Practice Course - https://angular-university.io/course/rxjs-course
TypeScript
370
star
3

ngrx-course

NgRx (with NgRx Data) -The Complete Guide
TypeScript
366
star
4

angular-course

Angular Core Deep Dive (Video Course) - https://angular-university.io/course/angular-course
TypeScript
323
star
5

reactive-angular-course

How to build Angular applications in Reactive style using plain RxJs - Patterns and Lightweight state management
TypeScript
297
star
6

angular-testing-course

Angular Testing Course - A complete guide to Angular Unit Testing and E2E Testing
TypeScript
279
star
7

angular-pwa-course

Angular PWA Course - Build Progressive Web Applications
TypeScript
180
star
8

courses

Contains the Angular For Beginners Course, Angular Forms, Router and RxJs Jumpstart Courses
TypeScript
177
star
9

firebase-course

Firebase & AngularFire In Depth
TypeScript
161
star
10

angular-ssr-course

Angular SSR In Depth (formerly Angular Universal) - Use Angular on the server too! Learn Angular Server-Side Rendering
TypeScript
153
star
11

ngrx-course-v4

Contains the NgRx Store and Reactive Extensions Course
TypeScript
151
star
12

ngrx-course-v7

Angular Ngrx Course - includes Store, Effects, Entity, Router Store, Schematics
TypeScript
142
star
13

reactive-patterns-course

Contains the code for the RxJs & Reactive Patterns Angular Architecture Course
TypeScript
119
star
14

typescript-course

Contains the code for the Complete Typescript Course - Build a Node REST API
TypeScript
108
star
15

angular-forms-course

Angular Forms In Depth (Video Course)
TypeScript
101
star
16

angular-security-course

Angular Security Course
TypeScript
100
star
17

nestjs-course

NestJs In Practice Course (with MongoDB)
TypeScript
100
star
18

angular-advanced-course

Angular Advanced Library Laboratory Course - Build Your Own Library
TypeScript
90
star
19

angular-router-course

Angular Router In Depth (Video Course)
TypeScript
58
star
20

angular-for-beginners-starter

A beginner friendly playground for Getting Started with Angular, by the Angular University
JavaScript
55
star
21

stripe-course

Stripe Payments In Practice - Build your own online ecommerce store and subscription membership website
TypeScript
43
star
22

au-input

Angular Icon Input Box Components - Font Awesome and Material Design Input Boxes
JavaScript
37
star
23

ng-template-example

TypeScript
35
star
24

angular-firebase-app-starter

The starting point of the Angular and Firebase - Build a Web Application Course
TypeScript
33
star
25

angular-ebook

Contains the code for the Step-by-Step Angular Guide Ebook
TypeScript
29
star
26

angular-http-guide

Sample Application for the Blog post Angular HTTP Client Quickstart Guide
TypeScript
25
star
27

angular-signals-course

Modern Angular With Signals Course
TypeScript
22
star
28

typescript-bootcamp

Typescript: The Ultimate Bootcamp
TypeScript
20
star
29

angular-viewchild-examples

Complete set of examples for the Angular @ViewChild decorator
TypeScript
18
star
30

angular-router-menu-system

An example of how to build a menu navigation system using the Angular 2 Router
TypeScript
12
star
31

angular-component-styling

Sample application for the Complete Angular Styling Guide
TypeScript
8
star
32

service-workers-guide

Sample application for the blog post Service Workers: The Complete Guide
HTML
6
star
33

email-courses

Code for the Angular University Email Courses
TypeScript
1
star