El blog de @fjmduran 📄

Nuevas variables para el tamaño de la pantalla en CSS

Las nuevas variables que CSS ha puesto disponible para la obtención de la medida vertical de pantalla disponible son una maravilla. Te cuento en detalle qué variables teníamos hasta ahora y cómo funciona la nueva variable dvh.

Forzando a consumir la última versión de una aplicación Angular🧐

Angular dispone de herramientas nativas para obligar al cliente que consuma nuestra aplicación a utilizar la última versión desplegada. No necesitarás librerías de terceros 😎

Programando un plugin para trabajar con una impresora térmica

He programado un plugin en C# para una impresora térmica de 58mm. Estas impresoras son también conocidas como impresoras ESC/POS (Epson Standard Code for Point of Sale) y son las típicas que se usan en los comercios para facilitar los tickets de venta.

Ejecuta tu proyecto Angular en un smartphone o tablet 🚀

Es muy útil usar las herramientas de desarrollo de los navegadores para probar nuestras aplicaciones con distintas configuraciones de pantalla, pero a veces, no refleja el comportamiento real en un dispositivio físico. Por este motivo te enseñaré a correr tu aplicación Angular en tu smartphone o tablet.

¿Qué es la especificidad en CSS? 🕵️‍♀️

Te explico cómo se asignan los estilos CSS a los elementos cuando existen varios estilos compitiendo por asignarse a un mismo elemento, la clave es la especificidad.

¿Qué es el patrón de diseño Builder? 👷

Te explico el patrón de diseño Builder

Concatenando observables en RXJS 🧵

Te cuento cómo concatenar observables según tu necesidad

¿Qué es el patrón de diseño Factory? 🦺

Te explico el patrón de diseño Factory con una analogía y ejemplos

Corrigiendo el error de CORS en una minimal API de .NET 7 🚑

Te explico cómo configurar correctamente las políticas de CORS en tu minimal API de .NET 7

Minimal API con C# en .NET 7, filtros y Swagger

Te explico cómo crear una aplicación API REST con C# en .NET 7 implementando filtros y documentando con Swagger

Angular se pone en forma. Señales en Angular 🅰

Te cuento cómo Angular se ha puesto en forma con las señales. Te enseño a acceder a ellas, modificarlas...

Crea un servidor OPC 💻 de históricos con PostgreSQL 🐘

Te explico cómo crear un servidor OPC de históricos (HDA) tomando como fuente de datos un PostgreSQL

Errores con Windows Communication Foundation (WCF)

Recojo errores con los que he sudado sangre 🩸 con WCF de Microsoft

Replicando datos con PostgreSQL 🐘

Replica datos de forma nativa con PostgreSQL. Sin aplicaciones de terceros 🔥

Angular 16, una super versión 🦸‍♂️

¿Por qué para mí Angular 16 es una super versión?, ¿Quieres instalar Angular 16?, ¿quieres actualizar o migrar a Angular 16?, ¿quieres saber qué trae esta súper versión de Angular?

¿Qué es una red neuronal? 🤖

Las inteligencias artificiales como chatGPT están de moda. Te cuento qué son las redes neuronales, uno de sus pilares.

Cachea Firestore 🔥 y baja los costes 💸 disparando el rendimiento ✅

Si usas Firestore como base de datos vas a disminuir muchísimas lecturas de documentos del servidor ahorrando mucho dinero y aumentando el rendimiento de tu APP

Generador de contraseñas seguras aleatorias 🔐

Selecciona la longitud de tu contraseña y elige las opciones por las que quieres que esté formada, números, letras, símbolos o híbrida

Desplegar aplicación Angular en subruta del IIS (Internet Information Service) 👨‍💻

Te enseño a desplegar tu aplicación de Angular en una carpeta distinta a la principal en Internet Information Services (IIS)

Preguntas comunes en entrevistas Angular 🅰 Quinta parte

¿Quieres prepararte una entrevista para desarrollador frontend Angular? Aquí la quinta parte.

Servidor HTTP con Deno 💻

Programo un servidor HTTP básico con peticiones POST

¿Qué es GraphQL? 🤯 Programar un servidor GraphQL con Deno

Te cuento qué es GraphQL y por qué para mí ha desbancado a API REST 📄. Además montamos un servidor GraphQL con Deno

¿Qué es el sistema o código hexadecimal?

¿Has visto alguna vez palabras del tipo 0xDEADBEEF?¿Quieres saber qué son?

Preguntas comunes en entrevistas Angular 🅰 Cuarta parte

¿Quieres prepararte una entrevista para desarrollador frontend Angular? Aquí la cuarta parte.

¿Qué es la memoization y cómo se aplica? 🚀

Aprende qué es la memoization. Impleméntalo en tus aplicaciones y dispara su rendimiento

El modelo de Purdue 🧱🔥

Con los nuevos sensores IoT, ¿está el modelo de Purdue desfasado?

Preguntas comunes en entrevistas Angular 🅰 Tercera parte

¿Quieres prepararte una entrevista para desarrollador frontend Angular? Aquí la tercera parte.

¿Qué es el algoritmo Dijkstra? 🤖

¿Alguna vez te has preguntado cómo los navegadores calculan la ruta hacia tu destino? Te lo cuento fácil 🧐

Preguntas comunes en entrevistas Angular 🅰 Segunda parte

¿Quieres prepararte una entrevista para desarrollador frontend Angular? Aquí la segunda parte.

¿Qué es un algoritmo genético 🤖🧬? Te lo cuento fácil 😉

Comprende qué es un algoritmo genético, con la demo y el código del ejemplo del TSP

Preguntas comunes en entrevistas para Angular 🅰 Primera parte

¿Quieres prepararte una entrevista para desarrollador frontend Angular? Aquí la primera parte.

Juego de tarjetas para reforzar inglés

He programado este juego de tarjetas para ayudar a mi hija 🥰 a mejorar su nota en inglés. Como recompensa, cuando consigue 10 respuestas correctas le muestro un poni, sus dibujos favoritos.

Haz scroll en Angular

Te enseñaré a hacer un smooth scroll en Angular

Descubre cómo te puede ayudar una inteligencia artificial HOY 🤖 ChatGPT

Te enseño cómo utilizar ChatGPT de forma rápida y sencilla, sin "chau-chau" 🚫

Crea un slider solo con CSS en Angular, sin librerías de terceros 👨‍💻

Te enseño a crear un slider con CSS en un proyecto de Angular

Toma las mejores decisiones entendiendo la teoría de juegos 💡... spoiler, el equilibrio de Nash

La teoría de juegos se utiliza en toma de decisiones empresariales, en economía... incluso la puedes utilizar para tomar decisiones cotidianas

Instalar o migrar a Angular 15 🅰

¿Quieres instalar Angular 15?, ¿quieres actualizar o migrar a Angular 15?, ¿quieres saber qué trae esta nueva versión de Angular?

Programando 👨‍💻 un algoritmo para contradecir la conjetura de Collatz

Programo con TypeScript un algoritmo para encontrar un número que desmonte la conjetura de Collatz

🤓 Comprende de una vez la propiedad position de CSS

Aprende de una vez cómo funciona la propiedad position de CSS

Creando el juego de las torres de Hanoi con Angular 🎮

Aprende a crear con Angular el juego de las torres de Hanoi sin librerías

Componentes standalone en Angular 🅰

¿Se ha rendido Angular ante React?

Normalización en base de datos 🧷

Lo mínimo que debes de saber para diseñar tu base de datos con un súper rendimiento 🦸‍♂️

Solucionando el problema de CORS en Angular 🅰

Solventa el error de CORS en tus proyectos de Angular con un proxy

Efecto overlay con CSS 🤓

Te enseño cómo crear un efecto overlay sólo con CSS, sin librerías 😎

Minimal API con C# en .NET 6

Te explico cómo crear una aplicación API REST con el menor código posible con C# en .NET 6

Redes IPv4

Te ayudo a comprender los conceptos básicos de las redes IP v4

Desplegando APP con Deno en fly.io 🚀

Desplegaré una aplicación hecha con Deno en un contenedor Docker en fly.io

Desplegando APP con Deno en Heroku 🚀

Para desplegar tu aplicación hecha con Deno en Heroku tienes que tener en cuenta algunas cosillas que son diferentes con Nodejs

Ambientes en desarrollo de software 👨‍💻

Te cuento cuál es mi estructura de ambientes de desarrollo

Manipula elementos del DOM con Angular 🅰 correctamente 👌 (Renderer2)

Si usas Angular olvida los métodos getElementById, querySelector ... para manipular el DOM, usa Renderer2

Resuelvo una prueba en la que solicitan un INNER JOIN 👨‍💻

Te enseñaré a crear una función que hará un INNER JOIN de dos arrays de objetos JSON.

Aprende qué es MQTT y crea un cliente con Angular 13 🅰

Te explico qué es MQTT y te enseño a desarrollar un cliente bajo este protocolo probándolo con un broker en la nube

Leyendas urbanas de la energía nuclear 👻

Cuando escuchas energía nuclear, ¿te genera miedo o preocupación? Entonces este artículo te interesa

Tipos de WEB 🌐

¿Te suenan los términos deep web, dar net, dark web? ¿Qué son? ¿Son lo mismo?

Resuelvo una prueba técnica para un puesto de 160.000$ anuales 🤑

Un salario de 160k anuales full-remote suena muy bien 🤪

Me intentan timar y rastreo la ubicación del estafador/a 👨‍💻

Te muestro cómo obtener la ubicación de un usuario conectado a Internet

Aprende a crear un lector de códigos QR con Angular 13 🅰

Crearemos una aplicación para leer código de barras y códigos QR con las cámaras de nuestros dispositivos y con Angular 13

¿Qué es minar criptomonedas? ⛏

Seguro que has escuchado que las criptomonedas se minan, ¿pero qué es eso?

Qué es Bitcoin❓

Te cuento fácilmente lo que necesitas saber para comprender qué es Bitcoin y cómo se crean

Resetea una microcontroladora por software 💻

Te explico cómo resetear tu microcontroladora por software

¿Qué es un NFT? 🤔

Algun@s dicen que los NFT son una estafa, otr@s que es el futuro. Comprende qué es un NFT y decídelo por tí mismo.

Actualiza a Angular 14

Cómo migrar nuestros proyectos de Angular 13 a 14

Directiva estructural en Angular 🅰

Te explico qué es una directiva estructural en Angular y creamos una.

Software de espionaje Pegasus 📱

Es increíble lo que Pegasus puede sacar de tu móvil 🤯

Serie de Fibonacci 👨‍💻

Devuelve n elementos de la serie de Fibonacci

Reglas de seguridad en Firebase Realtime Database 🔥

En este artículo te explicaré cómo usar las reglas de seguridad de Firebase Realtime Database para bastionar tu base de datos

La paradoja de Monty Hall 🤯

Explicación matemática de la paradoja de Monty Hall 🤔

Primeros pasos con Deno 🐱‍🐉

Comienza a usar Deno, yo ya no quiero otra cosa 🤓

Controla los gastos de tu proyecto de Firebase 🔥

Evita sorpresas desagradables por abusos en tu proyecto de Firebase 😨

Entiende de una vez las expresiones regulares (regex) 🚀

Deja de copiar expresiones regulares de internet y aprende a crear las tuyas propias

Personaliza el dominio de autenticación de Firebase 🔥

Consigue que tu dominio aparezca en la ventana de inicio de sesión en tu proyecto de Firebase

Promesas en serie y en paralelo en JavaScript

¿Cómo y cuando debo de usar promesas en serie o en paralelo? 🤔

Crea una directiva personalizada en Angular 👈

Aprende qué es una directiva en Angular y aprende a crear una directiva personalizada

Array.length es más de lo que piensas

Conoce los súper poderes del Array.length 💪

Depurando un proyecto de Angular

Ve más allá del siempre confiable console.log

¿Qué es un Polyfill?

¿Te han preguntado alguna vez en una entrevista técnica qué es un Polyfill?

Crea un efecto zoom con CSS

Crea un efecto zoom al pasar el puntero del ratón sobre una imagen de una card sólo con CSS

Tipar respuestas HTTP en Angular

Deja de tipar con any 🚩 las respuestas HTTP en Angular (TypeScript)

Envía el valor de un input al fichero de TypeScript

Aprende a obtener el valor de un input en el fichero HTML desde el fichero de TypeScript de la forma más fácil y rápida

Creando un login con Angular y WEB 3

Aprenderás a crear un login con Angular y WEB 3

Modúlo relé para microcontroladoras (Arduino, ESP32, ESP8632...)

¿Cómo funcionan los módulos de relés para las microcontroladoras?

Overcloking de la Radeon RX 6700 XT en HiveOS

La configuración más eficiente de overclocking para la Radeon RX 6700 XT

¿Qué es la WEB3?

Comprende de una vez con un lenguaje amigable qué es la WEB3

Efecto Matrix

Crea el famoso efecto de la película de Matrix de lluvia de caracteres aleatorios con JavaScript

Asignando estilos al console.log sin bibliotecas de terceros

Dale estilo a tus mensajes por consola sin bibliotecas de terceros

Efecto máquina de escribir con HTML y CSS

Aprende a crear el efecto de máquina de escribir sin usar JavaScript

Editando el Path de Windows

Aumenta tu eficiencia con la consola en Windows incluyendo programas habituales en su Path

Herramientas para el análisis de webs

Te diré qué extensiones debes tener en Google Chrome para analizar en profundiad webs

Versionado semántico (SEMVER)

¿Qué es el versionado semántico?

Guía de pronunciación para programadores

Aprende cómo se pronuncian los símbolos de programación oficialmente.

¿Cómo funciona el método sort de arrays en JavaScript?

Comprende de una vez cómo funciona el método sort

¿Qué es el blockchain?

Seguro que has escuchado hablar de blockchain, criptomonedas, mineros... Comprende qué son de una vez

Formularios reactivos de Angular

Aprenderemos a cómo usar correctamente los formularios reactivos en Angular

Optional chaining y nullish coalescing en JS2020

Comprenderás de una vez qué son el operador optional chaining y el nullish coalescing

Actualiza a Angular 13

Veremos qué hay de nuevo en esta versión 13 de Angular y cómo migrar nuestros proyectos de Angular 12 a 13

Copia o clona objetos y arrays en JavaScript

Aprenderás a cómo copiar variables y objetos en JavaScript tanto por referencia como por valor

Adivina un número aleatorio

Haremos un programa para adivinar un número aleatorio. Suele ser típico en las pruebas técnicas

Algoritmo QuickSort

Te explico cómo funciona el algoritmo QuickSort, el algoritmo más eficiente y rápido de ordenación

Bucle en Vanilla CSS

En este artículo te explicaré cómo hacer un bucle con Vanilla CSS, sin necesidad de preprocesadores CSS

Algoritmo para ordenar array

Crea tu propio algoritmo para ordenar un array

Buscador rápido de archivos y carpetas

Conoce FZF, una herramienta de línea de comandos para la búsqueda de carpetas y archivos que disparará tu productividad

Integra Google AdSense en tu proyecto de Angular

Aprende a integrar Google AdSense en un proyecto de Angular

¿Qué es la recursividad?

Comprende de una vez qué es la recursividad

Crear validación personalizada de formularios reactivos en Angular

Aprende a crear validaciones personalizadas de formularios reactivos en Angular

Repetir evento el último día de cada mes en Google Calendar

Te enseñaré a programar en Google Calendar un evento que se repita el último día de todos los meses

HTTP error 500.19 en IIS

Error HTTP 500.19 al desplegar una API REST ASP.NET en IIS

Variables de entorno en Firebase functions

Nociones básicas sobre las variables de entorno en Firebase functions

¿Qué es el sistema o código binario?

Entiende el lenguaje usado por computadores, smartphones...

Markdown

Ayuda rápida para escribir con Markdown

Exportar JSON a CSV en Angular

Aprende a exportar un JSON con TypeScript o JavaScript sin librería de terceros.

Crear tareas repetitivas

Crear tareas repetitivas o cron jobs

Programar Arduino con Visual Studio Code

Guía para poder programar controladoras como Arduino, ESP8255, ESP32... con Visual Studio Code

¿Cómo de segura es tu contraseña?

Te cuento cómo de segura son tus contraseñas

Algoritmo ordenar dígitos

Explicación del típico ejercicio de algoritmia de ordenar dígitos

Cómo detectar gestos tactiles en Angular

Aprende a detectar gestos tactiles en Angular como el swipe, rotate...

Algoritmo palíndromo

Típico algoritmo en entrevistas de desarrollador de software

Variables CSS

Ya no necesitas usar ningún pre-procesador CSS para usar variables

Reducir el artifacts storage en Firebase

Aprende cómo reducir el artifacts storage en Firebase

Actualiza tu aplicación Angular a la versión 12

Actualiza tu aplicación Angular a la versión 12

Aprendiendo Bash

Comandos Bash más importantes para moverte por la terminal de Unix con soltura

Plantillas gratis para tu Ecommerce

Si tienes un Ecommerce necesitas incluir información como el aviso legal, la política de privacidad, la política de cookies y la política de devoluciones.

Mantén tu aplicación de Heroku despierta

Evita que tu aplicación en Heroku entre en suspensión si estás usando la cuenta gratuita

Hola mundo en Netlify functions con TypeScript

Sencillo ejemplo de desplegar una función en Netlify con TypeScript desde 0

¿Cómo redactar el quienes somos de una web?

Aprende a redactar el apartado del quienes somos de una web correctamente

Recursos de programación

Iconos, imágenes, animaciones, vídeo, música... todo sin derechos de autor, gratis para usar en tus proyectos

Primeros pasos con Jest

Aprende Jest desde 0 con un ejemplo fácil

Sitios en Internet para practicar algoritmia

Entrena algoritmos en Internet

Diferencia entre prefijo y sufijo en operadores de incremento (++) y decremento (--)

Explicación sobre el uso de los operadores de incremento (++) y decremento (--) como sufijo y prefijo

Aprende JavaScript gratis y en castellano

Recursos on-line para aprender JavaScript

Quién vende o a quién le han robado nuestros datos

Cómo saber quién vende nuestros datos o a quién le han robado nuestros datos

Migrar TSLINT a ESLINT en Agular

Te enseñaré como migrar de TSLINT a ESLINT en Angular de manera muy fácil, con sólo 3 comandos

¿Qué son los pipes de Angular?

En este artículo te explicaré qué es y cómo usar los pipes de Angular

Desestructuración en JavaScript

Desectructurar arrays y objetos en JavaScript

Acerca de RXJS

En este artículo te explicaré qué es y cómo usar RXJS

Solicitudes HTTP de IIS a Tomcat

En este artículo te explicaré cómo redirigir tráfico entrante al IIS hacia el servidor web Apache Tomcat

Solicitudes HTTP a HTTPS en IIS

En este artículo te explicaré cómo redirigir tráfico entrante HTTP al IIS hacia HTTPS para que toda la comunicación quede cifrada

Sincronizar la hora de Windows

En este artículo te explicaré cómo sincronizar la hora de tu sistema operativo Windows con un servidor horario NTP

Leer fichero JSON con Angular

En este artículo te explicaré cómo leer ficheros locales JSON con Angular

Mitigar los problemas de ciberseguridad de los custom headers en ASP.NET

En este artículo te explicaré cómo mitigar los problemas de ciberseguridad de los custom headers en tu aplicación realizada con ASP.NET

Lazy loading en Angular

En este artículo te cuento cómo realizar lazy load o carga asíncrona, diferida o perezosa con Angular

Git y GitHub

En este artículo recojo algunos conceptos e instrucciones de Git y GitHub

GSAP y Angular

En este artículo te enseñaré a hacer un ejemplo fácil con la librería de animaciones GSAP en Angular

¿Qué son los códigos QR?

En este artículo te explicaré qué son los código QR y como generarlos gratuitamente

¿Cuándo usar rem, em o px en CSS?

En este artículo te explicaré cuál es la diferencia entre usar unidades rem, em o px en CSS

Etiquetas HTML 5

En este artículo te enumeraré las etiquetas HTML5

Métodos de array en JavaScript

En este artículo te enumeraré los métodos más utilizados con los array en JavaScript

Iniciar Node.js con TypeScript

En este artículo te contaré cómo iniciar un proyecto de Node.js con TypeScript

Migrar proyecto de Angular 10 a Angular 11

En este artículo te explicaré cómo migrar tus proyectos de Angular 10 a Angular 11 con los mínimos pasos posibles y te contaré qué trae de nuevo Angular 11.

Personaliza el estilo de Angular Material

En este artículo te explicaré cómo cambiar los colores predeterminados de un tema de Angular Material e incluso definir un tema personalizado

Códigos de estado de respuestas HTTP

En este artículo te explicaré qué son y cómo interpretar los códigos de estado de respuesta HTTP.

Herramientas gratuitas para trabajar con imágenes

Varios sitios para que obtengas imágenes libres de derechos de autor, puedas comprimir tus imágenes y eliminar el fondo de las mismas. Todo ello gratis.

Hosting gratuito para tus pruebas

En este artículo te diré los hosting gratuitos que he usado para mis despliegues de prueba

Domina los Meta Tags en las RRSS

En este artículo te enseñaré cómo manejar los Meta Tags. Importantísimo para el SEO y una correcta visualización en las redes sociales para mejorar su viralización

Usa tus fotos de Google como recurso web

En este artículo te explicaré cómo usar las fotos de tu Google Fotos como un recurso web.

Migrar de Angular 9 a 10

En este artículo te explicaré como migrar tus proyectos de Angular 9 a Angular 10 con los mínimos pasos posibles.

Ayuda y recursos SQL

Algunas sintaxis SQL frecuentes

Apuntes de LoRa

Nociones sobre LoRa

Cómo migrar datos de Access a MySQL

Migrar datos de Access a MySQL sin morir en el intento

Algoritmo paréntesis válidos

Explicación del típico ejercicio de algoritmia de validación de paréntesis solicitado en muchas entrevistas para desarrollador de software

Algoritmo 'Fizz Buzz'

Explicación del típico ejercicio de algoritmia 'Fizz Buzz'

Mis truquillos con Google Sheets 🔥

Iré anotando las cosillas que me parezcan interesantes sobre Google Sheets