OIM3690 - Web Technologies

2025 Spring

Session 15 (3/13)

contain

Today's Agenda

Welcome/News/Announcements

  • Homework 2 is due on Sunday (3/16)
    • Any questions?
  • 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?

Midterm Feedback Survey (10 mins)

  • Canvas - Session 15

What we have learned so far...

  • HTML: basic tags, image, links, list, id, class, div, span, table, form, audio/video, iframe...
  • CSS: syntax, selectors, Why cascading, flexbox, grids
  • Website: design, deployment, ...
  • JavaScript
    • Syntax
    • DOM
    • Events

Quick Quiz (True or False)

  • JavaScript can only be placed inside the <head> tag.
  • This is the correct way to link an external JavaScript file:
    <script href="script.js" defer></script>
  • JavaScript code is ignored if there is no internet connection.
  • JavaScript can modify both the content and style of an HTML element.
  • In the JavaScript description below, "changing the text of heading" is the event.

    "When a click happens, do changing the text of heading."

  • It is recommended to use the inline event handler this way (inside the element)::
    <body>
  <button onclick="handleClick()">...
</body>

Recommendations:

Session 15