Build and Deploy

In this workshop we'll learn about building and deploying a simple front-end application.

Open presentation slides

Focus of this lesson

We'll look at the infrastructure of deploying an app to production and not the app itself.

What you need

• Visual Studio Code

Prerequisites

• Some previous experience with Git and GitHub is helpful

How to get started

• Open Exercise 1.
• Remember to ask an instructor if you're stuck.

Exercises

• Exercise 1 (Start here)
• Exercise 2
• Exercise 3
• Exercise 4 (bonus)

Have fun! And remember to ask an instructor if you're stuck.

Helpful resources

• Learn GitHub Actions
• Starter workflows for different types of projects

Symbols and notation used in exercises

Icons with special meaning

✏️ - A task you should do
📖 - A section of text to read (no tasks, just information).
💡 - Additional information.
❗ - Something important.
❓ - Open-ended question for the reader ("What do you think would happen if...")
💩 - Bad practice (don't-do-this)
⭐ - A bonus task (not required)

Keyboard keys

Will look like this:

CTRL + ALT + C

Diff blocks

Emphasizes how lines of text should change.

- this text was removed
+ and replaced with this text