Cuéntalo! Share on FacebookTweet about this on TwitterShare on Google+Digg thisShare on LinkedInShare on TumblrEmail this to someone

Con la siguiente función podemos revisar los watchers que se están ejecutando en nuestra app de AngularJS. Los watchers son uno de los principales problemas a la falta de rendimiento en aplicaciones realizadas con AngularJS.

 

Cuéntalo! Share on FacebookTweet about this on TwitterShare on Google+Digg thisShare on LinkedInShare on TumblrEmail this to someone

El efecto de escala de grises nos puede dar un efecto atractivo en los “hover” de nuestras imágenes. O al revés, mostrar siempre la imagen en escala de grises y mostrar los colores al hover.

Para aplicar-lo es muy sencillo, con poner las propiedades adecuadas en el css es suficiente:

img:hover{
-webkit-filter: grayscale(1);
}

Si queremos podemos añadir un efecto de transición para hacer mas atractivo el efecto:

img:hover{
-webkit-transition: all 1s ease;
-webkit-filter: grayscale(1);
}
img{
-webkit-transition: all 1s ease;
}

Cuéntalo! Share on FacebookTweet about this on TwitterShare on Google+Digg thisShare on LinkedInShare on TumblrEmail this to someone

La creación de una interfaz de aplicación utilizable para el móvil desde cero requiere tiempo, paciencia, y una gran cantidad de cafeína. El photoshop y otros editores gráficos son herramientas de edición perfectas, destinadas a simplificar el proceso de construcción de una interfaz. La siguiente galería incluye un conjunto de kits de interfaz de usuario que son gratis para descargar y utilizar en cualquier proyecto. El uso de estos elementos “prediseñados” le puede ahorrar una gran cantidad de dificultades.

Cuéntalo! Share on FacebookTweet about this on TwitterShare on Google+Digg thisShare on LinkedInShare on TumblrEmail this to someone

AngularJS-largeEl código en AngularJS está organizado en modelos, vistas y controladores. Para llegar a esta organización podríamos decir que tenemos 4 funcionalidades en JavaScript que nos ayudan a conseguir esta organización.

Controladores

Es la clave, encargado de ligar los modelos con las vistas y de realizar toda la lógica de la aplicación

Filtros

Los utilizamos para filtrar contenido. Se pueden usar tanto en las vistas como en los controladores.
En una vista lo llamaríamos simplemente agregando: | nameFilter en el lugar donde estubieramos printando la variable, mientras que en el controlador tendríamos que utilizar el objeto $filter.

En próximas entradas detallare mas en profundidad que tipos de filtros tenemos del propio angular y como podemos crearnos los nuestros.

Directivas

Es el apartado mas espectacular de todos. Sirven para crear funcionalidades a las vistas. Es donde podemos declarar nuevos tags html o modificar los actuales. Es la parte que nos da más funcionalidades extra para el HTML.

Ejemplo sencillo de lo que se puede conseguir con las directivas:

 

Servicios

Yo los suelo usar para gestionar datos. (podríamos decir que es el modelo) Los uso para realizar las llamadas a la api, gestionar cache, o realizar pequeños algoritmos de datos muy “reusados” dentro del controlador.

Y estas serian las 4 portes fundamentales a dominar para realizar una app con angular. En próximos posts entraré mas en profundidad en cada uno de ellos.

Cuéntalo! Share on FacebookTweet about this on TwitterShare on Google+Digg thisShare on LinkedInShare on TumblrEmail this to someone

La tarea de compartir el diseño con el cliente suele ser a menudo complicada de gestionar. A veces te intercambias 100 mails y la página que estais opinando es totalmente distinta o una se refiere al menú X y el otro al menú Y. Es por eso que existen herramientas que nos facilitan las “discusiones” de diseños.

ConceptInbox

prototypes

Es la herramienta con mejor diseño y usabilidad de las que he testeado. A parte de permitir un feedback visual permite realizar un control de versiones.

Link: http://conceptinbox.com/

 

Conjure.io

Igual de completo que el anterior. Nos permite gestionar toda una red de “opinadores” sobre nuestros diseños. En el siguiente vídeo podeís ver todas sus opciones:

Link: http://conjure.io/

RedPen.io

Captura de pantalla 2014-10-27 a las 19.02.04Sin duda, la mas simple de todas. Una imágen marcamos un punto y añadimos comentario. Simple y efectiva.

Link: https://redpen.io/

 

 

Hay muchas herramientas similares y realmente es complejo testear-las todas o poder dar una opinion. Utilizais alguna en concreto? habeis provado las que he mencionado?

Cuéntalo! Share on FacebookTweet about this on TwitterShare on Google+Digg thisShare on LinkedInShare on TumblrEmail this to someone

AngularJS-Hub-Header-ImageMuchas formas la mejor forma de aprender cualquier lección es probando. Y en código pasa lo mismo. Una vez echo el “hello world” con cualquier lenguaje, tienes que complicar el ejemplo para comprender correctamente todas sus posibilidades.

En AngularJs Hub muestran exactamente esto. Ejemplo de código realizados con AngularJS, des del mas sencillo a cosas mas complejas.

Link: Ejemplos angularjs

 

Como he dicho en algún otro post, ahora mismo estoy centrado en el desarrollo con Java Script, y principalmente AngularJS. Es por eso que los próximos post es muy probable que contengan un mayor contenido de código realizado con AngularJs.

Cuéntalo! Share on FacebookTweet about this on TwitterShare on Google+Digg thisShare on LinkedInShare on TumblrEmail this to someone

AngularJS-largeAngularJS es una pasada! podríamos dejar perfectamente el comentario aquí y terminar el post pero profundizaremos un poco mas.
Es un framework con estructura MVC para JavaScript realizado (o gestionado) por Google. AngularJS da un “plus” al HTML normal. Si bien el HTML no nos da problemas al realizar un código de una página estática, si que nos da problemas o limitaciones cuando se trata de contenido dinámico. No solo eso, si no que no nos da ninguna facilidad para modificarlo. AngularJS lo que nos permite es ampliar las opciones de HTML para dar respuesta a todas estas aplicaciones de contenido dinámico. Ya sean aplicaciones con contenido via AJAX, contenido en real time, carga dinámica…

 

De repente te encuentras con la posibilidad de tener condiciones o bucles en tu HTML. Una tarea tan sencilla como hacer un toogle con jQuery, que aun y ser fácil te ocupa unas cuantas líneas, con angular pasas a tener solo un tag: ng-show=”variable_bool_o_expresion”.

 

A parte de todas las opciones que nos permite la raiz de AngularJS tiene todo un sistema para poder ampliarlo a nuestras necesidades con toda facilidad. Pudiendo crear filtros especiales para nuestros bucles, creando nuestros propios tags de HTML…
Es importante destacar que AngularJs crea una dirección bidireccional entre tu código HTML y el JavaScript, de forma que es muy fácil crear estructras complejas. Es decir, si creas un input en HTML, el mismo contenido del input (value) lo tienes en el JS. Sin necesidad de controlar el evento de modificación, o de click. Quedan “enlazados” durante toda la ejecución.

Espero poder hacer muchos tutoriales sobre AngularJS en breve. Suscribete al boletín para estar informado!!!

 

Entra tu dirección de correo:




Cuéntalo! Share on FacebookTweet about this on TwitterShare on Google+Digg thisShare on LinkedInShare on TumblrEmail this to someone

Si has actualizado a la última versión de OS X, Yosemite y utilizas XAMPP para desarrollar tus proyectos en localhost te habrás dado cuenta de que el servicio de mysql no se inicia correctamente.

A falta de versiones oficiales… la solución es bastante “fácil”:

Tenéis que editar el archivo xampp que encontrareis en: /Applications/XAMPP/xamppfiles/xampp (Yo en concreto lo edito con el vim porque es el que me va mejor)

Después tenéis que buscar la línea:

$XAMPP_ROOT/bin/mysql.server start > /dev/null &

Y añadir justo encima: unset DYLD_LIBRARY_PATH quedando de la siguiente forma:

unset DYLD_LIBRARY_PATH
$XAMPP_ROOT/bin/mysql.server start > /dev/null &

Guardad y volvéis a reiniciar el servicio. Esto debería solucionar vuestros problemas

Cuéntalo! Share on FacebookTweet about this on TwitterShare on Google+Digg thisShare on LinkedInShare on TumblrEmail this to someone

Después de algunos años sin prestar atención al blog vuelvo con ganas de contar lo que hago. Hace apenas 4 años que no escribo nada, pero la verdad es que en esto de Internet las noticias van muy muy rápido.

Empezé este blog para aprender, anotar y obligarme a practicar sobre programación. Centrado prácticamente a full time a PHP, y tocando solo JavaScript para cosas puntuales. Y en la mayoría de los casos con jQuery. Y lo que son las cosas… a día de hoy prácticamente todo mi desarrollo se centra con Java Script, es lenguaje que hace unos años hubiera afirmado que desapareceria.

Así pues, es probable que el blog coja una temática concreta, centrada mas en desarrollo sobre JavaScript que sobre otra temática. No obstante, seguiré mostrando noticias sobre aplicaciones, internet,  Marketing, mobile.. o otros lenguajes de programación.

Cuéntalo! Share on FacebookTweet about this on TwitterShare on Google+Digg thisShare on LinkedInShare on TumblrEmail this to someone

Parece que ya la tenemos aquí, después de muchos rumores google anuncia lo que sera lo mas parecido a una red social que haya podido sacar hasta ahora. Sus últimos proyectos no han tenido el recibimiento que esperaban, pero en pleno auge de Android parece que ahora si que puede ser un buen momento.

Toda la información en el blog oficial de google