Categoría: Lenguaje JavaScript

Actualmente muchas personas empiezan su etapa de desarrollador utilizando como lenguaje de entrada JavaScript, por sus múltiples usos, pequeña curva de aprendizaje inicial y la capacidad de poder desarrollar código en este lenguaje desde un navegador web.

Debido a las características anteriores y a que muchos de los nuevos desarrolladores que utiliza JavaScript vienen del mundo de la maquetación web (HTML y CSS), la depuración del código suele ser un asignatura pendiente en la mayoría de los casos.

Si alguno se ha tenido que enfrentar a depurar código C con GDB sabrá que depurar nunca es algo placentero, ni fácil, ni rápido. Pero ahora ya contamos con muchos softwares con interfaz visual que nos facilitan en gran medida la depuración del código.

Leer más

Cuando vamos a desarrollar una web, una de las cosas más fundamentales y críticas que debemos hacer, es elegir el framework de desarrollo web que vamos a utilizar. Esto es debido a que desarrollar una web de cero suele ser algo bastante costoso.

Vanilla JS

Vanilla JS es un framework de desarrollo web ligero, rápido y multiplataforma que nos va a permitir construir aplicaciones increíbles. Algunas de las funcionalidades que soporta son:

• El uso de objetos
• Animaciones
• Expresiones regulares
• Manejo de Arrays y cadenas de caracteres
• Gestion del DOM
• Soporte para eventos

Leer más

Uno de los proyectos más comunes hoy en día es crear una galería fotográfica o cualquier otro sistema que muestre de una manera impactante nuestras imágenes. Hoy os vamos a enseñar a hacerlo, utilizando una conocida librería de JavaScript.

Creando la galería fotográfica con JavaScript

Para desarrollar nuestra galería vamos a utilizar la biblioteca de JavaScript Grade.js la cual nos va a permitir:

• Extraer los dos colores dominantes principales de la imagen
• Generar un degradado basado en ambos colores
• Enmarcar una fotografía con nuestro degradado

Todo lo anterior lo crea con muy pocas líneas de código y de manera totalmente automática. Para mostraros cómo funciona, lo mejor es basarnos en el siguiente ejemplo que he creado.

Leer más

Una de las técnicas de inteligencia artificial más estudiadas es la denomiada OCR (Reconocimiento Óptico de Caracteres), la cual consiste en extraer el texto que hay en una imagen.

Por qué es útil el OCR

Hoy en día, encontramos multitud de situaciones donde parte de los documentos o medios en los que trabajos son digitales y otra parte analógicos. Como todos sabemos los ordenadores trabajan muy bien con la parte digital, ya que así están pensados, sin embargo se comportan bastante mal cuando tienen que tratar con datos que no son digitales, como por ejemplo:

• Cantidades escritas a mano (facturas, contratos, cheques…)
• Direcciones escritas a mano (envíos, paquetería, facturas…)
• Indicaciones escritos a mano (comentarios, modos de uso…)

Para intentar salvar todos los problemas anteriores, se aplican técnicas de OCR, las cuales parten de una imagen donde está el texto a reconocer y, con un conjunto de algoritmos ya entrenados, son capaces de extraer en mayor o menor medida el texto que hay en esas imágenes.

Leer más

Uno de los mayores problemas que encontramos las personas que escribimos sobre programación es la necesidad de mostrar el código fuente de manera sencilla. Esto se hace normalmente mediante algún sistema de resaltado de sintaxis, el cual nos permite colorear cada conjunto de palabras claves.

Añadiendo resaltado de sintaxis a tu web

El resaltado de sintaxis está presente en todos los editores de código, pero también lo podemos usar en una web mediante Prism.

Este desarrollo nos va a permitir mediante el uso de un fichero JavaScript que contiene los patrones y otro CSS que cuenta con los colores, conseguir un resaltado de sintaxis profesional, que no tiene nada que envidiar al de tu entorno de desarrollo. Este desarrollo además es compatible con multitud de lenguajes (más de 100) y cuenta con temas y plugins para que podamos adaptar el aspecto final. Finalmente podemos decir que tal es la calidad, que algunas empresas como Mozilla lo usan en su documentación online.

Leer más

Una de las características básicas de las páginas web actuales, es conseguir un aspecto llamativo que permita al usuario recordarla y le invite a seguir descubriéndola. La verdad es que esto lo podemos conseguir utilizando distintas aproximaciones, con un buen diseño basado en imágenes, con tipografías, con iconos, etc.

En este caso os proponemos utilizar una librería de JavaScript que nos va a permitir generar un fondo muy llamativo y espectacular para nuestra web.

Generando fondos con Trianglify

Trianglify es una librería de JavaScript desarrollada por Quinn Rohlf, que se va a encargar de generar infinitos fondos basándose en la distribución de triángulos. Todo ello es aderezado por paletas de colores basadas en degradados para conseguir mejorar el efecto que buscamos:

Leer más