The JavaScript and TypeScript you'll meet

About 50 minutesYou need: my-studio-site open in Cursor, npm run dev running, Chrome showing localhost:3000
This video is in the full courseGet the course to watch every video and read every lesson in full. GHS 399, paid once.Get the course · GHS 399
Video · 14:14
Goal

Read the JavaScript and TypeScript in your components (values, variables, lists of objects, .map(), functions, imports and types) by turning your Services section into a typed list and editing that list by hand.

Why this matters

So far you've read the parts of your code that look like a web page: the tags and the classes. Around them is a third kind of code: JavaScript, the muscles. It's what turns a list of six dishes into six menu cards, sends an order to the database, and decides whether to show "Menu" or "Close" on a button.

In Stage 2, most of the new code Cursor writes will be JavaScript: reading dishes from a database, saving orders, sending emails, checking who's logged in. You won't write it yourself. But when Cursor says "I've added a function that saves the order", you need to be able to open the file, find that function and see roughly what it does.

Good news: you only need about a dozen ideas to read most of it. This lesson teaches those dozen, using your own Services section.

In the full lesson

  1. The idea in plain English
  2. Do it
  3. Check it worked
  4. Quick check
  5. What you can do now
Stage 2 · Make it workYou’ve seen the why. The how is in the course.

The step-by-step, the prompt to copy, the video and the check-it-worked list, for every lesson in all 15 modules. GHS 399 ($40), paid once by mobile money or card, yours to keep.

Get the course · GHS 399See what’s inside
Already have the course? Open the full lesson