Programming Concepts You Need

What you'll learn

1. 1

   Files, Components, Functions and Variables

   How a web app's code is organized, so you can find the file behind any feature.

   Goal: Find the file responsible for a feature and explain what a component, a function and a variable are.

   • A project is a set of folders
   • Name the building blocks
   • Read a tiny component
   • Project task: map your own project
   • If AI gets stuck
   • Before you continue
2. 2

   Front End, Back End, APIs and JSON

   Follow a click from the browser to the database and back, and read the JSON that travels in between.

   Goal: Trace a request from the browser to the server and database, and read a JSON response.

   • Three layers of every app
   • Follow one click
   • Read the JSON
   • Speak API
   • Project task: watch a real request
   • If AI gets stuck
3. 3

   State, Conditions and Error Messages

   How the screen decides what to show, and how to read an error message instead of panicking.

   Goal: Explain what state is, read a simple condition, and find an error in the console or logs.

   • State is the app's memory
   • Complete the condition
   • Where errors show up
   • Read the error
   • Compare what you asked with what changed
   • If AI gets stuck