Depura tu código JavaScript fácilmente

por:
Depura tu código JavaScript  fácilmente

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

El framework de desarrollo web más ligero

por:

El framework de desarrollo web más ligero

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

Cómo crear una galería fotográfica con JavaScript

por:

Como crear una galeria fotografica con JavaScript

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

Extraer el texto de una imagen con JavaScript

por:

Extraer el texto de una imagen con JavaScript

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

La CDN de tus recursos de programación web

por:

La CDN de tus recursos de programación web

Cuando estamos trabajando en el desarrollo de una web, normalmente nos enfrentamos al problema de que hay múltiples librerías y recursos para realizar una tarea concreta. Una vez que realizamos la elección de los distintos componentes que vamos a utilizar en nuestro proyecto, nos topamos con el problema de cómo integrarlos al mismo. En este momento encontramos distintas maneras de proceder:

Usando recursos locales

Una primera aproximación y quizás la más utilizada es descargar todos aquellos recursos que vamos a utilizar (bibliotecas de JavaScript, fuentes, estilos …), enlazarlos y subirlos a nuestro servidor. Esto no es bueno para las cachés, ya que si tu web usa jQuery y el usuario antes ha visitado una web que usa jQuery, su navegador va a volver a descargar ese fichero con la pérdida de tiempo y rendimiento que eso supone.

Usando recursos remotos

Para solventar el problema podemos hacer que nuestro recurso (por ejemplo jQuery) sea cargado desde un servidor conocido, esto hace que si el usuario ha visitado otra web que también usaba el mismo recurso en el mismo servidor, la caché funcione y no tenga que volver a obtenerlo.

Leer más

Cómo añadir resaltado de sintaxis a tu web

por:

Cómo añadir resaltado de sintaxis a tu web

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

Curso online gratis de desarrollo web

por:

Curso online gratis y certificado de desarrollo web

El desarrollo web hoy en día se ha convertido en uno de los sectores más importantes de la informática. Ya que con el auge de Internet, cualquier negocio físico quiere disponer de un punto de encuentro online donde mostrar sus servicios, su localización, su horario…, algunos incluso han aprovechado este medio para seguir vendiendo sus productos y servicios.

Además hoy en día hay multitud de servicios cuya presencia es únicamente online, si a eso le sumamos que muchas personas quieren tener sistemas de blogs para comentar sus vivencias, nos encontramos con un mercado muy amplio.

Leer más

Crea fondos web llamativos con JavaScript

por:

Crea fondos llamativos para tu web con JavaScript

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