DEV Community

loading...
Cover image for El mundo de JavaScript

El mundo de JavaScript

vanessamarely profile image Vanessa Aristizabal ・5 min read

En la actualidad existen muchas páginas donde se nos enseñan diferentes conceptos de JavaScript, cada autor siempre pone en manifiesto su forma de compartir ideas desde sus diferentes puntos de vista; y en este articulo, al igual que muchos otros que existen, es una propuesta de transmitir JavaScript desde el punto de vista de una historia.

Podemos crear historias de todo a nuestro alrededor y podemos enseñar muchos mundos, como el de JavaScript de diferentes formas y una de ellas es contando una historia o Storytelling.
El Storytelling, es un arte interactivo donde se usan palabras y acciones, para revelar elementos e imágenes de una historia, mientras transporta a los oyentes con la imaginación, y esa es la idea de esta historia que te puedas transportar con ella.

Y teniendo en cuenta eso …

Había una vez un lenguaje de programación llamado JavaScript

Alt Text

Vino a este mundo con grandes características. El es un lenguaje simple que tiene tipos de datos, y nos permite manipular el DOM y CSSOM con el.

Podemos crear pequeñas recetas llamadas funciones y combinaciones de ellas, como funciones que reciben funciones en sus argumentos de entrada o CallBacks, entre otras. Además nos permite crear promesas y manejar Streams de Datos, entre muchas otras cosas más.

Alt Text

JavaScript creció y creció para convertirse en un poderoso lenguaje

Alt Text

Todo el mundo quería que estuviera en todas partes. Al ser multi-plataforma, se puede usar en cualquier SO y navegador, en ambientes de cara al usuario y servidor.

Alt Text

En algunos lugares querían que fueran más estructurado que en otros, creándose un Superset de él. El cual es usado en Frameworks como Angular.

Alt Text

Se convirtió en el lenguaje más amado y usado por todos, principalmente para ser usado en la Web.

Alt Text

Cuando JavaScript fue creado, su labor fue enfocada en la interactividad en los navegadores Web.

Alt Text

Lo anterior dio origen a que los Developers, escribiéramos pequeñas recetas de código.

Alt Text

En los inicios de JavaScript, una organización Europea llamada ECMA (European Computer Manufacturers Association), creó un comité para estandarizarlo.

Alt Text

A partir de los estándares que el ECMA fue añadiendo, la vida de nuestro lenguaje cambió para siempre.

El comité le dijo a JS que operadores, métodos, entre otros elementos, se podían usar y que iba a seguir usando a medida que iba a pasar el tiempo y que cosas ya estaban obsoletas o deprecadas. En la actualidad nos encontramos ante la versión ES10 o ES2019.

Alt Text

Y JS le comunicó a sus Devs que código debían escribir, como lo podían seguir haciendo, que se podía usar y qué cosas no podían seguir utilizando

Alt Text

Y respecto a los diferentes estándares, hay una gran cantidad de conceptos que se manejan para ellos, y quiero compartirles una anécdota que tuvo JS hace un tiempo, donde te explica algunos conceptos que los Devs usamos.

Alt Text

El verano pasado salí con dos de mis inseparables amig@s, uno se llama CiSaS & el otro cHaTeMeL, ambos eran de mundos muy diferentes, sumado el mío, somos una combinación poco común.

Alt Text

Todos con gustos y características diferentes, nos unía una gran amistad y el querer pasar un rato muy agradable.

JiS, tenía los intereses de divertirse y animar.

Cisas, con sus intereses en verse bien y estilo.

cHaTeMeL, su interés en organizar y elegancia.

Alt Text

Decidimos unir esos intereses, haciendo Spread operator (u operador de propagación) y nos fuimos de paseo.

Alt Text

Alt Text

CiSaS y cHaTeMeL, querían pasear en lugares diferentes, querían acampar e ir a piscina. Así que se me ocurrió extraer esas propuestas con Destructuring y llevarlas a una finca que tenía todas las opciones y mucho más.

Creamos un objeto finca.
En la finca, se podía tener la Opción A de hacer la actividad de acampar, y una Opción B, la actividad de ir a piscina.

Alt Text

Alt Text

Hicimos lo que quisimos, y los acompañé en cada actividad.
CiSaS estaba super feliz porque había un tobogán.

Nuestras acciones fueron: resbalarnos por el tobogán y nadar.
Escribimos nuestras acciones de “resbalarseporTobogan” y “nadar”, y para ello usamos una sintaxis de arrow functions y un poco de template literals

Alt Text

Y bueno como mencione nos resbalamos por el tobogán

Alt Text

Y nadamos

Alt Text

Con cHaTeMeL acampamos, así que escribimos nuestra acción de acampar

Alt Text

Alt Text

CiSaS se nos unió para hacer una fogata y asar algunos malvaviscos
Nuestra fogata fue igual a asar malvaviscos

Alt Text

Alt Text

Fueron momentos super geniales y esa noche hicimos una promesa,
Prometimos que en un futuro cercano volveríamos a repetir la experiencia.

Alt Text

Entonces creamos nuestra promesa

Y si volvíamos, nuestra promesa se resolvería con una gran diversión
De lo contrario si se rechazaba, iba a ser muy triste porque yo quería repetir esa experiencia.

Fin.

Se pueden contar muchos conceptos de JavaScript mediante una historia o cuento y de esta forma desglosar conceptos que pueden ser muy abstractos con ideas simples, como las que use para las acciones que realizaron nuestros personajes y escribirlas usando la sintaxis de arrow functions.

En otra historia te contare algunos secretos de JavaScript e incluso te iré ampliando más el concepto sobre los arrow functions, destructuring y template literals, entre otros.

Discussion (4)

pic
Editor guide
Collapse
kaleman15 profile image
Kevin Alemán

Qué alegría ver artículos en español aquí. Creo que traduciré los míos también! Qué buena idea!

Collapse
pabloabc profile image
Pablo Berganza

Que pequeño es el mundo.

Collapse
kaleman15 profile image
Kevin Alemán

Baia baia. Estás aquí y no te sigo. Solucionado

Thread Thread
pabloabc profile image