Those three languages may work differently but they complement each other. Together they form a complete whole, which is known as web development. In a nutshell – powerful stuff!
Every now and then, newer and newer versions with better capabilities and functionalities appear. In the link below you can see what popular websites used to look like, let’s say this are the “once upon a time” versions. http://www.telegraph.co.uk/technology/6125914/How-20-popular-websites-looked-when-they-launched.html
And now briefly.
HTML – Hypertext Markup Language
The newest version is HTML5. You might have came across is while browsing through candidate’s profiles or when writing job offers yourselves.
Application: allows you to create a page structure. It’s a bit like an essay. According to what your English teacher used to say, the structure must be kept: title, introduction, body, conclusion. Or another example, each apartment also has a structure or a plan: room, kitchen, bathroom, hallway, and…a balcony, let’s make it a fancy one. And when we furnish it all, what kind of design, arrangement, colouring is a question of another tool – CSS, but that will come later.
HTML therefore allows you to structure your website. You can add text in each part, but the whole thing would look a little uninspired, just like a black and white reader.
CSS – Cascading Style Sheets
Application: is responsible for the design of the page, the font style, colour, allows you to add images, change the background etc. With the help of this language, the specialist makes the page peculiarly beautiful. So now we have a colourful reader with illustrations.
A language with a very interesting story in the background. I recommend to have a look at the Internet.
Application: responsible for all interactivity on the site. It sets it in motion. We have buttons to click, chat boxes popping up, etc. It allows us to interact with the site.
- HTML —> structure + text
- CSS —> style + look
Maybe I’ll take an example. Something more for the ladies, something from childhood. What the hell ! Barbie doll.
The HTML version – found somewhere in a corner, with messy or badly cut hair – according to our childhood creative invention, of course. Such a plastic “almost” Barbie, where the dream was to bend her hands or legs.
The HTML & CSS version – with full make-up, she already has beautiful clothes, pins and hairstyles, very long hair of course. But she is still and static.
Okay maybe something ubiquitous now. I once found the perfect picture illustrating those differences. It’s a bit modified, but for me it captures the essence perfectly:
From a recruitment point of view, it is good to know to what extent a specialist uses the above languages. Do we talk to a person who is proficient in website design, is a great CSS operator, will do a miracle, or maybe will aw us with programming skills but the website will not delight us visually although it will definitely work tip top? About this more in the next post, that is, who is who when it comes to the frontend.