How to learn what programming is through the construction of a house

Irene M. Ordóñez Alfaya & Laura Domingo Mellado .

When you are in course similar to Adalab program and you think that you learn all the time a programming language but…NO!. One beautiful day, you begin with Java Script and you understand that the things you did until that moment were a marking language (html and css).

For help you feature front-end developer, we explain the difference between a marking language and a programming language:

First of all, the marking language is:

• HTML (Hyper Text Markup Language): It defines a basic structure and a code (called HTML code) for the definition of content of a web page, such as text, images, videos, games, among others. It is the structure that you will like have in your web.

Second, the style language is:

• CSS (Cascading Stylesheets): It sheets are used to format the layout of Web pages. They can be used to define the styles of text, table sizes, and other aspects of Web pages. It is the aspect that you will like have in your web.

Example: It is like when you are constructing your home:

1. First, you decided the structure, like rooms, bathroom, kitchen… this is transform in html with <header>, <main>, <footer>…
2. After this, you put the furniture, like wardrobes, table, chairs, sofa … this is transformed in html with <sections>, <div>, <h1>…
3. Second, you decided how you want to design your home, in this moment you need to decide the size of the rooms this is transform in css with width, height, padding…
4. After that, you decided the distribution of your furnitures with css you use tools like flexbox, grid…
5. In the end, you decided the colors of the walls, and element that you decorate your home… this is transform in css with background, color, font-size…

Now we will explain what a programming language is in its basic form. A programming language has rules and more or less reduced set of orders, expressions, instructions and commands that tend to resemble a natural language. The base of this are algorithms and data structure.

• The algorithms are unambiguous, finite and orderly sequence of instructions that must be followed to solve a problem. A program usually implements (translates to a specific programming language) one or more algorithms. In concrete the Java Script use the algorithms like modul objects.
• JS (Java Script): it is a language that have this characteristics: dynamic, weakly typed (more flex than other language programming), based on prototypes and multi-paradigm. JavaScript supports event-driven, functional, and imperative (including object-oriented and prototype-based) and basic manipulation of the DOM.

Example: It is like in your home:

1. It is when you would have the best things in your home, this you will achieve through home automation, this include orders and actions (function), you can order that change the lights, programming the washing machine to start in the hour you want…
2. Imagine the normal light in your home (class= light), but now you need to can change the intensity, for this you put a machine with the regulation, in language programming you need to put a (function) that “if” you need less intensity, you can reduce the light and “else” if you need more intensity you can rise the light.

With this you will have the best house (or website) in your community and you will be the envy of your neighborhood (or your industry)!