These slides help the reader understand how docker works and what benefits this brings to people how are either working in the devops field or making a transition here. We look at here how to containerize angular app using docker and how monolithic approach differ from micro services and see the pros and cons of it.

1. Saim Safdar
Ambassador @Layer5 |
Technical Leader
@imsaimsafder1
4

3. @mesher
yio
https://mesh
ery.io
http://slack.lay
er5.io/
https://github.com/l
CNCF
LANDSCAPE
https://bit.ly/30
w5Os3

4. Get the content here
https://github.com/Saim-Safdar/Dockerizing-Angular

5. What’s the Plan here
What is DevOps?
DevOps Journey
Bad Old Days
VM vs Container
Monolithic vs Microservices
in Action
Intro to
Summary

6. What is DEVOPS ?
“ DevOps is the union of people, process and
products to enable continuous delivery of
value to our end users.”
@DonovanBrown
http://bit.ly/WhatIs-DevOps

7. DEVOPS Journey

8. Let’s Start! from where?

9. I Docker

10. Web
CartStock
Search Auth
Check out
Monolith/Legacy App
(Single binary)

11. Web
CartStock
Search Auth
Check out
Monolith/Legacy App
(Single binary)

12. Web
CartStock
Search Auth
Check out
Monolith/Legacy App
(Single binary)

13. Web
CartStock
Search Auth
Check
out
Monolith/Legacy App
(Single binary)
Roll out
search fix

14. Web
CartStock
Search Auth
Check out
Monolith/Legacy App
(Single binary)
Roll out
search fix

15. Moving to Microservices

16. Web
Cart
AuthSearch
Stock
Check out

17. Web
Cart
AuthSearch
Stock
Check out

18. Web
Cart
Auth
On-prem / cloud
Search
Stock
Check out

19. WebWebWebWeb
Web
Cart
Auth
On-prem / cloud
Search
Stock
Check out

20. APP MEANS BUSINESS
WE NOW KNOWS NO APP NO BUSINESS

21. Bad Old Days

22. Bad Old Days

23. OS
Waste!
OS OS OS
Bad Old Days

24. Good Days
Host Operating System
Hypervisor
Guest OS Guest OS
Bins/Libs Bins/Libs
App 1 App 2
Virtual Machines
App 1 App 2
Bins/Libs Bins/Libs
Docker Engine
Host Operating System
Docker Containers

25. Virtual Machines Containers
Objects drawn in these diagrams are not drawn at scale

26. App
Server
VM VM VM VM
OS OS OS OS
Hypervisor
Hypervisor Architecture
Server
Operating System
App
App
App
App
Container Architecture
0%
100% 100%
0%
Free space
(to be used)
AppAppAppApp

27. Intro to

28. The Challenge
How easy is it to make all of these services work in
development exactly like staging/production?
Server
Server
Server

29. Accelerate
Developer
Onboarding
Docker Benefits
(for Web Developers)
Eliminate App
Conflicts
Environment
Consistency
Ship Software
Faster
Dev Prod

30. Accelerate Developer Onboarding

31. Eliminate App Conflicts
V1
App1 App2 App3 App1 App2 App3
V2

32. Environment Consistency
Developme
nt
Staging Production

33. Ship Software Faster
Dev Prod

34. What is Docker?

35. The Role of Images and Containers
Docker Image Docker Container

36. A read-only template composed of layered file
systems used to share common files and
created docker container instances
Image

37. Container
An Isolated and secured shipping container
created from an image that can be run, started,
stopped, moved and deleted.

38. Where Does Docker Run?

39. WSL2
https://www.docker.com/blog/how-we-test-docker-desktop-with-wsl-2/

40. in Action

41. Software Requirements
VS CODE
https://code.visualstudio.com
(any editor can be used)
Docker Community Edition
https://hub.docker.com/

42. Shipping Code to a Destination

43. Option 1: Ship Source Code

44. Option 2: Ship a Docker Image

45. What Goes in a Container?
Code
(Specific Version)
Environment
Variable
Configuration
Security
Everything
needed
Server
(Specific Version)

46. Key Docker
Commands

47. -
-
-
-

48. Now

49. NEXT

50. PLAN

51. PLAN

52. PLAN

53. Hopefully looks

54. NEXT
Docker
Deep Dive
Running
Container
in Azure
Running Container in
AWS
Multi Stage Docker
file

55. Special Thanks ASAD