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

portada services y dependency injection

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

portada services y dependency injection

Í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

directivas guia avanzada - portada

Í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

directivas guia avanzada - portada

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

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

PORTADA de ES6 en adelante

Í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

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

UI Library – Proyecto con Webpack – Parte #2

Portada proyecto librería UI

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

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

UI Library – Proyecto con Webpack – Parte #1

Portada proyecto librería UI

Í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

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

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

portada babel y webpack

Í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

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

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

portada babel y webpack

Índice ¿Qué es Webpack?Cómo hacer la configuración inicial de WebpackCómo ejecutar Webpack con la ayuda de Webpack CLIIntroducción a los módulos de JavaScriptQué son los default exports y cómo usarlos Retomamos esta saga sobre Babel y Webpack. Si acabas de aterrizar aquí, te recomiendo que veas la parte #1 primero, donde explicamos qué es Babel, para … Leer más

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

Babel y Webpack: Guía completa – Parte 1

portada babel y webpack

Índice El problema de las versiones modernas de JavaScriptIntroducción a BabelInstalación paso a paso de NodeJS y BabelCómo usar la CLI de BabelNota sobre los node_modulesCómo añadir NPM scripts y configurar un entorno de trabajo inicial El problema de las versiones modernas de JavaScriptJavaScript (en adelante, JS) es un lenguaje que ha evolucionado con el … 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