A beginner Italian course website for a 3-week workshop series (30 minutes per session). Built for coworkers who want to learn the basics in a friendly, no-pressure environment.
| Week | Title | What you'll learn |
|---|---|---|
| 1 | Ciao! — Greetings & Introductions | Formal/informal greetings, introducing yourself, numbers 1-10 |
| 2 | Andiamo in vacanza! — Holiday & Travel | Asking directions, ordering coffee, days of the week |
| 3 | A tavola! — Food, Culture & Fun | Restaurant vocabulary, likes/dislikes, fun Italian expressions |
Each lesson builds on the previous one. By Week 3 you're using greetings from Week 1 and ordering patterns from Week 2 in a full restaurant dialogue.
- Vocabulary cards with pronunciation hints
- Key phrases for speaking practice
- Cultural notes (Italian greeting customs, coffee culture, meal traditions)
- 4 interactive exercises (matching, fill-in-the-blank, multiple choice, ordering)
- Quick Review section (Lessons 2 & 3) recapping prior material
No dependencies, no build step. Just static HTML/CSS/JS.
# Option 1: open directly
open index.html
# Option 2: local server
python3 -m http.server 8080
# then visit http://localhost:8080italian-course/
├── index.html Landing page with lesson cards & progress
├── lesson1.html Week 1: Greetings & Introductions
├── lesson2.html Week 2: Holiday & Travel
├── lesson3.html Week 3: Food, Culture & Fun
├── css/
│ └── style.css Shared styles (Italian flag color theme)
└── js/
├── data.js All lesson content (vocab, phrases, exercises)
└── exercises.js Interactive exercise engine
All lesson content lives in js/data.js as a single structured object. To add vocabulary, tweak phrases, or modify exercises, edit that file — no need to touch HTML or JS logic.
Exercise progress is saved in the browser's localStorage.