Front-end web dev | tutoriales y recursos

Routing en Angular : Guía completa : Parte 1

5 julio, 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 Routing en Angular : Guía completa : Parte 1

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

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

27 mayo, 202024 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 Services y dependency injection: Guía completa – Parte 3

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

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

14 mayo, 202017 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 Services y dependency injection: Guía completa – Parte 2

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

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

28 mayo, 202010 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 Services y dependency injection: Guía completa – Parte 1

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

Directivas en Angular – Guía avanzada – Parte #2

9 abril, 20203 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 Directivas en Angular – Guía avanzada – Parte #2

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

Directivas en Angular – Guía avanzada – Parte #1

9 abril, 202027 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 Directivas en Angular – Guía avanzada – Parte #1

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

De ES6 en adelante – Recopilación de nuevas características añadidas a JavaScript

7 junio, 202020 mayo, 2020 por Ro

Índice rest parameterspread operatorsetssymbolsclasesarrow functions He decidido recopilar una lista no exhaustiva de las características (en inglés, features) que se han ido añadiendo a JavaScript (en adelante, JS) en sus diferentes versiones a partir de ES6. ¡Vamos allá! 🤓 FEATURE EXPLICACIÓNrest parameterES6Agrupa los parámetros de una función y los convierte en un único parámetro-array. Como ejemplo, … Leer más De ES6 en adelante – Recopilación de nuevas características añadidas a JavaScript

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

UI Library – Proyecto con Webpack – Parte #2

18 mayo, 202013 mayo, 2020 por Ro

Segunda y última parte de este proyecto, donde estamos construyendo una librería UI de componentes re-utilizables tipo Bootstrap. Si acabas de aterrizar aquí, te recomiendo que veas la parte #1 antes. En esa parte hemos iniciado el proyecto y creado tooltips y dropdowns. En esta parte crearemos el resto de nuestros componentes. ¡Vamos allá! 🤗 Índice Creando tabsCreado … Leer más UI Library – Proyecto con Webpack – Parte #2

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

UI Library – Proyecto con Webpack – Parte #1

14 mayo, 20206 mayo, 2020 por Ro

Índice ¿Qué vamos a construir? Requisitos y consideraciones previasEstructura inicial de nuestra appOrganización de los archivos CSS usando CSS loadersCreando tooltipsCreando dropdowns ¿Qué vamos a construir? Una pequeña librería UI (en inglés, User Interface library), es decir, un conjunto de componentes re-utilizables en cualquier proyecto, como pueden ser:tooltipssnackbarsdropdownspestañas (tabs)Es una versión propia de UI libraries como Bootstrap, que … Leer más UI Library – Proyecto con Webpack – Parte #1

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

Babel y Webpack: Guía completa – Parte #3

14 mayo, 202029 abril, 2020 por Ro

Índice Cómo usar el servidor local de desarrollo de WebpackCómo configurar los modos de desarrollo y de producciónCómo integrar Babel con WebpackConsideraciones finales Tercera (¡y última!) parte de esta serie, donde aprenderemos cómo establecer un development server, entre otros temas útiles e interesantes. Hasta ahora hemos aprendido las bases de Babel y Wepack en los episodios … Leer más Babel y Webpack: Guía completa – Parte #3

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