Web Development 101

The modern web development ecosystem can be complicated and at times seem overwhelming with all the options for languages to study and new frameworks being talked about everyday. The best way to get introduced to building for the web is still with the Trifecta of the Web: HTML, CSS & JavaScript.

HTML5

The content of your page

Semantic Language

Like the structure of a house:

CSS3

Rule based language

The style / look / feel

Like the wallpaper, paint, window coverings of a house:

JAVASCRIPT

Event based Language

Interactivity of your web page

Like the doorbell, home security system, lights, etc in your house:

How Are Websites/Web Apps Structured?

Let's look at this simple Google search.

Websites are made up of a number of boxes!
This will be an important concept to keep in mind when we start building our first web page!
You can think of that page looking something like this: