It's an introduction to using codespaces to develop web applications without any local setup. At the end, there is a link to a video explaining the slides and doing the practices mentioned in the slides.

1. Intro to Codespaces
Code anywhere with no local setup!!
Dina Esmaeili

2. Our journey here
A quick demo of what we get
Virtual Machine, Container, Basic Docker info, and dev container
What is codespaces & practices including creating a rails/mariadb
application on it

3. A quick demo of what
we get

4. VM vs Container

5. What is a VM
An emulation of a computer system that runs on another computer or host system
Hardware (CPU, RAM, Network adapter ….)
Regular OS (Linux, Windows, macOS …)
OR
Lightweight OS (Hypervisor)
Windows
VM
Ubuntu
VM
FreeBSD
VM

6. What is a container
A container is a standard unit of software that packages up code and all its dependencies
Computer (CPU, RAM, Network adapter ….)
Host Operating System (Debian)
OS Kernel
Host Operating
System’s
Application Layer
With Node 13
Container 1
Ubuntu
Application Layer
With Node 14
Container 2
Alpine
Application Layer
With Node 19

7. Container Image VS Container
Image
A Blueprint of the container
Examples:
1. ubuntu:20.04
2. alpine:3.14
3. node:19-alpine3.16
4. ruby:3.2.0-bullseye
Container
An instance from the image
Examples:
An instance of Ubuntu 20.04 that we can run
bash commands on it

8. How to create and manage container

9. Where to find docker images

10. Some Docker Commands
docker pull mariadb # pull mariadb image
# Run/Create a container
docker run --name mymariadb -e MYSQL_ROOT_PASSWORD=mariadb -v /mariadb/data:/var/lib/mysql -p 3306:3306 -d mariadb
docker exec -it <container_name> bash # interact with the container
docker images # list all images
docker ps -a # list all containers

11. Create your own docker image
I asked ChatGPT to create this

12. Where to ask
questions?

13. Docker Compose

14. To run one container
Create a file called “docker-compose.yml”
Then run this in terminal “docker-compose up -d”
Change it, as the `secret`
word might be black listed

15. To run multiple containers

16. Dev Container

17. Container 1
Ubuntu + Ruby + Node
Container 2
RDBMS (Mysql)
Container 3
Redis
Connected to remotely to

18. source: https://code.visualstudio.com/docs/devcontainers/containers

19. What is a codespace

20. Dev Container
Ubuntu + Ruby + Node
Container 2
RDBMS (Mysql)
Connected to remotely to
Remote Virtual Machine

21. Codespaces’default
dev container

22. Docker in Docker

23. Container
Host
Docker Daemon Docker Cli
Docker Cli
If you run a docker command here,
it’s executed on the host,
port forwarding and everything,
will be set in the host

24. Practice 1
Docker compose on codespcases

25. Running mysql and phpmyadmin using docker
https://github.com/the-dina/docker-demo

26. Practice 2
Creating a Rails/Mariadb from scratch

27. Creating a Rails/Mariadb from scratch
https://github.com/the-dina/rails-mysql-codespaces

28. Alternatives

29. Some alternative solutions
1. https://www.gitpod.io/pricing
2. https://www.jetbrains.com/space/
3. https://docs.docker.com/desktop/dev-environments/
4. https://codesandbox.io/docs/tutorial/getting-started-with-docker

30. Thanks to

31. Olivier Brisse
Head of infrastructure at Rangeme
Richard Campbell
https://www.youtube.com/watch?v=twMM9NQXRaI
ChatGPT
The one that eventually will make unemployed

32. Some youtube playlists for more
1. Introduction To Codespaces
https://www.youtube.com/watch?v=ozuDPmcC1io&list=PLmsFUfdnGr3wTl-NCblzcrEv2lFSX975-
2. Beginner's Series to: Dev Containers
https://www.youtube.com/watch?v=61M2takIKl8&list=PLj6YeMhvp2S5G_X6ZyMc8gfXPMFPg3O3
1
3. Docker
https://www.youtube.com/watch?v=31ieHmcTUOk&list=PL4cUxeGkcC9hxjeEtdHFNYMtCpjNBm
3h7

33. Recorded video
https://www.youtube.com/watch?v=G_hKdCcwH_Q

34. Goodbye
Take care!