Add multi-stage builds section to docker-training#42
Merged
Conversation
7 slides covering the problem (bloated single-stage images), the two-stage Dockerfile pattern, the 838 MB → 12 MB size result, named stages and COPY --from, the --target flag for dev vs prod targets, and a lab slide with the 4 hands-on tasks. Section is inserted after docker-images in index.html. https://claude.ai/code/session_01Kpsk26gHyUxXYL46tVMdjm
Preview DeploymentThis PR has been deployed for preview:
|
Contributor
There was a problem hiding this comment.
Pull request overview
Adds a new “Multi-Stage Builds” section to the docker-training presentation, extending the Dockerfile/images material with an explanation of multi-stage build benefits and workflow.
Changes:
- Added new slide deck section
sections/multistage-builds.html(problem → solution → results → syntax patterns → lab tasks). - Updated
docker-training/index.htmlto include the new section afterdocker-images.html. - Updated
docker-training/CLAUDE.mdto reflect the new section order and renumber subsequent sections.
Reviewed changes
Copilot reviewed 3 out of 3 changed files in this pull request and generated 10 comments.
| File | Description |
|---|---|
| docker-training/sections/multistage-builds.html | Introduces the new multi-stage builds slide section with examples and a lab, using existing deck layout patterns. |
| docker-training/index.html | Inserts the new section into the presentation sequence after Docker Images. |
| docker-training/CLAUDE.md | Updates documented section order/numbering to include the new section. |
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
- Add text-base to right-column card containers so cards scale down from the slide's text-4xl base size - Tighten gap-4 → gap-2 on right columns to reduce vertical overflow - Add fragment class to Problem slide cards for consistent behaviour - Remove h3 from One Dockerfile/Multiple Targets cards to match the icon + paragraph pattern used on other slides - Remove lab slide https://claude.ai/code/session_01Kpsk26gHyUxXYL46tVMdjm
Replace verbose card descriptions with concise copy so cards fit at the default slide font size without any text-base overrides. https://claude.ai/code/session_01Kpsk26gHyUxXYL46tVMdjm
- Add aria-hidden="true" to all decorative FA icons, consistent with other sections in the presentation - Normalise 838MB → 838 MB to match the format used elsewhere https://claude.ai/code/session_01Kpsk26gHyUxXYL46tVMdjm
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Adds a new "Multi-Stage Builds" slide section to the docker-training presentation, positioned after the Docker Images section. This section teaches the benefits and implementation of multi-stage Dockerfile builds for reducing image size.
Changes
New section:
sections/multistage-builds.html— comprehensive slide deck covering:COPY --fromsyntax--targetflag for dev vs. production buildsUpdated presentation index: Modified
index.htmlto load the new section in the correct position (afterdocker-images.html)Updated documentation: Modified
CLAUDE.mdto reflect the new section in the presentation order (now section 12, with subsequent sections renumbered)Implementation Details
The section uses the established presentation patterns:
https://claude.ai/code/session_01Kpsk26gHyUxXYL46tVMdjm