Cheat sheet: Behaviour
The 36 terms of this lesson, part by part, with the French word a team in France would use.
1. A page that changes while it's open
- Scriptscript
- a file of JavaScript code that a page loads, which the browser runs to change the page while it's open.
- JavaScriptJavaScript
- the programming language that browsers run to add behaviour to a page, such as a menu that opens.
- DOMDOM
- the live copy of a page that the browser builds in its memory, a tree of all its parts that scripts can change.
- Page sourcecode source de la page
- the HTML exactly as the server sent it, shown when you right-click a page and choose "View page source".
- Inspectinspecter
- the right-click choice that opens the developer tools on one part of the page, with its live HTML and style rules.
- Developer toolsoutils de développement
- the panels built into every browser, opened with F12, that show a page's code, style rules and errors.
2. Waiting for events
- Eventévénement
- something that happens on a page, such as a click, a key pressed, a form sent or the page scrolled.
- Event listenerécouteur d'événement
- an instruction that tells the browser to run some code each time a given event happens.
- addEventListeneraddEventListener
- the JavaScript instruction that creates an event listener, as in
button.addEventListener("click", …). - querySelectorquerySelector
- the JavaScript instruction that finds an element on the page, as in
document.querySelector("#count"). - idid
- an attribute that gives one element a unique name, such as
id="count", so that a script can find it. - Variablevariable
- a name in the code that holds a value, such as
countfor the number of items in the basket. - textContenttextContent
- the JavaScript instruction that sets the text of an element, shown exactly as written, even if it contains tags.
3. Where is a change on screen saved?
- Scriptscript
- a file of JavaScript code that a page loads, which the browser runs to change the page while it's open.
- DOMDOM
- the live copy of a page that the browser builds in its memory, a tree of all its parts that scripts can change.
- Serverserveur
- a computer that stays connected to the internet, sends pages to browsers and keeps the data that people share.
- Requestrequête
- a message that a browser sends to a server to ask for a file or data, or to send it something.
- Developer toolsoutils de développement
- the panels built into every browser, opened with F12, that show a page's code, style rules and errors.
4. One place for the data
- Bugbug
- a mistake in code that makes a program do the wrong thing.
- Patchpatch
- a quick fix for one bug, which often adds one more thing that someone must remember.
- Stateétat
- the data that a page keeps in one place, such as the number of passengers, from which the screen is drawn.
- UIinterface utilisateur
- the user interface, which is everything on screen that a person sees and uses.
- UI = f(state)
- a short way to say that the screen is always drawn from the data, by one piece of code.
- Functionfonction
- a named block of code that does one job and can run again whenever it's needed, such as
render. - Renderrendu
- to draw the screen again from the state, so that every part that shows the data is up to date.
5. What frameworks are for
- Frameworkframework
- ready-made code, such as React, Vue or Svelte, that redraws the screen from the state automatically.
- Stateétat
- the data that a page keeps in one place, such as the number of passengers, from which the screen is drawn.
- Build stepétape de build
- a program that turns the developers' code into files that the browser can run.
- Dependencydépendance
- code written by other people that a project uses, and that must be updated regularly.
- Server renderingrendu côté serveur
- a way of building pages where the server creates each page when someone asks for it, with its content inside.
6. What to ask
- Serverserveur
- a computer that stays connected to the internet, sends pages to browsers and keeps the data that people share.
- Stateétat
- the data that a page keeps in one place, such as the number of passengers, from which the screen is drawn.
- Automated testtest automatisé
- a small program that checks that code gives the right results, run again after every change.
- Frameworkframework
- ready-made code, such as React, Vue or Svelte, that redraws the screen from the state automatically.
- Hostinghébergement
- the service that stores a site's files and sends them to visitors.
- AI agentagent d'IA
- a program that reads and writes a project's files and runs commands, following your requests in a chat.
Web Technologies · How a page is made · wt.thomasjuldo.com/course/how-a-page-is-made/behaviour