In today’s world, where we are all related to a non-stop offer of technology-based platforms, such as games, apps, specialized and technical software, we all are capable of understanding the term website.
Many people access websites an outstanding amount of time throughout a single casual day.
For example, do you have an idea of how many times you open Google to make a quick search? Or, how many times a month do you browse through an online store of any kind looking for something you need (or just want) to buy? Or, how often do you access a social media platform and check photos, news, messages, etc.?
Everyday knowledge
Either if it’s for work, for socializing or for academic purposes, everyone has at least basic knowledge on how to use different types of platforms.
We are familiarized with how to browse an online store, search for a specific item, put it in our shopping cart or wish list, and proceed to specify shipping information and payment methods, right?
And, we also know how to login to our favorite social media platforms, browse through the news, update our status, change our profile photo, send an emoji and accept a friend request, correct?
Well, we may all know how to use these types of platforms and websites, because they are usually super user-friendly. What this essentially means, is that the entire work behind the making of these platforms is focused on making everything as easy, simple and identifiable as possible.
If you think of a building a house, what would be the roles of #HTML, #CSS, & #Javascript?
Twitter's favourite #webdeveloper duo @anniebombanie_ & @KassandraSanch break down the FrontEnd with TGC on
TGC x TechTalks: Breaking down the Front-End (ft. Annie and Kass) pic.twitter.com/f36XSZNZxE— The Girl Code (@thegirlcode_co) August 27, 2020
Specific knowledge
People dedicated to web design and web engineering have an amazing knowledge in how to make a website as simple, graphic and descriptive as possible; this turns out to be their main goal actually.
So, behind the fact that you know how to upload your latest selfie, was a web designer that chose exactly what colors, font, size and text to put on that favorite button of yours that reads: “change my profile picture”.
And while you as a user can see that command in the form of a cute button, the web designer programmed it all with specific codes and languages.
This is where we talk about HTML, CSS and Javascript.
HTML:
When it comes to webs, we refer to a world that has its own language. It is all about specific coding. HTML is the very first ingredient of the website recipe. HTML is the basic language; with the use of HTML it is possible to define the structure and all the text that shall appear on the desired website, platform, application, etc.
Has your internet suddenly collapsed or half frozen to the point where you are trying to access a certain website but all you can see is a bunch of strange alphanumerical combinations on a white screen looking something like this:
Well, that’s the HTML coding “behind the scenes” of the usual screen that you view as a user.
Now, the HTML language is very raw and has no design to it, it’s just plain text. In order to design the webpage and make it attractive and colorful, we need the help of the CSS language.
CSS:
CSS is the language in charge of giving the layout; a good looking design to your platforms: colors, font types and sizes, images, background textures, etc.; to finally have a pretty interface.
But nowadays, most of the platforms we visit and user are also interactive. That’s thanks to the third language; Javascript.
Javascript:
Javascript basically has the power of bringing things defined by HTML and CSS to life through movement. Videogames, interactive buttons, the use of videos, audios, etc.
Therefore if we make a recap of this article’s information, we have that the first ingredient for web designing is the HTML language, which duty is to set the basis and the foundation of the platform itself: it declares all the information that shall appear, in text only.
CSS is the second ingredient; it adds the “flavor”, color and presentation to the recipe.
And finally we have Javascript, the third great ingredient. The one that gives life to the final dish: the platform. Javascript allows interaction, accessibility and movement to the platform.
As you can see they are all interconnected and they all need the other in order to be useful and helpful.
Now you have a small insight of the huge amount of effort and coding language the web experts need to conquer before being able to give you a fun, productive and user-friendly platform.