Blog - 3/4 - El Mundo de Angular

Category Archives for "Blog"

Execution context o el contexto de ejecución de javascript

¿No estaría bueno que cuando le pedimos a un albañil que nos construya una casa, ésta venga con puertas y ventanas colocadas? ¿y con el piso? ¿y el techo? ¿y qué tal el baño instalado… y la cocina? O sea, el Sr. albañil nos prepara todo un «contexto» para poder usar nuestra nueva casa. Bueno, de forma análoga, cada vez que le pedimos a Javascript que nos cree una función, no sólo nos crea esa función sino TODO un Contexto para Ejecutarla (o Execution Context)

Leer más

¿Banana in a Box? ¿Banana en la Caja?

¿Qué es «Banana In a Box»?, es una terminología de Angular que se refiere a ésta notación [()] que básicamente hace referencia a el famoso two-ways biding, o sea, al mecanismo de actualizar la vista y el modelo al mismo tiempo. Si esto no lo entendés, no te preocupes porque en este post te vamos a aclarar esa y muchas dudas más.

Leer más

¿Qué es zone.js?, ¿para qué sirve? y ¿qué chismes cuenta?

¿Alguna vez te preguntaste qué es esa dependencia llamada zonejs que está en todos los proyectos Angular? ¿Te preguntaste por qué es tan importante? ¿Sabías que si borramos esa dependencia una buena parte de nuestra aplicación dejaría de funcionar? ¿Y sabés cómo se mejoró la performance en Angular gracias a esta librería? Por último, ¿sabés por qué se muestra el stack trace facilitando el desarrollo en nuestras aplicaciones? Si en algún momento te hiciste alguna de esas preguntas, no te pierdas este post porque te vamos a explicar todo eso… ¡y mucho mas!

Leer más

El ciclo de ejecución de Javascript, porque no todo en la vida es Angular ;)

Angular se sostiene gracias a Javascript es por eso que mientras mas conozcamos de éste, más entenderemos cómo funciona Angular. Uno de los puntos interesantes de cómo funciona Javascript es la forma (y el orden) en que se ejecuta el código que escribamos, ¿por qué? porque si no sabemos en qué «orden» se ejecuta nuestro código podemos agregar «bugs» muy difíciles de detectar y perderíamos mucho tiempo y energía intentando resolverlos. Si no sabemos en qué orden pasan las cosas en nuestro código, si no sabemos las «reglas» de JavaScript, tu programa puede que no se comporte como vos quieras, puede que agregues bugs que ni sabías que existían, y que serán más difíciles de detectar mientras más crezca tu aplicación.

Entender cómo funciona la ejecución del código te da mas confianza, ya que algunas cosas que creías que ocurrían «como por arte de magia” adquieren sentido, y vos te volvés mas confiado en tu trabajo y más feliz también. Ganás tiempo mejorando tu código y lo perdés arreglando bugs, tiempo que podes aprovechar para pasear por la playa o mirar series :P.

 

Leer más

Cómo agregar una Directiva a una página

Las directivas están en todos en nuestras aplicaciones Angular, puede que incluso estén en más lugares de los que te imaginabas. Nos sirven para modificar nuestro DOM dentro de nuestras páginas o Templates. Estas directivas hacen, entre otras cosas, que nuestro HTML sea mucho mas legible y fácil de modificar. Así que si querés que tu vida sea mucho mas fácil… ¡prestále atención a este post!

Leer más

Cómo agregar Servicios en Angular, porque no todo es Componentes o Módulos en la vida…

De Componentes solamente no vive la gente, también necesita Servicios. Se necesita obtener datos de alguna fuente o compartir datos entre Componentes o alguna lógica . El Componente ya tiene mucho que hacer, preparando los datos para que su Template los muestre en la pantalla, como para preocuparse de conseguir esos datos. Es por eso que los Servicios (o Services) entran en el mundo de Angular

Leer más

Cómo navegar por las páginas de mi aplicación Angular y mucho más…

Navegar por las páginas de nuestro sitio web es una funcionalidad básica en cualquier aplicación web, pero con Angular se puede hacer mucho mucho más que sólo navegar. Podemos definir múltiples Routers, pasar datos a nuestros Routers, recargar dato para nuestras Vistas, agrupar nuestros Routers, agregar validaciones de acceso a nuestros Routers, agregarle estilo y animaciones, e incluso mejorar la performance sincronizando la carga de nuestros Routers.

Leer más

¿Qué son los módulos en Javascript? ó cómo agregarle plugins al viejo y conocido Javascript

¿Que es un módulo?, ¿que es un módulo Javascript?, ¿por qué es tan importante modularizar?, ¿cómo hacemos para modularizar en Javascript?, éstas y muchas muchas otras preguntas vamos a estar respondiendo en este post.

En el principio de los tiempos, la gente vivía en cavernas, cazaba su alimento y codificaba todo en un único y gigante archivo de miles y miles de líneas. Pero eso le traía muchos muchos problemas:

Leer más