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, por favor, ¬°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, por favor, ¬°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, por favor, ¬°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, por favor, ¬°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, por favor, ¬°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, por favor, ¬°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, por favor, ¬°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, por favor, ¬°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, por favor, ¬°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, 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