Containers have become increasingly popular in cloud computing because they make it easier to distribute and spin up an application, regardless of its stage in the production lifecycle. This means you do not need to worry about using a virtual machine. Docker is one of the most widely used container solutions.

1. How to Dockerize Angular, Vue
and React Web Apps
#DockerDevBSF
WEBINAR

2. Panelists
Orlando Castillo
Technical Consultant
Charles Green
Director of Thought Leadership
#DockerDevBSF

3. How can you simplify multiple stages?
Server
Microservice
Microservic
e
How do you deploy using cli at its highest?
#DockerDevBSF

4. Has Docker got you covered?
#DockerDevBSF

5. Uglifying
AOT compiler
Tree shaking
The beauty of ng build
#DockerDevBSF

6. #DockerDevBSF

7. Isolated running process
Unlink virtual machines, share the operating system
on which they are running
Simplify building, shipping apps
Runs natively on Linux or Windows Server
Runs on Windows or Mac Development machines
(Docker CE)
What is a Docker
container?
#DockerDevBSF

8. #DockerDevBSF

9. Docker Image
Example: nginx Alpine with
Angular application code
Docker Container
Created by using an image. Runs your
application in a container.
The Role of Images and Containers
docker run
#DockerDevBSF

10. A read-only template composed of layered
filesystems used to share common files and create
Docker container instances.
Image
#DockerDevBSF

11. An isolated and secured shipping container created
from an image that can be run, started, stopped,
moved and deleted.
Container
#DockerDevBSF

12. Demo Time
Deploying Angular
#DockerDevBSF

13. Docker Image
Dockerfile
What do we need?
Artifacts
Dockerfile
Docker Image
Docker Container
http://orlando1409.myawesomesite.com/

14. The Linux kernel on steroids
Docker Layers
#DockerDevBSF

15. Using Docker Multistage-Stage Builds
With that, you can have a
Node.js base image that
installs, builds and compiles
everything, and then, “discard”
all those Node.js specific
Docker image layers, and end
up with a Nginx image with
just your compiled code.

16. Docker Image
docker build
Dockerfile
Dockerfile and Images

17. LABEL author="Orlando
Castillo"COPY ./dist
/usr/share/nginx/html
ENTRYPOINT ["nginx", "-g", "daemon off;"]
FROM nginx:alpine
EXPOSE 80 443
Dockerfile Example
#DockerDevBSF

18. docker build -t orlando1409/to-do-app .
Short for --tag
Tag name
Build context
Building a Custom Image
Repository Image name
#DockerDevBSF

19. docker run -p 8080:80 orlando1409/to-do-app
External/Internal
Port
Image Name
Running a Custom Container
#DockerDevBSF

20. Thank you!
#DockerDevBSF

21. Bonus material
#DockerDevBSF

22. Q&A
#DockerDevBSF