I’ve recently found a ‘problem’ in my current project with configuration files when I’m trying to refactor some piece of code from PHP to Node.js.

More specifically, I’ve porting an image resizer because PHP library which was doing this job is currently deprecated and, instead of goes to another library, we decided to implement it again using Node.js

The problem was, that PHP library configuration is done using yaml and, our current solution uses a .js file to configure all formats of image resize.

Instead of rewriting all the configuration by hand, I took another approach.

This is how original…


Hoy veremos los fundamentos de las variables en JS, tanto los distintos tipos que tenemos así como su manejo.

Para empezar, hay que saber que JS es un lenguaje de tipado ‘débil’. ¿Qué quiere decir esto? Que una misma variable puede ser, en un momento dado, un número, para ser más adelante una cadena o un objeto. Si habéis programado en Java o .Net, ambos son lenguajes de tipado fuerte (una cadena no puede ser nunca un número).

De hecho, veremos más adelante como una misma variable va modificando su tipado según le vayamos asignando valores.

Distintos tipos de variables

Cadenas


Para evitar tener disperso por varios artículos la instalación del software necesario para ir siguiendo los artículos, voy a comentar aquí las herramientas que utilizo para el desarrollo de JS.

Photo by Hunter Haley on Unsplash

Herramientas

Git

Gestión de código. Imprescindible a día de hoy para casi cualquier cosa. Si estáis en un sistema linux, tan sencillo cómo

$> apt install git

En windows, tenéis tanto la herramienta por línea de comandos

Cómo también SourceTree, una buena alternativa visual para los que prefiráis las versiones con interfaz de usuario:

Compiladores y SDK


Hoy veremos cómo podemos ejecutar código JS de manera sencilla utilizando Node.js.

Photo by Ferenc Horvath on Unsplash

Según wikipedia:

Node.js es un entorno en tiempo de ejecución multiplataforma, de código abierto, para la capa del servidor (pero no limitándose a ello) basado en el lenguaje de programación JavaScript, asíncrono, con E/S de datos en una arquitectura orientada a eventos y basado en el motor V8 de Google.

Es decir, a partir del motor de JS de chrome, nació Node.js, con el objetivo de poder desarrollar la parte del backend con la misma tecnología que ya conocemos en el front.

Para instalar Node.js, a partir de…


Veremos como iniciarnos y dar nuestros primeros pasos con JS. Si todavía no tienes claro qué es JS, revisa Fundamentos de JS (parte I) para ver la historia del lenguaje.

Photo by Ryan Wallace on Unsplash

Para empezar, necesitaremos un IDE. Realmente, no es necesario como tal, pero sí que nos va a simplificar bastante el desarrollo. Para el desarrollo de JS, yo recomiendo VisualStudio Code.

En JS, inicialmente, no necesitamos nada más que un navegador para ejecutar nuestro código.

Para nuestro primer ejemplo, crearemos un fichero index.html, con el siguiente contenido:

<html>
<body>
<script>
console.log("Hello world");
</script>
</body>
</html>

A continuación, debemos abrir el fichero…


En este artículo veremos una pequeña introducción del lenguaje de programación JavaScript (de aquí en adelante, JS), más en concreto, de la historia de este lenguaje.

Photo by Shahadat Rahman on Unsplash

JS es, a día de hoy, uno de los lenguajes más populares para el desarrollo de múltiples tipos de proyectos.

Esto es debido a múltiples factores, entre ellos:

  • Una curva de aprendizaje relativamente simple: Es posible empezar a crear nuestros primeros proyectos sin muchas complicaciones y sin SDKs añadidos
  • Es multiplataforma: JS es universal. No depende de SOs y, cada día menos, de los navegadores.
  • Nos permite cubrir todo el desarrollo: Aunque nació como…

Una de las características básicas de cualquier lenguaje son las variables. Su uso o mal uso puede provocarnos más de un dolor de cabeza.

Es por eso, que es importante conocer cuales son las características y las particularidades de las variables en JavaScript.

Por ello, aquí van 5 tips:

1. var, let y const

En JS (a partir de ES6) tenemos 3 formas de declarar variables.

var oneVarlet 
let antoherVar
const constVar

Simplificando mucho (ampliaré info en otro post), con var únicamente tendremos 2 scopes: Global o método, lo que, puede provocar efectos colaterales indeseados (como vemos en el siguiente ejemplo, en el que la…


Photo by Daniel Cheung on Unsplash

Hoy vamos a ver cómo derrotar al imperio utilizando las funciones map, filter y reduce.

Para poder hacerlo, vamos a contar con una serie de “pilotos”, tanto de la alianza rebelde como del imperio, en formato de array de objetos:

Antes de ponernos a salvar la galaxia, vamos a ver la definición de las funciones

Filter

Quizás la más intuitiva de las 3 y, a la vez, una de las más utilizadas

let newArray = arr.filter(callback(currentValue[, index[, array]]) {
// return element for newArray, if true
}[, thisArg]);

Filter nos permite “filtrar” los elementos de una array en base…

Óliver Hierro

Desarrollador de software en @Hiberus. Java, JavaScript, Angular, Vue. Profesor en @Sanvalero. Papá de Ian y Zoe.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store