Skip to content

03-client-side-scripting-worksheet.md

Latest commit

 

History

History
78 lines (47 loc) · 2.11 KB

03-client-side-scripting-worksheet.md

File metadata and controls

78 lines (47 loc) · 2.11 KB
Raw

CS 1520 — Recitation Worksheet

Name: Student Id:

Week 3: Client-side scripting (JavaScript)
Slides: slides/02_js.pdf
Time: 50 minutes (Tune In 10 / Activity 30 / Reflection 5 / Project Preparation 10)

You do not need a grammar check. Don’t overcorrect. Write like you’re saying it out loud.

Get this instruction: https://github.com/ruhendrawan/cs1520_recitation

Self reflect and write down on the worksheet

Reflection and Submission

Submit in the google form https://forms.gle/tYEtKjJunM1wb2we6

You need to submit the zip file if you're working alone.

Upload zip files named as <PITT ID>-<week>.zip, e.g. rah225-03.zip, containing

  • This worksheet
  • page.html (or any files related to your work)

Part 1 — Tune In (5 minutes)

Pick 1–3 concepts from this week’s lecture and explain them in your own words (fast + messy is fine).

Concepts I chose (1–3):

My explanation (write like you’re talking):

Starter questions (answer a few):

  • What is it (in one sentence)?
  • What’s a super common bug this concept prevents?
  • What did you think it meant before today vs what it actually means?
  • If you had to teach this to a friend in 20 seconds, what would you say?
  • Where would you use it in a website/app you care about?

Part 2 — Activity (25 minutes)

Part 3 — Reflection (5 minutes)

A) What's the programming concepts/ ideas that you see in the examples?

  • Quick checklist is fine, no overcorrection needed

B) What's the difference in comparison to other prgramming language?

  • Quick checklist is fine, no overcorrection needed

C) Connect it back (prior lecture)

Prior lecture idea to connect: responsive design

  • Examples: What would you keep CSS-only vs use JS for?
    • menu toggles, show/hide panels, saving preferences, validation, content updates

Submit in the google form: https://forms.gle/tYEtKjJunM1wb2we6

Project Preparation (10 minute)

Commitment (put x on the appropriate item)

  • ( ) I will spend at least one hour to setup a react project before next week's recitation.
  • ( ) I don't have time this week