Este blog post explica por qué el operador === no funciona para comparar fechas en JavaScript y cómo utilizar el método getTime() para comparar fechas correctamente.

Como comparar dos fecha iguales en JavaScript

Como obtener los queryparams de un URL con JavaScript

Al igual que px o % es una unidad de CSS que te permite establecer longitudes en tú página web, pero dicha longitud es dependiente del elemento raíz (

¿Qué es 1 rem?

La falta de comunicación entre los equipos de desarrollo, los equipos de diseño y manejo de producto trae como resultado un producto de mala calidad y con problemas.

Involucra a tus desarrolladores para lograr productos sobresalientes

Vamos a explicar los APIs más importantes disponibles para crear progressive web apps y poder publicarlas en las tiendas de aplicaciones.

APIs del navegador para crear progressive web apps

Seguramente te has encontrado con el patrón mitmatch sin saber, hoy te voy a explicar cómo funciona y como sacarle mejor provecho.

Acelera tus búsquedas VSCode utilizando el patrón minmatch

Los imports al inicio de los archivos de TypeScript pueden salirse de control rápidamente, pero con VSCode y un paquete de npm puedes mantenerlos bien organizados

Como organizar imports de TypeScript automaticamente

La propiedad HTMLObjectElement.validationMessage representa un mensaje de error que se muestra si un elemento objeto no es válido, o un string vacío si es válido. Se utiliza para implementar mensajes de error personalizados para la validación de formularios.

Como usar validationMessage

La inteligencia artificial ya está aquí y no vino a quitarte tu trabajo de diseñador o desarrollador, por el contrario, al igual que los tractores en las granjas, vinieron para hacer tu trabajo más fácil, rápido y eficiente.

7 utilidades de inteligencia artificial para Web Developers

En este post voy a intentar enseñarte como leer las posiciones abiertas, compararlas con tus habilidades y ver si debes o no aplicar.

¿Cuándo debería empezar a buscar mi primer trabajo como desarrollador frontend?

Desde que desarrollé esta página yo sabía que había ciertos problemas de performance y que en algún momento tenía que arreglarlo, ese momento fue ayer.

Como mejoré 20% la velocidad de carga de esta página

accent-color es la propiedad de css que te permite cambiar el color a los campos de formulario en tus sitios Web.

Usando los colores de marca en los formularios con accent-color

Figma es una pieza de software increíble que podemos hacer incluso mejor usando plugins que la comunidad crea y pone a disposición de todos.

5 plugins de Figma para hacer su proceso de diseño más eficiente

Como dice Steve Jobs, "El diseño no es sólo lo que parece y lo que se siente. El diseño es cómo funciona". En este artículo vamos a compartir contigo 10 sencillos pasos que puedes dar para mejorar tu interfaz de usuario.

10 tips para diseñar mejores interfaces de usuario

CSS grids es la manera más facil y eficiente de crear layouts de tus paginas web y aplicaciones. Te explico como crear un layout comun facilmente.

Como usar CSS grids para crear el layout de una página web

Estar presente en internet por medio de mi blog y cuentas en diferentes redes sociales me ha permitido no solo obtener ofertas de empleo, sino también conectar con personas con los mismos intereses.

Construye tu presencia en línea para tener éxito en la industria tecnológica. Una visión general de lo que necesitas saber

Desde hace poco más de 2 años he estado compartiendo activamente contenido en redes sociales sobre programación y diseño el 13 de junio de 2021 anuncié mi primer ebook.

¿Como desarrollé y publiqué mi primer ebook?

En este post planeo explicarte cuál sería el camino que yo tomaría el día de hoy para aprender frontend development desde cero.

Como aprender frontend development en el 2021

CSS tiene muchas unidades de medidas, algunas absolutas (px) y otras relativas (rem). Te explico como usar rem para hacer tu página responsiva

Como usar unidades rem de css para paginas responsivas

En resumen, React es una librería, y NexJS es un framework, pero ¿sabes la diferencia entre cada uno?

Diferencia entre Reactjs y Nextjs

Cuando empiezas a buscar tu primer trabajo o incluso cuando quieres ser freelance, el primer muro con el que te topas es cuando la empresa te pregunta: "¿Puedes enseñarme algo de tu trabajo?"

Cómo crear un portfolio como desarrollador frontend sin experiencia

En este tutorial, explicaré cómo gestionar el estado de tus componentes con @ngrx/component-store.

Cómo gestionar el estado de Angular en sus componentes

Instagram es una gran manera de conectar con tu audiencia y construir tu marca online.

Cómo añadir fotos de Instagram a la página web de NextJS

Necesito dejar de perder el tiempo en las redes sociales y poner ese tiempo en aprender más sobre cosas que me hagan mejorar personal y profesionalmente

Limpieza de la pantalla de inicio de mi iPhone en pro de una mayor productividad

Entregar diseños de interfaz a los desarrolladores no es una tarea fácil déjame contarte cómo lo hago con Sketch y Zeplin

Cómo entrego los diseños a los desarrolladores con Sketch y Zeplin

En mi carrera he tenido la suerte de trabajar con gente mucho más capaz e inteligente que yo y lo único que he recibido de todos ellos es conocimiento y ayuda.

Trabajar con personas más capaces no significa que te quedes estancado

Cuando necesitas mostrar imágenes del sistema de archivos de forma dinámica, necesitas ser inteligente, y a veces los archivos del sistema no son suficientes.

Cómo tratar las imágenes dinámicas en Gatsby

Como desarrollador web, vas a consumir mucho contenido, y necesitas un lugar donde guardar y poder volver en cualquier momento.

Cómo hacer un seguimiento de tu aprendizaje en línea con GitHub

Necesitaba un sitio rapidísimo para el portafolio de mi blog, así que lo construí con Gatsby, ReactJS y alojado en Netlify. 🚀

Cómo he construido mi cartera con Gatsby y ReactJS

A headless CMS system allows users to control all the content, with strict separation from the display or front-end layers.

Using a Headless CMS and React to Build Single Page Apps - Part 1

Let's create the page component and add content by using the REST API, and we'll be able to create rows and columns.

Using a Headless CMS and React to Build Single Page Apps - Part 2

Si está buscando lanzar un sitio web, micrositio o página de destino pequeño, estático y rápido, puede estar considerando un generador de sitios estáticos como Gatsby.

Construyendo un sitio web con Gatsby y un headless CMS - Parte 1

Ahora empezamos a construir el plugin fuente de Gatsby para obtener los datos y crear las páginas.

Freddy Montes

Desarrollo productos digitales y te enseño como hacerlo

Post Populares

Como comparar dos fecha iguales en JavaScript

Como obtener los queryparams de un URL con JavaScript

¿Qué es 1 rem?

Subscribete a Pateando la Puerta

Get my eBooks

99 Tips para Web Development

99 Preguntas de Entrevista para Desarrolladores Web