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.

 

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.

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.

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:




Cada vez se pueden hacer mayores efectos con javascript, y creo que de una forma o otra va a quitar terreno a flash.

jCanvaScript es una colección de javasript que nos proporciona métodos para gestionar el contenido de un elemento HTML5 fácilmente. Funciona en cualquier plataforma (incluyendo el iPhone, IPAD, Android) que soporta JavaScript. Obviamente hay problemas para utilizar estos efectos en Internet Explorer.

Libreria: jCanvaScript