Routing en Angular. Guía completa. Parte 4

routing guia completa portada

Retomamos esta guía sobre el routing después de dar los pasos básicos para crear rutas y adentrarnos brevemente en el mundo de los observables. Si te perdiste la parte anterior, aquí la tienes. En esta 4ª parte vamos a aprender a trabajar con query params, entre otras muchas cosas. ¡Vamos allá! Índice Cómo pasarle query params y fragmentos a nuestras rutasCon la directiva … Leer más

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

Routing en Angular : Guía completa : Parte 1

routing guia completa portada

Índice Introducción al RoutingEstado inicial de nuestra demoCómo registrar y cargar rutasNavegación con Router LinkDiferencias entre un relative path y un absolute pathMás recursos de aprendizaje Introducción al RoutingAngular nos permite construir single page applications (SPAs, por sus siglas en inglés). Lo hace usando una herramienta que trae por defecto, el Angular Router. Con el Router podremos crear … Leer más

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

Cómo construir un chat sincronizado en tiempo real. Proyecto Parte #1

portada construye live chat proyecto

Índice ¿Qué vamos a construir?Consideraciones previas y pre-requesitosEstructura inicial del proyectoCómo conectar nuestra app a FirebaseCreación de la clase «Chatroom»Añadiendo chats a la base de datos ¿Qué vamos a construir?Vamos a construir una app de chat con sincronización en tiempo real, es decir, si dos personas están chateando, lo que escriba una y le envíe … Leer más

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

Local Storage en JavaScript | Guía completa

portada local storage guía

Índice ¿Qué es el local storage?Cómo almacenar y obtener datosCómo borrar datosCómo convertir datos a formato JSON / desde formato JSON ¿Qué es el local storage?Cuando construimos una app, normalmente trabajamos con algún tipo de información, por ejemplo, si le pedimos a un usuario que introduzca una ciudad para ver qué tiempo hace allí. Pero si no … Leer más

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

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!:

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