OIM3690 - Web Technologies

2025 Spring

Session 20 (4/08)

Today's Agenda

• Welcome/News/Announcements
• Lecture on JavaScript:
  • Arrays
  • for loop

Welcome/News/Announcements

• Project
  • Create a public GitHub repo for your project website
  • Product Requirements Document (PRD): Due 4/12, Saturday
• Communications:
  • Meet with me in person during office hours at least once this semester.
  • Email - specify course # in subject title, e.g., "OIM3690: GitHub settings"
  • Use Slack/GitHub when asking code-related questions
• Questions?

Project

• Two Roles
  • PM: Write Product Requirements Document (PRD) + wireframe
  • Dev: Build someone else's website
• Key Deadlines
  • 4/12: PRD
  • 4/22: First version (tag v1.0)
  • 4/25: PM–Dev Communications (via GitHub Issues)
  • 5/03: Final version (tag final) + reflections
• Collaboration
  • Use GitHub repo (PM creates, Dev joins)
  • At least 2 GitHub Issues to show real discussion

About Project

• r/ProgrammerHumor
• xkcd: Tasks
  • ChatGPT Solution to 1425
  • World's first-ever smart binoculars can identify 9,000 birds thanks to built-in AI

What we have learned so far...

• HTML: basic tags, image, link, list, id, class, div, span, table, form, multimedia, ...
• CSS: syntax, internal vs. external vs. inline, selectors, flexbox, grids, ...
• Website: design, ...
• JavaScript
  • Event, element
  • Variables, Functions
  • Conditional statements
  • Access and validate form inputs
• Debugging
  • Console, error messages, console.log()
  • Rubber Duck Debugging

Lexture

• JavaScript: Arrays and for loop