Use the glossary while reading lessons, articles, and exercises so vocabulary never becomes a blocker.
A repeatable set of steps used to solve a problem.
Example: A sandwich recipe is an algorithm because you can follow it step by step.
The software you use to open and view websites.
Example: Chrome, Edge, and Firefox are all browsers.
Written instructions that tell a computer what to do.
Example: A line of HTML that makes a heading is code.
A language used to style how HTML content looks.
Example: CSS can make a title blue or add space around a card.
A program developers use to write and organize code files.
Example: VS Code is a popular code editor.
The ending of a filename that tells you what type of file it is.
Example: The .html part of index.html is the file extension.
A container used to organize files on your computer.
Example: You might store website images inside an images folder.
A named set of instructions that can be reused when you need it.
Example: A function can show a welcome message every time a button is clicked.
A markup language used to structure content on a webpage.
Example: HTML tells a page which text is a heading and which text is a paragraph.
A programming language that adds behavior and interactivity to webpages.
Example: JavaScript can show a message after you click a button.
A reserved word in a programming language with a special meaning.
Example: In Python, if and def are keywords.
Text that labels pieces of content so software knows what they are.
Example: HTML tags are a form of markup.
A beginner-friendly programming language used for websites, automation, and data work.
Example: Django apps are often built with Python.
A computer or service that sends website files and data to a browser.
Example: When you visit a website, a server sends the page back to your browser.
The writing rules a language expects you to follow.
Example: Missing a closing quote breaks the syntax of many languages.
A text-based tool used to run commands on a computer.
Example: You can start a Django server from the terminal.
The address used to reach a page on the web.
Example: https://example.com/about is a URL.
A named place where code stores a value so it can be used later.
Example: A variable can store a student's name before showing it on the page.
A note in code that helps humans read it but does not run as part of the program.
Example: A comment can explain why a variable exists without changing the result.
Leading spaces that show structure in some languages, especially Python.
Example: Python uses indentation to show which lines belong together.
The result a program shows after it runs.
Example: If you print a name, the displayed name is the output.
A common Python function used to display output.
Example: print("Hello") shows Hello as output.
A piece of text in code, usually written inside quotes.
Example: "Hello" is a string because it is text wrapped in quotes.
A machine that follows instructions very exactly.
Example: A computer can open a website or run an app when the code tells it how.
A label in HTML that tells the browser what a piece of content is.
Example: The h1 tag tells the browser that text is a main heading.
A full HTML piece made from a tag and the content it wraps.
Example: An opening p tag, a sentence, and a closing p tag make a paragraph element.
A clear step that tells a computer what to do.
Example: A line of code can be one instruction in a larger program.
Extra information added inside an HTML tag.
Example: The href attribute inside an a tag tells a link where to go.
A set of instructions a computer can run to do a job.
Example: A calculator app runs as a program.
Clickable text or an image that takes you to another location.
Example: A navigation link that opens the About page is a hyperlink.
A program or group of programs people use on a computer or device.
Example: A website dashboard or phone app is software.
A single saved item on a computer, such as a page, image, or script.
Example: index.html is a file in a web project.
HTML that uses meaningful tags so people and browsers can understand the job of each section.
Example: Using header, main, and footer is more semantic than using generic div tags for everything.
The full name of a file, including the ending that shows its type.
Example: style.css is a filename.
A page area where users type information and send it somewhere.
Example: A name field and submit button together are part of a form.
A value that is only true or false.
Example: is_logged_in could be true when a student is signed in.
A group of files and folders that work together to build something.
Example: A small website can be one beginner project.
Something that happens in the browser that code can react to.
Example: A button click is an event.
A common file extension for an HTML page file.
Example: index.html is often the main page file in a simple website.
The browser's structured view of the page that JavaScript can read and change.
Example: JavaScript can use the DOM to change a heading after a click.
A common file extension for a CSS file that holds styles.
Example: styles.css can control colors, spacing, and fonts.
A browser tool where developers can see messages and test small bits of code.
Example: console.log can send a quick message to the console while you debug.
A common file extension for a JavaScript file.
Example: script.js can hold page behavior and interactions.
A group of related web pages people can visit in a browser.
Example: An academy site can have a home page, lesson pages, and article pages.
A common file extension for a Python file.
Example: app.py is a common name for a Python file.
One screen of content a browser can display.
Example: A lesson screen inside the Academy is one page.
The first HTML tag that starts a piece of content.
Example: The <p> part at the start of a paragraph is an opening tag.
One page inside a website that a browser can display.
Example: A contact page is one web page on a larger site.
The ending HTML tag that shows where a piece of content stops.
Example: The </p> part at the end of a paragraph is a closing tag.
The organized shape of a page and the parts it contains.
Example: Headings and paragraphs help give a page structure.
The information on a page, such as text, images, and links.
Example: A heading, a paragraph, and a picture are all page content.
A short name that tells people what a page or section is about.
Example: A main heading can act like the title for the page content.
A title or section label that helps organize a page.
Example: The main title at the top of a page is often a heading.
A grouped part of a page that covers one topic.
Example: A lesson page can have one section about headings and another about paragraphs.
A block of regular text that explains an idea on a page.
Example: A short explanation under a heading is often a paragraph.
Easy for a person to look at and understand.
Example: A page with a clear heading and short paragraph feels more readable.
The place a link is meant to take someone.
Example: A contact page can be the destination of a navigation link.
Clickable content that takes you to another page or location.
Example: A menu item that opens the About page is a link.
A picture shown on a web page.
Example: A logo or photo on a page is an image.
The file or location an image or other media comes from.
Example: A logo.png file can be the source for an image on a page.
The way something looks on a page.
Example: Color and spacing are part of a page's style.
Related to what people can see on a page.
Example: A photo is visual content because people look at it on the page.
The visible look of a page or page element.
Example: CSS can change the appearance of a button.
Content such as images or other visual items shown on a page.
Example: A page banner image is one simple kind of media.
A visual property that changes how text or backgrounds look.
Example: A heading can appear blue because of its color setting.
A group of related items shown together on a page.
Example: A short set of features can appear as a list on a web page.
The visual style used for text letters on a page.
Example: CSS can change the font of a paragraph.
A list used when the order of the items matters.
Example: Steps for making tea can appear in an ordered list.
The amount of room around or between page parts.
Example: More spacing can make a page feel easier to read.
A list used when the group matters more than the order.
Example: A list of favorite snacks can be an unordered list.
One entry inside a list or group.
Example: One bullet point in a feature list is one item.
The way page parts are arranged on the screen.
Example: A two-column page has a different layout from a one-column page.
The overall visual plan for how a page should look and feel.
Example: Color, spacing, and layout all affect a page's design.
Several related pieces kept together so they make sense as one set.
Example: A heading and its matching list can be grouped together on a page.
To arrange things clearly so they are easier to read or use.
Example: Lists help organize repeated items on a page.
A styling instruction that tells CSS how something should look.
Example: A CSS rule can make all headings a certain color.
What a page or app does when someone uses it.
Example: Showing a message after a click is page behavior.
Describing something by what it means or what job it has.
Example: A semantic tag tells you what part of the page it represents.
The top or introductory area of a page or section.
Example: A site title and short intro can sit inside a header.
A moment when a person does something and the page responds.
Example: Typing in a box and seeing feedback is an interaction.
Pressing a mouse button or trackpad on something on the page.
Example: Clicking a button can open a menu.
The closing area at the bottom of a page or section.
Example: Contact details at the bottom of a page can live in a footer.
Information a person enters or action they give to a program.
Example: Typing your name into a field is input.
The part of a page that helps people move to other pages or sections.
Example: A menu with Home and Contact links is navigation.
A standalone piece of content on a page.
Example: A blog post preview can be one article on a page.
What the page or program does after something happens.
Example: A thank-you message after a button click is a response.
The primary content area of a page.
Example: The central lesson content often belongs in the main area.
A piece of code that helps a page do something.
Example: A small JavaScript file can act like a script for page behavior.
The idea or purpose something is meant to show.
Example: A semantic tag adds meaning because it tells you the job of that page part.
A language people use to write instructions for computers.
Example: Python is a programming language.
Using software to handle repeated tasks automatically.
Example: A script that renames files for you is a small automation.
One place in a form where a person can type or choose something.
Example: A name box is one field in a contact form.
To send the form information after filling it in.
Example: A submit button sends the form after the user is ready.
Something you use to help complete a task.
Example: A code editor is one tool developers use every day.
Easy to approach when you are still new.
Example: A beginner-friendly lesson explains one idea at a time.
Details or data that a page can show or collect.
Example: A form can collect information like a name or email address.
A tool developers use to write and update code files.
Example: VS Code is one example of a code editor.
A note or piece of text someone can send through a form.
Example: A contact form can include a message field for a question.
A word used to identify a person or thing.
Example: Many forms ask for a person's name first.
Written words or characters shown on a screen or saved in a file.
Example: Code is a special kind of text a developer can edit.
An address people use to send and receive messages online.
Example: A sign-up form may ask for an email address.
To store your latest file changes so they are not lost.
Example: When you save a file, your edits stay there the next time you open it.
An option a user can select in a form or on a page.
Example: A yes-or-no option in a form is one choice.
To change or update something that is already written.
Example: Fixing one line of code is an edit.
One row of text or code inside a file.
Example: A short program might start with one line of code.
A person using the website, app, or tool.
Example: The user fills in the form and clicks submit.
Text that tells the user what a field is for.
Example: Name is a label for a name field.
Color-coding in an editor that helps different parts of code stand out.
Example: Keywords and strings may appear in different colors because of syntax highlighting.
A page element the user can press to trigger an action.
Example: A Send button can submit a form.
The working area where your files and tools are organized together.
Example: A project folder opened in an editor can become your workspace.
One part of a form where information is entered or chosen.
Example: A name box is one form field.
Something written or done the wrong way by accident.
Example: Typing the wrong file name is a small mistake.
The action that sends form information.
Example: Clicking Send starts the submit action.
A change that corrects a problem.
Example: Adding the missing quote can fix the bug.
An input used for short typed text.
Example: A first name box is usually a text input.
An input used for an email address.
Example: A sign-up form often includes one email input.
To check whether something works the way you expect.
Example: After a small code change, you can test it again to see the result.
Hidden text a user types to protect an account.
Example: A password field hides the letters as the user types.
To try again after something did not work the first time.
Example: After a small fix, you can retry the step calmly.
Looking for a mistake and fixing it calmly.
Example: If a paragraph does not look right, debugging means checking the tags one step at a time.
Something that is not working correctly and needs attention.
Example: A blank result when you expected a message is a problem to investigate.
A mistake in code that causes a problem.
Example: A missing closing tag can be a small HTML bug.
What happens after code runs or after you test a change.
Example: If the page now shows the right message, that is the result of your fix.
A problem or wrong part that needs attention.
Example: Typing a tag name wrong can create an HTML error.
A very small piece of code used as an example.
Example: print("Hi") is a tiny code snippet.
The link destination written inside an HTML link.
Example: A link uses href to point to another page.
Something you notice repeating in code or examples.
Example: Seeing words followed by values can become a familiar pattern.
The source value that tells an image where to load from.
Example: An image uses src to point to the picture file.
A character in code, such as =, ( ), or quotes.
Example: The quotes around "Hi" are symbols you will learn over time.
A file that stores CSS rules for a page or website.
Example: styles.css is a stylesheet that can control page colors and spacing.
A small sample used to help explain an idea.
Example: A one-line snippet can be an example of how code looks.
The part of a CSS rule that chooses which page element to style.
Example: p is a selector when you want to style every paragraph.
One property and value pair inside a CSS rule.
Example: color: navy; is one declaration.
To look at code carefully so you can understand what it is doing.
Example: You can read one line of code at a time instead of rushing.
The part of a CSS declaration that names what you want to change.
Example: color is the property in color: navy;.
One small action in a larger task or process.
Example: Reading one line before changing it is one step.
A repeatable way of moving through a task from start to finish.
Example: Read, change, and check can be part of a beginner coding process.
The part of a CSS declaration that gives the chosen setting.
Example: navy is the value in color: navy;.
The area behind text or content inside a page element.
Example: A soft gray card background can help separate one section from another.
A specific piece of work you want to complete.
Example: Fixing one line of code can be a small task.
A visible line around an element.
Example: A border can outline a card or button.
A small update or adjustment you make while working.
Example: Changing one word in a file is a small change.
To look at the result and see whether something worked.
Example: After a small change, you can check the result.
Space outside an element.
Example: Margin can create room between two cards.
Space inside an element, between the content and the border.
Example: Padding keeps text from touching the edges of a box.
To do a useful step again so understanding grows over time.
Example: You may repeat the same small practice more than once while learning.
A beginner way to think about content, padding, border, and margin together.
Example: A card can be understood as content in the middle with padding, a border, and margin outside.
Forward movement, even when it happens in small amounts.
Example: Finishing one lesson step is real progress.
A reusable label you place on HTML so CSS can style it again and again.
Example: A class named card can style many cards the same way.
Repeating a skill in small ways so it becomes more familiar.
Example: Short coding practice helps ideas stick.
To go back over something so you can understand it better.
Example: Reviewing one lesson step can make the next step easier.
How wide an element is allowed to be.
Example: A card might use a width that keeps it readable on the page.
To create something step by step.
Example: You can build a tiny page by adding one simple part at a time.
How tall an element is allowed to be.
Example: An image area may use a fixed height to keep cards even.
A CSS setting that affects how an element behaves in the layout.
Example: display can help an element act more like a block or a flex container.
To reach the end of a task after doing the needed steps.
Example: A beginner can finish a tiny project without making it huge.
Fully done, with the main steps finished.
Example: Saving the last small step can make a lesson feel complete.
A CSS layout system that helps line items up in rows or columns.
Example: Flexbox can place two cards side by side with controlled spacing.
Design that adapts to different screen sizes instead of staying fixed.
Example: A desktop row of cards may stack into one column on a phone.