1-Onboarding/Week 2/preparation.md #26
Description
Preparation
-
HTML Forms in 25 minutes
Watch this video -
How to structure a web form
Learning Objectives
Structure a valid, accessible web form
In this preparation, you’ll use HTML to explore how we describe and organize data clearly and systematically. You already practiced HTML during the Intro to Digital module, and now we’ll build on that knowledge to prepare for working with data structures in JavaScript and Python.
📘 Required Reading
Please read the following article carefully:
🔗 How to structure a web form (MDN)
This is the main resource for this assignment.
🧪 Suggested Practice (Optional but highly recommended)
If you want to deepen your understanding or test your skills, check out:
🧱 What's Next?
You’ll use the skills from these resources to complete the mandatory assignment for this module. Make sure you fully understand the material — it will be the foundation for working with forms, user input, and data later on!
- CSS layout
Learning Objectives
Recognize the methods used to implement modern page layouts.
Understand that normal flow is the default way a browser lays out block and inline content.
Know that properties such as display, float, and position are intended to change how the browser lays out content.
You’ve already explored basic CSS during the Intro to Digital module. Now it’s time to take it a step further. In this module, you’ll dive deeper into topics for creating user-friendly, adaptable web pages.
Prerequisites
Before starting, make sure you’re comfortable with:
HTML structure
Basic CSS syntax and selectors
CSS text styling
🧠 Need a refresher? Quickly review these concepts here
📘 Required Reading & Practice
Go through this learning path: 🔗 CSS Layout - MDN
Focus on these key topics:
Floats
Positioning
Flexbox
CSS Grid Layout
Responsive Design
Media Query Fundamentals
🧪 Suggested Practice (Optional but highly recommended)
Try this to test your understanding:
Metadata
Metadata
Assignees
Projects
Status