[Intro Music]
In this practical chapter, you'll
learn how to Dockerize applications
that consists of several microservices,
you'll learn how to
create Dockerfiles, and how to run
different services using 'docker-
compose'. And in order to get
started, you have to get the
initial version of the project that
is located in the 'docker'
repository. It is primary repository
for this Docker course. And there
is folder called 'images-gallery',
here it this. So please clone
'docker' repository from my GitHub
account. And if you have already
cloned it, you have to pull
updates in order to get this
images-gallery folder to your
computers. I don't have such
'docker' folder on this computer,
that's why let me go ahead and
clone entire repository. Go to 'Code',
and click on this icon in order to
copy remote repository URL in
HTTPS format. Let me copy it. And
now let me clone the remote
repository to local computer using
'git clone' command. And I'll do that
in the terminal. I'll use iTerm2
application on Mac, on Windows you
could use PowerShell. Here, I
already changed directory to
Desktop. You could clone remote
repository to any location on your
computer as you wish. I'll clone it
to the Desktop. And here I'll enter
'git clone', and paste copied URL,
'https://github.com/bstashchuk', it's my GitHub
username; and 'docker' is name
of the remote repository. Let's go
ahead and clone it. Cloning into
Docker. And now if I list files and
folders in the 'docker' folder, I'll
see two sub-folders - containers,
images-gallery, and readme.md. images-
gallery folder is that folder that
we are interested in in this
chapter. And now we have to open
exactly this folder in the Visual
Studio Code. You could do that in
following ways - either 'cd' to
'docker/images-gallery', and here
and enter 'code.' in order to open
current folder, images-gallery in
the Visual Studio Code. If this
command doesn't work on your
computer, in a moment, I'll
demonstrate to you how to open
specific folder directly from VS
Code. I'll do that using 'code' command.
Let me go ahead.
[no audio]
And here I see that images-gallery folder was
successfully opened in the Visual
Studio Code. If such command didn't
work for you, you could always go
to File, Open, and navigate to
location of the images-gallery
folder, select it like that, and then
click Open. Alright, now here in
this images-gallery folder, there
are two sub-folders, basically three
sub-folders. One has settings.json
file for Visual Studio Code,
but the primary folders are 'api' and
'frontend'. And those two folders
represent two different microservices.
Frontend application is
React JavaScript application. And
if you go to package.json file,
you will find here such
dependency as 'react'. And API
application is written using Python,
and primary package that is
utilized here is Python Flask. And
if you go to 'Pipfile' here, you'll
find such package here on the list.
With help of Python 'flask', you
could very easily create backend
API service for your frontend
applications. That's quick overview
of those two microservices and
next after a small pause let me
explain to you how those microservices
actually communicate with
each other, and what such images-
gallery application actually does.
See you just in a moment.
[no audio]