Services y dependency injection: Guía completa – Parte 1

portada services y dependency injection

Índice Qué son los services y para qué sirvenEstado inicial de nuestra appCómo crear un service que imprima datos en la consolaCómo NO usar un serviceMás recursos de aprendizaje En esta serie de posts, con un ejercicio bonus al final de la parte #3, vamos a tratar los servicios y la inyección de dependencias en profundidad. Si … Leer más

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

Directivas en Angular – Guía avanzada – Parte #1

directivas guia avanzada - portada

Índice ngIf y ngFor: RecordatoriongClass y ngStyle: RecordatorioCómo crear nuestra propia attribute directiveCómo usar ​el Renderer para construir una attribute directive mejorada En esta serie vamos a explorar a fondo las Directivas de Angular. Si acabas de aterrizar aquí, quizás te convenga echarle una ojeada a esta guía de iniciación sobre las Directivas.  Si todo esto de Angular te suena a chino … Leer más

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

Claves para entender Angular – Qué es y cómo se utiliza

portada claves para entender angular

Índice FrameworksSPAsVersiones de AngularLo que debes saber antes de empezar con AngularTypeScriptCómo empezar a usar Angular – Primeros pasosCómo editar un proyecto con AngularOrganización de un componenteContenido estático vs. contenido dinámicoAngular en la consola de las developer toolsCódigo dinámicoExtra: cómo añadir Bootstrap a un proyecto de AngularPracticar lo aprendido Angular es un framework creado por Google que … Leer más

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

Pipes en Angular | Guía completa

portada pipes en angular

Índice ¿Qué son los pipes?Estado inicial de nuestra demo-appPipes uppercase y lowercasePipe: sliceCon un parámetroCon dos parámetrosPipe: decimalPipe: percentPipe: currency Pipe: JSONPipe: asyncPipe: dateFormatos de fecha personalizadosFechas en otros idiomasPipes personalizadosCreación manual de un pipeCreación automática de un pipe personalizado mediante Angular CLIUn último pipe personalizadoMás recursos de aprendizaje ¿Qué son los pipes?Los pipes son una herramienta de … Leer más

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

Ejercicio con componentes, data binding y encapsulation

portada coding challenge componentes

Índice ¿De qué va esto?InstruccionesPaso 1: Inicio y creación de los componentes de nuestra appPaso 2: Creación y ubicación de los botonesPaso 3: Creación y emisión de un custom eventPaso 4: Escuchando nuestro evento desde fuera de su componentePaso 5: Pausando el juegoPaso 6: Mostrar un componente u otro (EvenComponent o OddComponent) según la naturaleza del … Leer más

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

Componentes y databinding en Angular: Guía avanzada | Parte #3

portada componentes y databinding guia avanzada

Índice Qué es el ciclo de vida de un componenteLifecycle hooks en acciónngOnInitngOnChangesngDoCheckAfterContentInitngAfterContentCheckedngAfterViewInitngAfterViewCheckedngOnDestroyCómo acceder a la template de un componente en distintas fases de su ciclo de vidaCómo acceder al contenido proyectado con ngContent a través de @ContentChildMás recursos de aprendizaje Retomamos esta saga sobre el uso avanzado de componentes y databinding en Angular. Aquí tienes las partes #1 … Leer más

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

Componentes y databinding en Angular: Guía avanzada | Parte #2

portada componentes y databinding guia avanzada

Índice Breve historia del View EncapsulationConfiguración del View Encapsulation Cómo usar local references en templates HTML@ViewChild(): otra manera de acceder al template desde el código TSCómo proyectar contenido con la directiva ngContentMás recursos de aprendizaje Retomamos esta saga sobre el uso avanzado de componentes y databinding en Angular, después de ver la parte #1. Habíamos dejado nuestra demo app con este aspecto tan … Leer más

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

Componentes y databinding en Angular: Guía avanzada – Parte #1

portada componentes y databinding guia avanzada

Índice Creación de una demo appSeparación por componentesNociones generales de property binding e event bindingCómo vincular nuestras propias propiedades para pasarlas de un componente a otro (custom property binding) Cómo asignar un alias a una propiedadCómo pasar información del child component al parent component emitiendo nuestros propios eventosCómo asignar un alias a nuestros custom eventsConclusión de esta primera parte Los componentes son el … Leer más

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

Cómo gestionar errores de código en un proyecto de Angular

portada debugging en angular

Índice Herramienta #1: Consola (developer tools) del navegadorHerramienta #2: SourcemapsHerramienta #3: Augury Cuando programamos, lo habitual es que cometamos errores, tanto de sintaxis como de lógica. Arreglar esos errores y no entrar en pánico es parte del trabajo diario de un programador. Por suerte, en Angular tenemos una serie de herramientas que nos facilitan el trabajo. … Leer más

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

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, por favor, ¡compártelo!:

Como toda web legal que se precie, utilizamos cookies para asegurar que damos la mejor experiencia al usuario en nuestro sitio web. Si continúas utilizando este sitio asumiremos que estás de acuerdo. más información

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

Cerrar