Directivas en Angular | Guía de iniciación

angular directives portada

Índice ¿Qué son las directivas?Ejemplo para nuestra demoTipos de directivasngIf directiveAñadiendo un else al ngIfngStyle directivengClass directiveConcatenaciónngFor directivengFor + índiceMás recursos de aprendizaje TEN EN CUENTA QUE…En este artículo vamos a introducir un pilar básico de Angular: las directivas. Si acabas de aterrizar aquí y estos temas te suenan a chino, te recomiendo que eches un … Leer más

Si crees que este post puede serle útil a alguien, ¡compártelo!:

Guía de iniciación al data binding en Angular

data binding poster

Índice ¿Qué es el databinding?Ejemplo para nuestra demoTipos de databindingString interpolationProperty binding¿Cómo saber cuándo usar string interpolation y cuándo property binding?Event bindingUso de la palabra clave $eventTwo way data bindingMás recursos de aprendizaje ¿Qué es el databinding?El databinding es la forma que tiene Angular para permitirnos mostrar contenido dinámico en lugar de estático (en inglés, hardcoded). Podríamos traducir el databinding como «comunicación» entre … Leer más

Si crees que este post puede serle útil a alguien, ¡compártelo!:

Cómo solucionar problemas comunes del Angular CLI

angular cli tips and tricks

Índice ProblemaSolución paso por pasoMás recursos de aprendizaje Problema¿Te ha pasado alguna vez que, al intentar escribir un comando del Angular CLI, a sabiendas de que lo tienes instalado, te ha dado este error? C:\Users\User\workspace\my-first-app (master -> origin) λ ng version ‘ng’ is not recognized as an internal or external command, operable program or batch … Leer más

Si crees que este post puede serle útil a alguien, ¡compártelo!:

Entendiendo los componentes en Angular. Guía de iniciación

componentes en angular

Índice IntroducciónEditando nuestra appCómo crear un componenteEntendiendo el papel del AppModuleCómo usar nuestro componenteCreación automática de componentesAnidando componentesAñadiendo CSS a un componente con el apoyo de BootstrapDiferentes formas de usar el selectorMás recursos de aprendizaje TEN EN CUENTA QUE…En este artículo vamos a estudiar a fondo un pilar básico de Angular: los componentes. Si acabas … Leer más

Si crees que este post puede serle útil a alguien, ¡compártelo!:

Angular: Entendiendo la Directiva ngModel

ngModel

Angular es un framework que nos permite, entre otras cosas, añadir contenido dinámico a nuestros archivos HTML. Una de las formas en las que podemos conseguir esto es utilizando la directiva ngModel. ¿MÁS PERDID@ QUE UN PULPO EN UN GARAJE?Si acabas de aterrizar aquí y estos temas de Angular te suenan a chino, te recomiendo que empieces … Leer más

Si crees que este post puede serle útil a alguien, ¡compártelo!:

Días del 480 al 506

la maratón continúa

La maratón continúa Pasamos el ecuador del año, cumpliendo así poco más de año y medio desde que empezamos esta maratón de estudio y cambio de vida en general. Y estamos francamente agotados. Mi novio más que yo, porque él todavía sigue en un trabajo que no le llena, con una jefa que se le … Leer más

Si crees que este post puede serle útil a alguien, ¡compártelo!:

Construye Minioland: Tu primera aplicación con Angular | Parte #3

construye minioland

Índice Tuneando los parámetros del MinionComponent para mostrar una página individual por cada minionDando forma al template del MinionComponentCreando un buscador de minionsCreando la pantalla de nuestros resultados de búsquedaConfigurando la parte visual del BrowserComponentAplicando el DRY principle usando la lógica del componente padre y el componente hijoAplicación de nuestro nuevo componente MinionCardComponent a otros componentesUtilizando @Output para comunicarnos entre el child … Leer más

Si crees que este post puede serle útil a alguien, ¡compártelo!:

Construye Minioland: Tu primera aplicación con Angular | Parte #2

construye minioland

Índice Trabajando con las routes de AngularAñadiendo routerLink y routerLinkActivePequeñas animaciones con CSSDiseñando el componente minionsIntroducción y creación de services en AngularAplicando el *ngFor para generar minionsConfigurando la navegación entre nuestras páginasMás recursos de aprendizaje NOTA​Esta es la parte #2 de la serie sobre la creación de Minioland, una aplicación sencilla con Angular. Si te perdiste la parte #1, aquí … Leer más

Si crees que este post puede serle útil a alguien, ¡compártelo!:

Construye Minioland: Tu primera aplicación con Angular | Parte #1

construye minioland

Índice ¿Qué vamos a construir?¿Cómo vamos a construirla?¿Y esto a qué viene?Consideraciones previas y materialesInicio de la appProceso de carga de una aplicación en AngularCreación de la estructura de nuestro proyectoAñadiendo Bootstrap a nuestro proyecto Primeras configuraciones del navbar componentPrimeras configuraciones del home componentCreación del about component y del minions componentMás recursos de aprendizaje ¿Qué vamos a construir?Minioland, o … Leer más

Si crees que este post puede serle útil a alguien, ¡compártelo!:

Días del 452 al 479

Un paso de gigante: mi verdadero primer artículo sobre javaScript Por fin llegó el día en el que este blog puede servir de utilidad a otras personas a parte de a mí misma… Llegó, por fin, el día en el que escribí mi primer post sobre programación. Para mí es un hito, y estoy realmente … Leer más

Si crees que este post puede serle útil a alguien, ¡compártelo!:

Esta web utiliza cookies para asegurar que se da la mejor experiencia al usuario. Si continúas utilizando este sitio se asume que estás de acuerdo. más información

Los ajustes de cookies en esta web están configurados para «permitir las cookies» y ofrecerte la mejor experiencia de navegación posible. Si sigues usando esta web sin cambiar tus ajustes de cookies o haces clic en «Aceptar», estarás dando tu consentimiento a esto.

Cerrar