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

Objetos en JavaScript: Guía básica

portada objetos en javascript

Índice Introducción a los objetosNuestro primer object literalAccediendo a las propiedades de un objeto mediante el dot notationAccediendo a las propiedades de un objeto mediante square brackets notationAñadiendo métodos a nuestro objetoLa keyword thisFunciones comunes vs. arrow functionsObjetos dentro arraysBuilt-in objects: Math object NOTA: IDIOMAS, QUERIDA.Verás que uso los términos de programación directamente en inglés o hago una traducción … Leer más

Si crees que este post puede serle útil a alguien, ¡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, ¡compártelo!:

Días del 538 al 573

tú puedes hacerlo

CuriosidadesÚltimamente estoy echando un ojo a ofertas en el sur de España e Italia, y el panorama laboral es bastante penoso, muy a mi pesar. No creo que la ilusión de nadie en la vida sea convertirse en mileurista. Sobre todo después de trabajar (7 años en el caso de mi chico) en países del norte … Leer más

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

Guía práctica sobre las callback functions

portada callback functions

Índice SintaxisEjemplo con el método forEachCallback functions en acción Como posiblemente ya sepas, las funciones son bloques de código re-utilizable. Los métodos también son funciones, pero con la particularidad de estar asociadas a un cierto data type. A todos los tipos de funciones podemos pasarle parameters (o arguments) cuando los invocamos. Esos parámetros pueden ser de tipo string, number, etc, o … Leer más

Si crees que este post puede serle útil a alguien, ¡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, ¡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, ¡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, ¡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, ¡compártelo!:

Días del 507 al 537

avion

Pausa en el caminoEs momento de irnos de vacaciones, por fin. Estoy tan agotada que puede que este sea el post más breve de la historia. Estas últimas semanas llevo pensando que necesito mucho más que dos semanas de vacaciones, que es el tiempo que nos podemos permitir coger.  Nunca me había sentido así antes. Me … 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