Alexander Rodríguez

Blog personal de Alexander Rodriguez.

[alexr1712]

Test de Turing (Comic)

[alexr1712]

La Minería de Datos

[alexr1712]

We are too trapped in a system. We cannot see beyond it. But there is more out there. “You never change things by fighting the existing reality. To change something, build a new model that makes the existing model obsolete.”

[alexr1712]

#NowPlaying DR777 by Mo Vibez, Creepa

[alexr1712]

#NowPlaying DR777 by Mo Vibez, Creepa

[alexr1712]

#NowPlaying Englishman In New York de Sting

[obscurejavascript]

Arrow Functions in ES6 JavaScript

Arrow functions provide a way of shortening functions and referencing the parent this. For example:

var API = function() { this.called = 0; this.fakeCall = function() { setTimeout(() => console.log(this.called += 1), 1000); }; }; var api = new API(); api.fakeCall();

In non-ES6 JavaScript this can be roughly matched with using Bind:

this.fakeCall = function() { setTimeout((function() { console.log(this.called += 1); }).bind(this), 1000); };

The benefits of shorter syntax are not emulatable with anything short of evaluating a string of code in some way though.

Github Location: https://github.com/Jacob-Friesen/obscurejs/blob/master/2015/arrowFunctions.js

[codemyui]

Circle Menu Effect

Check out this amazing circle menu effect on clicking will pop items around and on selecting the item will animate the button to circle around and then change the background color to the one selected. Designed by  Willmer Barahona.

Seguir leyendo

[lortencio]

You Can Demo Your App Without Deploying it!

With ngrok, you can share a working link of your app to others in mere seconds.  All you need to do is download ngrok in your app’s directory, run a simple command, and copy your shareable link from your terminal.

Download ngrok - download ngrok in your app’s directory, then unzip and install it.

Type ./ngrok http 80 , or whatever port on which you have your app running, in your command line.  Below is how your terminal should look like after you run ./ngrok http [your port here] .

Copy the link provided to you in your terminal and share it with whomever you please! 

***If you have any questions regarding ngrok, please feel free to send me an ask.

[alexr1712]

Add data to the end of Array [ JS ]

You can add data to the end of array using a function called .push(), this function add content tha you give into arguments and now insert into the end of a array. Here a simple example:

var arr = [1,2,3]; arr.push(4); // arr is now [1,2,3,4]

[zcode]

The nature of Javascript

As I was writing the post about array filtering, I felt like something was missing from the explanation, but I couldn’t figure out what. But I think I might understand the missing explanation - at least for someone like me who has a background with Object Oriented programming.

There is a fundamental difference between a strongly typed language (like Java) and a weakly typed language (like Javascript). And working with strongly typed languages can make it hard to switch to weaker typed. 

The difference can be seen when dealing with simple variables. The “strong typing” of Java says you have to tell the code what kind of data you are expecting – a String or a Date. While in Javascript there is no typing in this way. You just say it is a var (variable), and give it a value. It can be hard to make this switch. I still find myself typing “int x = 0;” and I will get an error saying “whats this int thing?” so I have to change it to “var x = 0;”

Methods also differ. In Java, we have to give it a return type and optionally we can give it specific visibility. In Javascript, you just say “hey I have a function, it will give you something back, hope it is the right type. Good luck!”

And when you want to pass parameters into methods, in Java you tell it what type of data is allowed to be passed in. In Javascript, there is no typing, so you just say “hey, I am getting some data, so I will refer to it by this alias”. 

Hopefully seeing a side by side comparison helps see how doing basically the same thing in one language works in another, and helps anyone else doing the switch from OO to scripting understand the idiosyncrasies of js a little more.

At least until I start covering Typescript, which introduces OO concepts and constraints to Javascript.

[alexr1712]

Console.table instead of Console.log in Javascript (Tip)

[alexr1712]

Three Splendid Javascript Debugging Tips

[alexr1712]

#NowPlaying Sucker For Pain (with Wiz Khalifa, Imagine Dragons, Logic & Ty Dolla $ign feat. X Ambassadors) de Lil Wayne, Wiz Khalifa, Imagine Dragons, Ty Dolla $ign, X Ambassadors, Logic

[alexr1712]

Javascript Snippets

Muchas veces he necesitado tener a la mano ciertos recursos y bien recordar algunos para utilizarlos en un futuro, y en este post quiero ir destacando varios de ellos con su respectiva descripción.

shepherd

1. Maximum width or height in a set of elements

This script is very useful to make equal height columns or equal width rows easily:

var getMaxHeight = function ($elms) { var maxHeight = 0; $elms.each(function () { // In some cases you may want to use outerHeight() instead var height = $(this).height(); if (height > maxHeight) { maxHeight = height; } }); return maxHeight; };

[alexr1712]

#NowPlaying Nightgowns de Tom Misch, Loyle Carner

[alexr1712]

#NowPlaying Kiss from the Past de Allure