I am hoping to unravel some of the mysticism when it comes to Websites: how they work, how they are created, terminology, etc.
Note: I will be using webpage and website interchangeably.
To start, I would like to talk about three fundamental "languages" used to make the front-end* part of any website: Hyper-Text Markup Language (HTML), Javascript (JS), Cascading Style Sheets (CSS)
*front-end is a term used to describe any aspect of a webpage a user sees
These three aspects of the webpage are used to handle different things:
HTML is the content of the webpage: Text, Images, Videos, Links, etc.
JS: is the functionality: what happens when a user clicks a button, etc.
CSS: is the appearance (style): formatting of the HTML, effects for images, etc.
The true programming language for any webpage on the front-end is javascript.
Javascript has functions, variables, etc. It is very powerful. We will cover more of the power of Javascript next post. This time I really just want people to come away with the simple idea that:
HTML is content, Javascript is functionality, and CSS is style.