Cheat sheet: Three ways to make a page
The 31 terms of this lesson, part by part, with the French word a team in France would use.
1. Where the HTML is made
- HTMLHTML
- the language that holds a page's content and labels what each part is, such as a heading, a link or a list.
- Static sitesite statique
- a site made of pages built in advance from the data, which the host sends exactly as they are.
- 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.
- Single-page appapplication monopage, SPA
- a site where the browser loads one almost empty page and a script, which then builds and changes every screen.
- Scriptscript
- a file of JavaScript code that a page loads, which the browser runs to change the page while it's open.
2. Pages made in advance
- Static site generatorgénérateur de site statique
- a program, such as Hugo or Astro, that builds every page of a site in advance from its content.
- Buildbuild, compilation
- the step that turns the project's code into the files a browser can run.
- Static hosthébergeur statique
- a service, such as GitHub Pages, that sends a site's files as they are, with no code of the site running on a server.
- CDNCDN
- a network of servers in many cities that keeps copies of a site's files and sends them from near each visitor.
- Search enginemoteur de recherche
- a service, such as Google or Bing, that reads pages across the web and lists them in its results.
3. Pages made by a server at each visit
- 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.
- Templategabarit, template
- a page layout with empty places that a program fills with data, such as a name or a price.
- Cachecache
- a store of files kept for reuse, for example in your browser, so they don't have to be downloaded again.
- WordPressWordPress
- a popular tool that builds pages on a server, keeps the content in a database and gives an admin screen to edit it.
4. Apps built in the browser
- Single-page appapplication monopage, SPA
- a site where the browser loads one almost empty page and a script, which then builds and changes every screen.
- Link previewaperçu de lien
- the title, text and picture that a messaging app or social network shows when someone pastes a link.
- Loginconnexion
- the step where a person proves who they are to a site, usually with an email address and a password.
- JavaScriptJavaScript
- the programming language that browsers run to add behaviour to a page, such as a menu that opens.
5. Mixing the three
- Meta-frameworkméta-framework
- a framework built on React, Vue or Svelte, such as Next.js, that also makes pages in advance or on a server.
- Next.jsNext.js
- a framework built on React, made by the company Vercel, that can make each page in advance, on a server or in the browser.
- Hydrationhydratation
- the step where a framework's script takes over a page made on the server, so that it reacts to clicks.
- AstroAstro
- a framework for content sites that makes pages in advance and adds scripts only to the parts that need them.
- Islandîlot
- an interactive part of a page made in advance, which alone loads a script, as in Astro.
6. Speed, search engines and cost
- Hostinghébergement
- the service that stores a site's files and sends them to visitors.
- Running costscoûts récurrents
- the money a site costs every month or year after launch, such as hosting, subscriptions and maintenance.
- 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.
7. What to ask
- 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".
- Link previewaperçu de lien
- the title, text and picture that a messaging app or social network shows when someone pastes a link.
- CDNCDN
- a network of servers in many cities that keeps copies of a site's files and sends them from near each visitor.
- 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 · Front ends · wt.thomasjuldo.com/course/front-ends/three-ways-to-make-a-page