Front-end web dev | tutoriales y recursos

Cómo aprendí a programar cuando estaba «programada» para ser de letras

28 octubre, 2020 por Ro

índice Noticia para tu «yo» del futuroLo chulo de programarPor qué me convertí en programadora (y por qué quizás tú también quieras)Algunos topicazos y barreras mentales sobre la programaciónCómo aprendí a programar (cagadas varias)Tu mapa hacia el éxito : Objetivo frontenderIndaga sobre cómo es un día laboral de un developerHaz el test del frontend / … 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

14 octubre, 2020 por Ro

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 2

27 septiembre, 20208 julio, 2020 por Ro

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

Routing en Angular : Guía completa : Parte 1

26 septiembre, 20201 julio, 2020 por Ro

índice Introducción al RoutingEstado inicial de nuestra demoCómo registrar y cargar rutasNavegación con Router LinkRouter Link: EsquemaDiferencias 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 … Leer más

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

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

24 junio, 2020 por Ro

Tercera (¡y última!) parte de esta serie sobre los servicios e inyección de dependencias en Angular. Hasta ahora hemos visto qué son los servicios y hemos dado los primeros pasos para empezar a usarlos. En este post vamos a añadir el toque final para usarlos correctamente. ¡Vamos allá! Índice Cómo saber cuándo necesitamos una o … Leer más

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

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

17 junio, 2020 por Ro

En la primera parte de esta guía aprendimos qué es un service y cómo crear uno. En esta parte vamos a empezar a configurarlo para poder usarlo correctamente. Índice Cómo inyectar un servicio en un componenteCómo informar a Angular: esquemaCómo crear un servicio para gestionar datosFuncionamiento de la herencia en la inyección de dependencias Más recursos de … Leer más

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

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

10 junio, 2020 por Ro

Í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 #2

3 junio, 2020 por Ro

Índice Cómo usar el @HostListener para escuchar y reaccionar a eventos del DOMCómo usar el @HostBinding para vincular propiedades del host elementCómo utilizar property binding en nuestra directivaCómo funcionan las structural directives en realidadCómo construir una structural directiveDirectiva ngSwitch: qué es y cómo usarla Retomamos esta serie sobre las Directivas en Angular, después de ver la parte #1, donde hicimos un repaso de las built-in directives y … 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

27 mayo, 2020 por Ro

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