De 0 a App: JustETF clon: Parte 3

justEtfClonPortada

Una vez construída la UI en la parte anterior, pasemos a la verdadera chicha del proyecto: la lógica de programación con JavaScript. índice Evaluación de la estructura de navegación entre archivos HTMLRefactorizando el menú: un poquito de DOM manipulationUn intento de hacer una página multi-lenguajeCambios en la página ETF screenerCómo crear una URL en GitHub … Leer más

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

De 0 a App: JustETF clon: Parte 2

justEtfClonPortada

Después de explicar la estructura y objetivos de proyecto en la parte anterior, voy a construir la app desde cero, empezando por la user interface (en adelante, UI). índice Creación del proyecto en vsCode y adición de SASSSubiendo el proyecto a GitHubDividiendo el proyecto en componentesIncluyendo JS a la ecuaciónConstrucción de la Home pageConstruyendo la UI … Leer más

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

De 0 a App: JustETF clon: Parte 1

justEtfClonPortada

Para ser una verdadera developer, se necesita tanto teoría como práctica. Siguiendo el consejo de mi amigo developer T, la forma más efectiva de luchar contra el síndrome del impostor es cogiendo soltura al programar, y eso sólo se consigue practicando. Hacer un proyecto como parte de un curso online es útil, pero no cuenta. Créeme, lo he … Leer más

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

Routing en Angular: Guía completa: Parte 7

routing guia completa portada

Seguimos aprendiendo sobre routing en esta serie de capítulos. Por fin llegamos a la parte #7, ¡que será la última! Aún nos queda mucho por aprender (me incluyo, porque aprendo muchísimo haciendo estos artículos). ¡Vamos a ello! índice Cómo usar nuestro servicio de autenticación simuladaCómo controlar la navegación con canDeactivateCómo pasar datos estáticos a una rutaCómo gestionar … Leer más

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

Routing en Angular: Guía completa: Parte 6

routing guia completa portada

¡Seguimos con esta Routing Saga! Si acabas de aterrizar aquí, puedes consultar la parte anterior para ubicarte. Índice Cómo externalizar las rutas en un archivo a parteIntroducción a los Route GuardsCómo proteger rutas con canActivateCómo proteger las child routes usando canActivateChildMás recursos de aprendizaje Cómo externalizar las rutas en un archivo a parteSi nos fijamos en nuestro AppModule, vemos que la parte … Leer más

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

Routing en Angular: Guía completa: Parte 5

routing guia completa portada

Seguimos aprendiendo sobre routing desde cero. En esta 5ª parte nos adentramos en el mundo de las rutas anidadas (en inglés, nested routes). Si te la perdiste, aquí tienes la 4ª parte. Índice Cómo configurar rutas hijas (nested routes)Cómo usar los query params para navegar hasta la pantalla de edición de un servidorCómo preservar parámetrosCómo redireccionarMás recursos de … Leer más

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

Cómo crear un filtro con checkboxes usando Angular Material

portadaFiltros

índice Qué vamos a construirCómo vamos a contruirloConstrucción del filtro del actor principalCómo cambiar el panel de color según haya algún filtro seleccionadoCómo mostrar el filtro seleccionadoConstrucción del filtro del rango de presupuestoMás recursos de aprendizajeMás recursos de aprendizaje El otro día en el trabajo tuve que construir un filtro para filtrar (valga la redundancia) … Leer más

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

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 3

routing guia completa portada

Ya hemos visto cómo registrar y cargar rutas para mostrar varias páginas usando únicamente un archivo HTML en lugar de varios, gracias a la magia del Router que forma parte de Angular. También vimos cómo navegar usando rutas relativas (en inglés, relative paths) y absolutas (en inglés, absolute paths) y cómo aplicarles parámetros para crear rutas dinámicas. Continuemos … Leer más

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

Routing en Angular: Guía completa: Parte 2

routing guia completa portada

índice Uso del routerLinkActive para dar estilo a un link activoNavegación programáticaUso de los relative paths en la navegación programáticaCómo pasar parámetros a una rutaMás recursos de aprendizaje Después de una introducción al Routing en la parte #1 de esta serie, es el momento de dar estilo a nuestros links y presentar la navegación programática. ¡Vamos … 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