1
00:00:02,020 --> 00:00:09,550
In this lecture, we're going to install the Firebase SDK, the Firebase SDK is a library for connecting

2
00:00:09,550 --> 00:00:15,820
our application with Firebase Products SDK being short for software development kit.

3
00:00:16,120 --> 00:00:17,680
It'll make our lives easier.

4
00:00:17,950 --> 00:00:24,100
In the resource section of this lecture, I provide a link to the installation page for the SDK.

5
00:00:24,400 --> 00:00:28,030
This page goes into detail on how to install Firebase.

6
00:00:28,300 --> 00:00:31,810
There are two primary options for installing Firebase.

7
00:00:32,049 --> 00:00:34,900
We can install it with a CD and or package.

8
00:00:35,230 --> 00:00:38,560
The Firebase SDK is framework agnostic.

9
00:00:38,890 --> 00:00:42,160
It can be integrated with various JavaScript frameworks.

10
00:00:42,430 --> 00:00:46,240
That's great if we ever need to switch to a different framework.

11
00:00:46,330 --> 00:00:50,050
We can reuse the code written with the Firebase SDK.

12
00:00:50,620 --> 00:00:55,720
On the other hand, it's our responsibility to integrate Firebase into our app.

13
00:00:56,080 --> 00:01:01,090
We would need services to help us expose Firebase functions throughout our app.

14
00:01:01,420 --> 00:01:04,510
Luckily, we don't have to for our project.

15
00:01:04,599 --> 00:01:08,140
We're going to install a specialized package for Angular.

16
00:01:08,410 --> 00:01:14,200
In the resource section of this lecture, I provide a link to a package called Angular Fire.

17
00:01:16,810 --> 00:01:20,380
Angular fire is an official package by the angular team.

18
00:01:20,680 --> 00:01:27,160
It conforms to angular conventions by exporting services for interacting with fire based products.

19
00:01:27,430 --> 00:01:29,410
It works very well with Angular.

20
00:01:29,740 --> 00:01:32,470
We will be using this package in our project.

21
00:01:32,740 --> 00:01:34,990
Open the command line in your editor.

22
00:01:36,190 --> 00:01:42,730
Inside the command line, right, the following command now add angular slash fire.

23
00:01:45,290 --> 00:01:49,880
I'm introducing a new command called Kng AD. Let's talk about it.

24
00:01:51,440 --> 00:01:55,220
We can install package is with the npm install command.

25
00:01:55,460 --> 00:01:58,370
It's the primary method of installing a package.

26
00:01:58,610 --> 00:02:03,650
One of the downsides of installing a package is configuring it with our project.

27
00:02:03,980 --> 00:02:06,290
It would be nice if we could get some help.

28
00:02:06,830 --> 00:02:13,100
The angular Seelye comes with a command for helping us install package is called Nji Add.

29
00:02:13,610 --> 00:02:16,460
It's similar to the npm install command.

30
00:02:16,850 --> 00:02:22,100
The main difference between the two commands is how they handle package installations.

31
00:02:22,490 --> 00:02:27,320
NPM will install a package update, the package file, and that's it.

32
00:02:27,920 --> 00:02:34,910
The angular Seelye will search for installation instructions inside the package if it finds instructions.

33
00:02:35,090 --> 00:02:36,290
They'll be executed.

34
00:02:36,710 --> 00:02:43,910
Packages can configure our project, create files and help us integrate a package into a project.

35
00:02:44,270 --> 00:02:47,720
Not every package can be installed through this command.

36
00:02:47,930 --> 00:02:50,210
It varies from package to package.

37
00:02:50,480 --> 00:02:57,380
Typically, the documentation will inform you if a package can be installed with the Kng Add command.

38
00:02:58,680 --> 00:03:05,430
I always recommend installing a package with the engine and command whenever possible mistakes can happen

39
00:03:05,430 --> 00:03:08,130
during installation to minimize errors.

40
00:03:08,250 --> 00:03:12,510
It's much safer to let a package handle the installation for us.

41
00:03:12,780 --> 00:03:14,220
Let's run the command.

42
00:03:17,530 --> 00:03:22,930
After a few moments, we will be asked if we're sure about installing this package.

43
00:03:23,170 --> 00:03:24,610
We will select Yes.

44
00:03:27,160 --> 00:03:30,250
Some packages may ask additional questions.

45
00:03:30,940 --> 00:03:36,250
The U.S. ally is asking us to select features that should be configured with our project.

46
00:03:36,550 --> 00:03:40,330
We're going to UN select all options for this project.

47
00:03:40,390 --> 00:03:47,470
We're going to slowly introduce each feature as we need them after selecting all options, continue

48
00:03:47,470 --> 00:03:48,730
with the installation.

49
00:03:50,260 --> 00:03:53,380
Firebase has been installed in the next lecture.

50
00:03:53,470 --> 00:03:57,370
We are going to begin importing Firebase into our project.