Tuesday, January 21, 2014

Basics of Web

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.