- What Are HTML and CSS?
- What Are Frontend and Backend?
- The Term Framework
What Are HTML and CSS?
HTML (Hypertext Markup Language) is used to create the actual content of the page, such as written text, and
CSS (Cascade Styling Sheets) is responsible for the design or style of the website, including the layout, visual effects and background colour.
The Scripts are implemented and executed as plain text. They don’t need extraordinary preparation or compilation to run.
What Are Frontend And Backend?
FRONTEND: simply means the user interface (UI) i.e a page where user interact with. for instance, the click button or the whole content of the website you see on the screen
BACKEND: refers to the part of the website where most logic is performed and returned back to the user.
What connects this FRONTEND and BACKEND is known as API (Application Programming Interface).
The Term Framework
There is also a common term known as a framework. Imagine washing clothes with your hands and washing the same clothes with a washing machine. The more efficient one will be the washing machine because it did the job much better than using your hands.
So Frameworks are web machines that allow us to do our task much faster and efficiently saving us valuable time. Several Frameworks are used on the Frontend, Examples are Angular, Vue, React while on the Backend we have express, meteor etc.
From the component of Frontend, we have understood what makes the Frontend of a website.
Web development can be compared to when you are building a house. That land where the house is built is compare to a domain name such are Facebook.com, Google.com etc. These domain names show where the website is situated the same way the land gives an address to where the house is located.
The next phase of the building is that an Architect draws the house plan on paper showing all the features the house should have like door, window, lighting, the kind of roofing and all other features that could fit in. On the web, the User Interface designer (UI designer) is responsible for the drawing. After he is with his drawing of the website, he passes it on to the Frontend developer who then designs the website according to the drawings of the Architect (UI designer).
This is where the Frontend developer job starts. Back to our house analogy, so after the designs has been done by the Architect, the building engineer supervises the bricklayer on how to lay the foundation of the house and subsequently lay blocks. That block laying is the skeletal part of the building, that’s where HTML comes in. HTML is used in building the structure of the house defining if the website will have a click button or how much text content it will have.
Once the building is ready, the next thing is to beautify it with nice roofing, plaster it and then paint it, fence the house and mount the gate. That’s where the job of the CSS comes in. CSS is simply used to add beauty to the website. As a matter of fact, we have a complete building (website) but this kind of website doesn’t do anything special and is known as a static website because it doesn’t change. A website can be built with just HTML and CSS.