OIM3690 - Web Technologies

2025 Spring

Session 14 (3/11)

contain

Today's Agenda

Welcome/News/Announcements

  • Homework 2 is due on Sunday (3/16)
    • Any quetions?
  • Who have recevied GitHub Student Developer Pack?
  • 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?

What we have learned so far...

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

Session 14

--- # Midterm Feedback Survey (8 mins) - Canvas - Session 14

--- # Common Issues in HW2 1. `height` does not work for `tr`. Set `height` for `td` instead. 2. Set height for each row in grids: `grid-template-rows: repeat(4, 20vh)` 3. Missing associated label/Invalid id reference 4. duplicate `id` reference 5. `<strike>` is deprecated. Use `<del>` instead, or `text-decoration: line-through;` 6. `a {text-decoration: none;}` 7. `<br>`, `<hr>` -> CSS 8. These three radio inputs should have same name. --- # Homework Feedback - Please reply to my feedback and make the necessary changes. - If you have any question, please ask. - **Failure to do so may result in a penalty.**

--- # Quick Quiz ***True** or **False**:* 1) JavaScript **cannot** be added in `<head>`. 2) In the JavaScript description below, *"changing text of heading"* is the **event**. > "When *a click* happens, do *changing the text of heading*." 3) You are recommended to use the **onevent handler** this way (**inside the element**): ```html <body> <button onclick="handleClick()">... </body> ``` 4) This is how we import external JavaScript. ```html <script href="script.js" defer></script> ```