Mar 24: Servers and Flexbox

Learning Objectives

After today’s class, you should be able to:

• Connect to w3stu over SSH and deploy files to the web server.
• Describe how Flexbox controls layout and alignment of elements.
• Summarize how generative AI may be used for the final project.

Lesson Outline

Web Basics [15 min]

• Chapter 1: Slides 17–21
• Chapter 2: Slides 37–43
• Typing a URL in a browser

Mini Lab [20 min]

• File Publishing

Flexbox [20 min]

• Chapter 6: Slides 39–41
• Chapter 7: Slides 10–15
• CSS Flexbox Layout Guide

Project [20 min]

Here’s an example project I made over the break:

• Casino – family card game
• GitHub Copilot in VS Code

Before Thursday

1. Submit Prep 8 on Gradescope. ← Due Wed at 11:59pm
2. Submit Lab 7 on Gradescope (export zip file from GitHub).
3. Make progress on Project 1 in your teamXX repository.