Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
77 changes: 60 additions & 17 deletions slides/Slides.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,24 @@ marp: true
theme: custom-default
footer: '@Chris_L_Ayers - https://chris-ayers.com'
---

<!--
_footer: 'https://github.com/codebytes/dev-containers'
_footercolor: white
_color: white
-->

![bg](img/Slide1.PNG)

<div style="padding-left:400px; font-size:40px">

# Working with Dev Containers
### Chris Ayers, Microsoft

</div>

---

<!-- _footer: 'https://github.com/codebytes/dev-containers' -->

![bg right](img/containers.jpg)
Expand All @@ -24,6 +42,8 @@ footer: '@Chris_L_Ayers - https://chris-ayers.com'

---

![bg](img/Slide3.PNG)

# Agenda

- Prerequisites
Expand All @@ -34,6 +54,8 @@ footer: '@Chris_L_Ayers - https://chris-ayers.com'

---

![bg](img/Slide3.PNG)

# Prerequisites

- VS Code
Expand All @@ -46,10 +68,14 @@ footer: '@Chris_L_Ayers - https://chris-ayers.com'

---

![bg](img/Slide3.PNG)

# What are Dev Containers?

---

![bg](img/Slide3.PNG)

# Dev Containers are:

- Environments that run in a container
Expand All @@ -58,17 +84,7 @@ footer: '@Chris_L_Ayers - https://chris-ayers.com'

---

# Inner and Outer Loops

![fit](img/inner-loop.png)

---

# How Dev Containers Work

![Dev Containers](img/architecture-containers.png)

---
![bg](img/Slide3.PNG)

<div class="columns">
<div>
Expand All @@ -89,6 +105,18 @@ footer: '@Chris_L_Ayers - https://chris-ayers.com'

---

# Inner and Outer Loops

![fit](img/inner-loop.png)

---

# How Dev Containers Work

![Dev Containers](img/architecture-containers.png)

---

# How do you build a Dev Container?

From the Command Pallet
Expand All @@ -103,19 +131,18 @@ From the Command Pallet

---

# How Do I Configure it?

![files](img/config-file.png)

---

# Templates
Full List: [https://containers.dev/templates](https://containers.dev/templates)

- Base (Alpine, Debian, Ubuntu)
- Language Based (C#, C++, Java, Go, Node, Python, Rust, Ruby, PHP)
- Tool Focused (Markdown, Kubernetes, Docker, Jekyll)

---

# How Do I Configure it?

![files](img/config-file.png)

---

Expand All @@ -128,6 +155,8 @@ Full list here: [https://containers.dev/features](https://containers.dev/feature

---

![bg](img/Slide3.PNG)

# Customizations

- Extensions
Expand All @@ -137,6 +166,17 @@ Full list here: [https://containers.dev/features](https://containers.dev/feature

---

![bg](img/Slide3.PNG)

# GitHub Codespaces

- Don't need to worry about Docker Desktop
- VSCode, IntelliJ, Browser
- 2 core machines up to 32 core machines
- Default universal DevContainers

---

# DEMO TIME
![bg right 70%](img/connected-to-dev-container.png)

Expand All @@ -147,6 +187,9 @@ Full list here: [https://containers.dev/features](https://containers.dev/feature

---


![bg](img/Slide3.PNG)

# Resources

<div class="columns">
Expand Down
Binary file added slides/img/Slide1.PNG
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added slides/img/Slide2.PNG
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added slides/img/Slide3.PNG
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added slides/img/Slide4.PNG
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added slides/img/Slide5.PNG
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added slides/img/Slide6.PNG
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.