Etiqueta: javascript

Dos nuevos recursos gratuitos para aprender y mejorar con Javascript

Publicado el

por Juan Diego Polo

javascript

Javascript es el lenguaje de programación que nunca cansa. Sus posibilidades son enormes, y prácticamente toda la web depende de él, por lo que aprender a usarlo es obligatorio para todos aquellos que desean dedicarse a programar aplicaciones en Internet.

Hoy os mostramos dos nuevos recursos que pueden ayudar tanto a aprenderlo desde cero como a mejorar para los que ya tienen buenas bases establecidas:

– Curso de JavaScript para no programadores: Nuevo curso en keepcoding.io que nos ayudará a aprender desde cero este lenguaje tan potente, basándose en el último estándar (ECMAScript 6). Durante el curso desarrollarán un juego de plataformas mediante el cual se enseñarán todos los fundamentos básicos (y algunos no tan básicos). Continúa leyendo «Dos nuevos recursos gratuitos para aprender y mejorar con Javascript»

Background Blur, un plugin para difuminar las imágenes de fondo de vuestra web

Publicado el

por Sergio Asenjo

image-blur

Una de las técnicas más empleadas en las páginas web modernas es la conocida como blur o difuminado de imágenes, técnica que nos permite conseguir resultados como el que podéis ver en la captura de pantalla que ilustra este artí­culo. Hoy os recomendamos Image Blur, un plugin para difuminar automáticamente las imágenes de fondo de vuestra web sin necesidad de utilizar herramientas como Photoshop.

Tal y como podéis comprobar en la web del proyecto, el efecto funciona perfectamente independientemente de la imagen que escojamos (la web nos permite comprobar el acabado con distintas fotografí­as). Además de poder utilizar Background Blur en la cabecera de nuestra web, el plugin también puede utilizarse en los fondos de los avatares de cada usuario. Y no solo eso, ya que también podemos emplear la miniatura de un ví­deo como fondo difuminado del reproductor.

Continúa leyendo «Background Blur, un plugin para difuminar las imágenes de fondo de vuestra web»

Facebook libera Yarn, su gestor de paquetes JavaScript, bajo código abierto

Publicado el

por Fco. José Hidalgo

yarn

Facebook acaba de poner a disposición pública, bajo código abierto, su propia herramienta de gestión de paquetes JavaScript que recibe el nombre de Yarn, el cual ha sido desarrollado en colaboración con ingenieros de otras compañí­as, precisamente de Exponent, Google y Tilde. Acorde a Facebook, Yarn es un cliente NPM alternativo, rápido, fiable y seguro con respecto a otros clientes NPM, sobre todo, con el cliente oficial.

En este sentido, para contextualizar, hay que señalar que NPM es uno de los gestores de paquetes JavaScript más popular del mundo. La idea de desarrollar un propio por parte de Facebook parte de los problemas que el cliente NPM oficial estaba dando internamente conforme aumentaba su base de códigos y la cantidad de ingenieros que trabajan con ellos, generándoles problemas de consistencia, seguridad y rendimiento, problemas que han ido tratando individualmente sin lograr con una solución satisfactoria.
Continúa leyendo «Facebook libera Yarn, su gestor de paquetes JavaScript, bajo código abierto»

plottablejs, componentes listos para crear gráficas en nuestro sitio web

Publicado el

por Juan Diego Polo

plottablejs

Si estáis creando un google analytics personalizado, o una sección de informes de vuestra aplicación web, o cualquier proyecto que use Javascript para crear gráficas a partir de datos, os interesará conocer plottablejs.

Es un conjunto de componentes flexibles «prefabricados» que podemos combinar y reorganizar para construir tablas y gráficas de diversos tipos. Es posible alterar el diseño, tamaño y posición de los componentes, de forma que se hace sencillo reutilizar los gráficos construidos previamente.
Continúa leyendo «plottablejs, componentes listos para crear gráficas en nuestro sitio web»

Carbide, una plataforma para programar diferente de todo lo que has visto

Publicado el

por Juan Diego Polo

carbide

En alpha.trycarbide.com tenemos la primera versión de una plataforma de programación bastante original, un experimento que promete revolucionar la forma como creamos programas en Javascript, y que tiene previsto ampliarse a otros lenguajes de programación en el futuro.

Carbide ofrece la posibilidad de ver los resultados de los diferentes bloques en el mismo panel, sin necesidad de tener que abrir varias ventanas para comprobar los resultados de los cambios realizados. Podemos también realizar simulaciones en las que se muestra el valor de diferentes variables en función del que van tomando otras relacionadas.
Continúa leyendo «Carbide, una plataforma para programar diferente de todo lo que has visto»

Biblioteca Javascript para detectar movimientos de dedos en una web desde el móvil

Publicado el

por Juan Diego Polo

javascript

Si estáis trabajando en la versión móvil de una web, y queréis añadir funciones diferentes a las ofrecidas en su versión de escritorio, echad un vistazo en este recurso.

Se trata de Zingtouch, una biblioteca de Javascript que podemos integrar en nuestra plataforma para que detecte varias acciones. Pulsar con dos dedos en lugar de con uno, realizar un movimiento de cí­rculo con los dedos, medir la distancia entre ellos, detectando el tí­pico movimiento de zoom… acciones que vemos en el dí­a a dí­a dentro de las apps, tanto en android como en iOS, pueden detectarse y trabajarse también en las páginas web, y allí­ podemos comprobarlo con los ejemplos que aparecen.
Continúa leyendo «Biblioteca Javascript para detectar movimientos de dedos en una web desde el móvil»

spirit, una innovadora forma de crear animaciones para web

Publicado el

por Juan Diego Polo

spirit

Crear animaciones en la web no es sencillo. Desde hace años se ha usado flash para ese objetivo, tecnologí­a que, por su falta de actualizaciones a una web moderna, sus archivos extremadamente pesados y su falta de compatibilidad con el mundo móvil, dejará de existir dentro de muy poco tiempo, tal y como os hemos comentado en varias ocasiones.

Es cierto que HTML5 permite la programación de animaciones sofisticadas, pero no es algo que esté al alcance de todo el mundo, necesita formación y mucha experiencia para poder realizar animaciones de buena calidad.

Lo que pretenden en spiritjs.io es ofrecer facilidad y potencia en una sola plataforma.
Continúa leyendo «spirit, una innovadora forma de crear animaciones para web»

Microsoft libera el código de los componentes claves de Chakra, su motor JavaScript

Publicado el

por Fco. José Hidalgo

ChakraCore

Hace poco más de un mes, Microsoft prometió la liberación del código fuente de los componentes principales de Chakra, el motor JavaScript empleado tanto en Internet Explorer como en Microsoft Edge, estando también disponible en otras plataformas de Microsoft como Cortana, Outlook.com, Azure DocumentDB, entre otras.

Dicho y hecho, desde hoy, el código fuente de los componentes principales de Chakra ya se encuentran disponibles dentro del repositorio ChakraCore a través de la plataforma GitHub bajo licencia MIT, según ha anunciado la compañí­a.

Microsoft señala que el repositorio ChakraCore ofrece un motor de JavaScript independiente y de código abierto, que cuenta con total soporte y las mismas caracterí­sticas que el motor Chakra disponible Microsoft Edge, encontrándose a disposición para su integración en proyectos de todo tipo, incluyendo servicios basados en la nube y proyectos dentro del segmento del Internet de las Cosas, así­ como para recibir las suficientes contribuciones por parte de la comunidad JavaScript, cuyas mejoras serán examinadas y encaminadas para que formen parte del motor JavaScript disponible en Microsoft Edge y en la Plataforma Universal de Windows en Windows 10.

Dicho repositorio cuenta desde ya con su propia hoja de ruta la cual la compañí­a se compromete a mantener siempre actualizada.

Los interesados en aportar sus contribuciones ya pueden hacerlo mediante Visual Studio 2013 o 2015, con C++ instalado, partiendo de Windows 7 SP1 o superior. La compañí­a espera poder recibir contribuciones a través de otras plataformas comenzando con Linux.

Lrn, una app para iOS con la que aprender a programar en Javascript

Publicado el

por Sergio Asenjo

Lrn

En la actualidad existen multitud de plataformas para aprender a programar en distintos lenguajes, y en WWWhatsnew os hemos ofrecido numerosas muestras de ello en los últimos años. En esta ocasión ampliamos la lista con Lrn, una app para dispositivos iOS con la que aprender los fundamentos de la programación en Javascript desde tu iPhone o iPad.

En primer lugar, es importante tener en cuenta que a pesar de que estamos ante una aplicación gratuita, es necesario pagar para poder acceder a las distintas lecciones. El curso completo consta de siete lecciones y Lrn nos ofrece la posibilidad de adquirir cada lección por 0,99€ o el curso completo por 2,99€, por lo que resulta bastante asequible. Aun así­, la aplicación permite completar una serie de tutoriales gratuitos que nos permitirán averiguar si el curso puede resultar de nuestro interés. En general, el planteamiento de la Lrn resulta bastante interesante, y es que al estar basada en pequeños cuestionarios interactivos, el proceso de aprendizaje resulta mucho más ameno. A lo largo del curso podremos adquirir una base interesante en Javascript (variables, funciones, condicionales, bucles, etc.), por lo que estamos ante una aplicación realmente interesante para todos aquellos que quieren aprender a programar. Además, otra caracterí­stica a destacar es la posibilidad de acceder al curso en cualquier momento y lugar, ya que todo el contenido es accesible sin conexión a Internet.

Podéis descargar Lrn a través de la App Store. En cuanto a los usuarios de Android, los responsables de la app están trabajando en una versión para el sistema operativo para dispositivos móviles de Google.

pathgather, para ayudar a programar una página de «cargando»

Publicado el

por Juan Diego Polo

En pathgather tenemos una librearí­a en JS que puede ayudar a los desarrolladores a presentar una página de «cargando» de forma rápida y original.

En el enlace tenéis acceso a una demostración de lo que puede hacerse, con un menú de opciones en la parte inferior derecha que permite cambiar el color de fondo y el tipo de icono animado que se usará para indicar que hay algo cargando, tal y como veis en la captura animada que aquí­ os dejamos.

Es posible también incluir una frase bajo vuestro logo, o un formulario, en lugar de un icono animado. Las opciones son muchas, todas ellas con posibilidad de ser configuradas usando la librearí­a que aparece al pulsar el «close demo», botón azul en la parte inferior izquierda.

El código está disponible en github, aunque las instrucciones de instalación se entienden mejor en la página antes mencionada.