hello world!

Nice to meet you,

A cartoon view of the earth saying hello and the moon — The earth saying hello and the moon (image downloaded from Open Clipart)

"Hello, World!" program

According to the Wikipedia article on the "Hello, World!" program.

A "Hello, World!" program is generally a simple computer program which outputs (or displays) to the screen (often the console) a message similar to "Hello, World!" while ignoring any user input.
A small piece of code in most general-purpose programming languages, this program is used to illustrate a language's basic syntax.
A "Hello, World!" program is often the first written by a student of a new programming language, but such a program can also be used as a sanity check to ensure that the computer software intended to compile or run source code is correctly installed, and that its operator understands how to use it.

Well, let's just say that this is my first "program", so I can get more familiar with web development and see if everything works properly and as intended.

A 'Hello world!' terminal output (video downloaded from Pixabay)

Web development

The following description is a very simple example I came up with for beginners to get to know the three most important components of front-end web development. Note that web development is a much larger field.
Think about building a house:

HTML: The basic structure of the house. That is, constructing the foundation walls, a roof, and installing doors, windows, et cetera.
CSS: The look of the house. So, painting the walls with bright colors, changing the roof tiles to dark ones, and giving the doors and windows a light wood finish.
JS: The functionality of the house. For example, laying electricity and water pipes, installing a doorbell, and configuring the heating system and any other appliances such as lighting, Wi-Fi and the dishwasher.

HTML is not a programming language

HTML is the standard markup language for documents designed to be displayed in a web browser. It can be assisted by technologies such as

a stylesheet language like CSS
- also not a programming language
- but indispensable for web development
and scripting languages such as JS.
- a programming language

Planets

To honor the other planets in our solar system as well, not just our own world.

Data about the planets of our solar system. Planetary facts taken from NASA's Planetary Fact Sheet.
Group		Name	Mass (10²⁴kg)	Diameter (km)	Density (kg/m³)	Gravity (m/s²)	Length of day (hours)	Distance from Sun (10⁶km)	Mean temperature (°C)	Number of moons	Notes
Terrestrial planets		Mercury	0.330	4,879	5427	3.7	4222.6	57.9	167	0	The shrinking planet closest to the sun
		Venus	4.87	12,104	5243	8.9	2802.0	108.2	464	0	The hottest and most hellish planet
		Earth	5.97	12,756	5514	9.8	24.0	149.6	15	1	Mother, cradle of known life, our home
		Mars	0.642	6,792	3933	3.7	24.7	227.9	-65	2	The red planet, aka Elon's planet
Jovian planets	Gas giants	Jupiter	1898	142,984	1326	23.1	9.9	778.6	-110	67	The largest planet with raging storms
	Gas giants	Saturn	568	120,536	687	9.0	10.7	1433.5	-140	62	The planet with the "rings"
	Ice giants	Uranus	86.8	51,118	1271	8.7	17.2	2872.5	-195	27	The planet pronounced funny
	Ice giants	Neptun	102	49,528	1638	11.0	16.1	4495.1	-200	14	The icy planet very far out
Dwarf planets*		~~Pluto~~	0.0146	2,370	2095	0.7	153.3	5906.4	-225	5	*Declassified as a planet in 2006, but this remains controversial
Please do not ask why the sun is not listed! That would hurt its feelings...

Misc.

Sources

Created along with the beginner-friendly learning resource "front-end web developer learning pathway" from the MDN Web Docs
Definitions: Wikipedia
Favicons: Twemoji
SVG icons: Feather
Typewriter effect: 30 seconds of code
Image: Open Clipart
Video and Audio: Pixabay
Planetary data: NASA
Button design: Uiverse.io
Contact map: OpenStreetMap

Repository

Visit the GitHub repository of this website project