1
00:00:03,980 --> 00:00:07,100
In this practical chapter, you'll learn how to dockerize.

2
00:00:07,130 --> 00:00:11,060
Application that consists of several microservices.

3
00:00:11,090 --> 00:00:17,520
You'll learn how to create Docker files and how to run different services using Docker compose.

4
00:00:17,540 --> 00:00:23,840
And in order to get started, you have to get initial version of the project that is located in the

5
00:00:23,870 --> 00:00:25,080
Docker repository.

6
00:00:25,100 --> 00:00:31,070
It is primary repository for this Docker course and there is a folder called Images Gallery.

7
00:00:31,100 --> 00:00:32,150
Here it is.

8
00:00:32,240 --> 00:00:40,220
So please clone Docker repository from my GitHub account and if you have already cloned it, you have

9
00:00:40,220 --> 00:00:46,190
to pull updates in order to get this images gallery folder to your computers.

10
00:00:46,370 --> 00:00:50,420
I don't have such docker folder on this computer, that's why.

11
00:00:50,450 --> 00:00:53,690
Let me go ahead and clone the entire repository.

12
00:00:53,720 --> 00:01:00,800
Go to code and click on this icon in order to copy remote repository URL in https format.

13
00:01:00,830 --> 00:01:02,090
Let me copy it.

14
00:01:02,090 --> 00:01:08,640
And now let me clone remote repository to local computer using Git clone command and I'll do that in

15
00:01:08,640 --> 00:01:09,450
the terminal.

16
00:01:09,480 --> 00:01:12,270
I'll use Iterm2 application on Mac.

17
00:01:12,300 --> 00:01:14,700
On windows you could use PowerShell.

18
00:01:14,730 --> 00:01:15,330
Here.

19
00:01:15,330 --> 00:01:17,420
I already changed directory to desktop.

20
00:01:17,430 --> 00:01:21,300
You could clone remote repository to any location on your computer.

21
00:01:21,300 --> 00:01:22,350
As you wish.

22
00:01:22,380 --> 00:01:28,260
I'll clone it to the desktop and here I'll enter git clone and paste copied URL.

23
00:01:28,700 --> 00:01:34,720
GitHub.com is my GitHub username and docker its name of the remote repository.

24
00:01:34,740 --> 00:01:36,630
Let's go ahead and clone it.

25
00:01:36,780 --> 00:01:38,460
Clone it into Docker.

26
00:01:38,730 --> 00:01:46,050
And now if I list files and folders in the Docker folder, I'll see two subfolders containers, images,

27
00:01:46,050 --> 00:01:47,850
gallery and readme.md.

28
00:01:48,330 --> 00:01:53,790
Images Gallery folder is that folder that we are interested in in this chapter.

29
00:01:53,790 --> 00:01:59,280
And now we have to open exactly this folder in the Visual Studio code.

30
00:01:59,400 --> 00:02:08,160
You could do that in following ways either CD two Docker images gallery and here enter code dot in order

31
00:02:08,160 --> 00:02:12,720
to open current folder images gallery in the Visual Studio code.

32
00:02:12,750 --> 00:02:17,460
If this command doesn't work on your computer, in a moment I'll demonstrate to you how to open specific

33
00:02:17,460 --> 00:02:19,470
folder directly from VS code.

34
00:02:19,500 --> 00:02:21,510
I'll do that using code command.

35
00:02:21,540 --> 00:02:22,830
Let me go ahead.

36
00:02:24,230 --> 00:02:30,080
And here I see that the images gallery folder was successfully opened in the Visual Studio code.

37
00:02:30,110 --> 00:02:37,700
If such command didn't work for you, you could always go to file, open and navigate to location of

38
00:02:37,700 --> 00:02:42,800
the images gallery folder, select it like that, and then click open.

39
00:02:43,190 --> 00:02:49,550
All right, now here in this images gallery folder, there are two sub folders, basically three sub

40
00:02:49,550 --> 00:02:50,180
folders.

41
00:02:50,180 --> 00:02:57,740
One has Settings.json file for Visual Studio code, but the primary folders are API and front end,

42
00:02:57,740 --> 00:03:02,720
and those two folders represent two different micro services.

43
00:03:02,750 --> 00:03:09,830
Front end application is React JavaScript application, and if you go to Package.json file you will

44
00:03:09,830 --> 00:03:18,920
find here are such dependency as react and API application is written using Python and primary package

45
00:03:18,920 --> 00:03:19,760
that is utilized.

46
00:03:19,760 --> 00:03:27,960
Here is Python flask and if you go to file here you will find such package here on the list with help

47
00:03:27,960 --> 00:03:34,650
of Python flask, you could very easily create back end service for your front end applications.

48
00:03:34,830 --> 00:03:38,520
That's a quick overview of those two microservices.

49
00:03:38,520 --> 00:03:44,430
And next, after the small pause, let me explain to you how those microservices actually communicate

50
00:03:44,430 --> 00:03:48,540
with each other and what such images gallery application actually does.

51
00:03:48,570 --> 00:03:50,220
See you just in a moment.