I honestly feel that coding is the best thing, after baked bread. The freedom it offers - financial and otherwise - is a high motivator, and gives the welcoming feeling that makes most people choose to learn to code.
Let's get to it.
What is web development?
So, what makes up a website. Generally, the table below explains this in a straightforward way:
HTML stands for HyperText Markup Language and this is responsible for the structural side of websites. Think of it as a skeleton of sorts.
CSS stands for Cascading StyleSheets, and does the large portion of the styling and design work that goes into websites. CSS adds an extra element of aesthetic to web development, and gives that essential element of seasoning to the dish that is a website. Think of it as a sort of skin.
Here is a basic webpage that has all the elements above. However, this is far from production grade.
Here, the styling is inline and attached to the head section of the HTML document. The
<head></head> section of a HTML document contains the most important information regarding a website.
The following section
<body></body> holds information, that will be displayed within the browser window. In this case a simple
<h1> tag (or header 1 element) that shows users a large welcome message.
Here is a live demo of the code above.
The inline CSS does not do much here. It only changes the color of the
h1 element to a shade of green:
If you look back at the code, there is an empty paragraph tag. This is the opening and closing
The paragraph tag was first targeted with
document.querySelector("p"), which picked the element on the HTML document, with the tag
<p>. It was then saved into a variable with
var text, with the second word here being the variable name.
The second line within the
text using the HTML DOM property of innerHTML, with the following line:
text.innerHTML = "Hello Readers!";
This then fills the text variable with the text "Hello Readers!", and then by so doing, the
<p></p> with the same text content.
The DOM - Document Object Model
The manipulation of the DOM is a significant part of web development, as it helps developers create more dynamic and visually appealing websites.
I do hope you've had a good time reading through this. This a very introductory level overview of web development. You can follow the freeCodeCamp Responsive Web Design curriculum, to have a firmer grasp on web development concepts.
Remember to do some projects too! ?